Skip to content
AI Employee

Connect Forms and Calendars in AI Studio

Learn how to connect forms and calendars in AI Studio so your AI-generated pages can capture leads, collect submissions, and support automations.

6 min read1,308 words10 explained imagesUpdated Fri, 26 Jun at 11:22 AM
View as markdownOpen in ClaudeOpen in ChatGPT
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
On this page
  1. Key Benefits of Connecting Forms and Calendars in AI Studio
  2. How Forms Work in AI Studio
  3. How To Connect Forms in AI Studio
  4. Where Form Submissions Go After Connection
  5. How Workflows Connect to Form Submissions
  6. How Calendars Work in AI Studio
  7. How To Connect Calendars in AI Studio
  8. What Happens After a Calendar Is Connected
  9. Frequently Asked Questions
  10. Related Articles

Forms and calendars help turn an AI-generated page into a working experience that can collect information or book time with your business. In AI Studio, these components begin as part of the front-end page experience, then can be connected to your GHL Customer Care account when you are ready to make them functional. This makes it easier to build the page first, then complete the connection steps needed for submissions or scheduling.

Important: AI Studio is available through Labs. Turn it on for your sub-account before using it.

TABLE OF CONTENTS

What are Forms and Calendars in AI Studio?

AI Studio can create the form experience on the page. If a user asks for a form, AI Studio can help shape the page around that goal. For example, it can create a contact section, registration section, or book a call section and place the form in the right part of the page. If the request is broad, AI Studio may first ask what kind of form the user wants.

This makes setup easier because users do not need to know all the details before getting started.

This means AI Studio can help create:

  • Contact forms

  • Registration forms

  • Lead capture sections

  • Appointment booking pages

  • Consultation request pages

AI Studio gives you creative flexibility because it can generate custom, unique forms and booking experiences that match your brand, page style, and overall goal!

Important: Forms and calendars are not connected automatically. AI Studio can create the layout for a form or booking section, but you need to ask it to connect that component before it starts sending data into your sub-account.
What are Forms and Calendars in AI Studio? (image 1 of 10) What this shows Important: Forms and calendars are not connected automatically. What this shows Illustrates the "What are Forms and Calendars in AI Studio?" section of "Connect Forms and Calendars in AI Studio". This screenshot appears in the "What are Forms and Calendars in AI Studio?" section of "Connect Forms and Calendars in AI Studio". The text alongside this image reads: Important: Forms and calendars are not connected automatically. AI Studio can create the layout for a form or booking section, but you need to ask it to connect that component before it starts sending data into your sub-account. This part of the guide covers 5 fields, listed below. Immediately after, the guide continues: Connecting forms and calendars in AI Studio helps turn a generated draft into a usable experience for your business. It also saves time by combining page creation with lead capture and booking functionality in one workflow. Image 1 of 10 What this coversImportant: Forms and calendars are not connected automatically. AI Studio can create the layout for a form or booking section, but you need to ask it to connect that component before it starts sending data into your sub-account.
Fields in this part of the guide Contact formsRegistration formsLead capture sectionsAppointment booking pagesConsultation request pages
Buttons and menus referenced form experience
Next stepConnecting forms and calendars in AI Studio helps turn a generated draft into a usable experience for your business. It also saves time by combining page creation with lead capture and booking functionality in one workflow.
All 5 steps in this procedure
  1. Contact forms
  2. Registration forms
  3. Lead capture sections
  4. Appointment booking pages
  5. Consultation request pages

Key Benefits of Connecting Forms and Calendars in AI Studio

Connecting forms and calendars in AI Studio helps turn a generated draft into a usable experience for your business. It also saves time by combining page creation with lead capture and booking functionality in one workflow.

  • Faster Setup: Build the page and the action area together instead of assembling them manually

  • Controlled Connection: Decide when forms and calendars should be connected to your GHL Customer Care account

  • CRM-Ready Lead Capture: Connected forms can send submissions into your sub-account

  • Simpler Scheduling Flow: Connected calendars can turn a booking page into a live scheduling experience

How Forms Work in AI Studio

You can ask AI Studio to create different types of forms, such as contact forms, booking inquiry forms and registration forms. AI Studio can add the form directly into the page layout, a section, or a popup flow depending on the prompt and page goal.

Forms in AI Studio start as front-end layouts. This is important because seeing a form on the page does not automatically mean it is already connected to your CRM or collecting submissions. 

How Forms Work in AI Studio (image 2 of 10) What this shows Forms in AI Studio start as front-end layouts. What this shows Illustrates the "How Forms Work in AI Studio" section of "Connect Forms and Calendars in AI Studio". This screenshot appears in the "How Forms Work in AI Studio" section of "Connect Forms and Calendars in AI Studio". The text alongside this image reads: Forms in AI Studio start as front-end layouts. This is important because seeing a form on the page does not automatically mean it is already connected to your CRM or collecting submissions. Immediately after, the guide continues: When you want the form to start collecting submissions, ask AI Studio to connect it (e.g. " Connect forms to my CRM ") or click Connect when prompted in the chat. This triggers the Connect to CRM flow. Image 2 of 10 What this coversForms in AI Studio start as front-end layouts. This is important because seeing a form on the page does not automatically mean it is already connected to your CRM or collecting submissions. Next stepWhen you want the form to start collecting submissions, ask AI Studio to connect it (e.g. " Connect forms to my CRM ") or click Connect when prompted in the chat. This triggers the Connect to CRM flow.

How To Connect Forms in AI Studio

When you want the form to start collecting submissions, ask AI Studio to connect it (e.g. "Connect forms to my CRM") or click Connect when prompted in the chat. This triggers the Connect to CRM flow.

When a form is connected in AI Studio, the page uses GHL Customer Care's external tracking behavior to send submission activity back into the account. After the user chooses to connect CRM tracking to the page, form submissions can be captured into GHL Customer Care and used for follow-up workflows.

In simple terms, the process works like this:

  1. AI Studio builds the form on the page
  2. The user connects it to CRM tracking
  3. Submissions begin flowing into GHL Customer Care
How To Connect Forms in AI Studio (image 3 of 10) What this shows AI Studio builds the form on the page The user connects it to CRM tracking Submissions begin flowing into GHL Customer Care What this shows Illustrates the "How To Connect Forms in AI Studio" section of "Connect Forms and Calendars in AI Studio". This screenshot appears in the "How To Connect Forms in AI Studio" section of "Connect Forms and Calendars in AI Studio". The text alongside this image reads: AI Studio builds the form on the page The user connects it to CRM tracking Submissions begin flowing into GHL Customer Care. This part of the guide covers 3 fields, listed below. Immediately after, the guide continues: Once connected, form submissions go into the connected sub-account CRM setup, not into the AI Studio project itself. This means that the page lives in AI Studio but the responses, contacts and submission activity go into the connected…. Image 3 of 10 What this coversAI Studio builds the form on the page The user connects it to CRM tracking Submissions begin flowing into GHL Customer Care
Fields in this part of the guide AI Studio builds the form on the pageThe user connects it to CRM trackingSubmissions begin flowing into GHL Customer Care
Buttons and menus referenced Connect
Next stepOnce connected, form submissions go into the connected sub-account CRM setup, not into the AI Studio project itself. This means that the page lives in AI Studio but the responses, contacts and submission activity go into the connected GHL Customer Care account. After connection, form submissions can appear under form submissions as third-party submissions, and they can also be tied into workflow activity through external tracking behavior.
All 3 steps in this procedure
  1. AI Studio builds the form on the page
  2. The user connects it to CRM tracking
  3. Submissions begin flowing into GHL Customer Care

Where Form Submissions Go After Connection

Once connected, form submissions go into the connected sub-account CRM setup, not into the AI Studio project itself. This means that the page lives in AI Studio but the responses, contacts and submission activity go into the connected GHL Customer Care account. After connection, form submissions can appear under form submissions as third-party submissions, and they can also be tied into workflow activity through external tracking behavior.

Users can view submissions in:

  1. Contacts
    Step 1 of 2: Contacts What this shows Step 1 of 2: Contacts What this shows Shows what this covers for step 1 of 2 in the "Where Form Submissions Go After Connection" section of "Connect Forms and Calendars in AI Studio". This screenshot accompanies step 1 of 2 in the "Where Form Submissions Go After Connection" section of "Connect Forms and Calendars in AI Studio". At this point in the walkthrough you contacts. For context, this section explains: Once connected, form submissions go into the connected sub-account CRM setup, not into the AI Studio project itself. This means that the page lives in AI Studio but the responses, contacts and submission activity go into the connected GHL Customer Care account. After connection, form submissions can…. The navigation path used here is Contacts Sites > Forms > Submissions > External Forms. This part of the guide covers 2 fields, listed below. The next step is to sites > Forms > Submissions > External Forms. Step 1 of 2Path: Contacts Sites > Forms > Submissions > External FormsImage 4 of 10 What this coversContacts
    Fields in this part of the guide ContactsSites > Forms > Submissions > External Forms
    Buttons and menus referenced ContactsSitesFormsSubmissionsExternal
    Next stepSites > Forms > Submissions > External Forms
    All 2 steps in this procedure
    1. Contacts this image
    2. Sites > Forms > Submissions > External Forms
  2. Sites > Forms > Submissions > External Forms
    Step 2 of 2: Sites > Forms > Submissions > External Forms What this shows Step 2 of 2: Sites > Forms > Submissions > External Forms What this shows Shows what this covers for step 2 of 2 in the "Where Form Submissions Go After Connection" section of "Connect Forms and Calendars in AI Studio". This screenshot accompanies step 2 of 2 in the "Where Form Submissions Go After Connection" section of "Connect Forms and Calendars in AI Studio". At this point in the walkthrough you sites > Forms > Submissions > External Forms. The navigation path used here is Sites > Forms > Submissions > External Forms. This part of the guide covers 2 fields, listed below. Step 2 of 2Path: Sites > Forms > Submissions > External FormsImage 5 of 10 What this coversSites > Forms > Submissions > External Forms
    Fields in this part of the guide ContactsSites > Forms > Submissions > External Forms
    Buttons and menus referenced SitesFormsSubmissionsExternalContacts
    All 2 steps in this procedure
    1. Contacts
    2. Sites > Forms > Submissions > External Forms this image

How Workflows Connect to Form Submissions

Once the form is connected to CRM tracking, submissions can be used in workflows through tracking triggers. The practical flow is:

  1. Create the form layout in AI Studio
  2. Connect the form to CRM tracking
  3. In a workflow, use the trigger "External Tracking Event"
  4. Use the "Form submission" event to continue automations
  5. Use the "Domain" filter and/or "External Form" filter to ensure the automation fires only on the submission of the desired form(s).
    Step 5 of 6: Use the "Domain" filter and/or "External Form" filter to ensure the… What this shows Step 5 of 6: Use the "Domain" filter and/or "External Form" filter to ensure the automation fires only on the submission of the desired form(s). What this shows Shows what this covers for step 5 of 6 in the "How Workflows Connect to Form Submissions" section of "Connect Forms and Calendars in AI Studio". This screenshot accompanies step 5 of 6 in the "How Workflows Connect to Form Submissions" section of "Connect Forms and Calendars in AI Studio". At this point in the walkthrough you use the "Domain" filter and/or "External Form" filter to ensure the automation fires only on the submission of the desired form(s). The navigation path used here is Custom Value > Contact > Custom Fields. This part of the guide covers 2 fields, listed below. The next step is to continue your automation using actions such as "Send SMS" or "Send Email". To use the contact's answers from the AI Studio Form within the action, insert the corresponding custom value from Custom Value > Contact > Custom Fields or by using the search bar. Step 5 of 6Path: Custom Value > Contact > Custom FieldsImage 6 of 10 What this coversUse the "Domain" filter and/or "External Form" filter to ensure the automation fires only on the submission of the desired form(s).
    Fields in this part of the guide Connect the form to CRM trackingIn a workflow, use the trigger "External Tracking Event"
    Buttons and menus referenced Custom ValueContactCustom Fields
    Next stepContinue your automation using actions such as "Send SMS" or "Send Email". To use the contact's answers from the AI Studio Form within the action, insert the corresponding custom value from Custom Value > Contact > Custom Fields or by using the search bar.
    All 6 steps in this procedure
    1. Create the form layout in AI Studio
    2. Connect the form to CRM tracking
    3. In a workflow, use the trigger "External Tracking Event"
    4. Use the "Form submission" event to continue automations
    5. Use the "Domain" filter and/or "External Form" filter to ensure the automation fires only on the submission of the desired form(s). this image
    6. Continue your automation using actions such as "Send SMS" or "Send Email". To use the contact's answers from the AI Studio Form within the action, insert the corresponding custom value from Custom Value > Contact > Custom Fields or by using the search bar.
  6. Continue your automation using actions such as "Send SMS" or "Send Email".
    To use the contact's answers from the AI Studio Form within the action, insert the corresponding custom value from Custom Value > Contact > Custom Fields or by using the search bar.
    Step 6 of 6: Continue your automation using actions such as "Send SMS" or "Send… What this shows Step 6 of 6: Continue your automation using actions such as "Send SMS" or "Send Email". What this shows Shows what this covers for step 6 of 6 in the "How Workflows Connect to Form Submissions" section of "Connect Forms and Calendars in AI Studio". This animation accompanies step 6 of 6 in the "How Workflows Connect to Form Submissions" section of "Connect Forms and Calendars in AI Studio". At this point in the walkthrough you continue your automation using actions such as "Send SMS" or "Send Email". To use the contact's answers from the AI Studio Form within the action, insert the corresponding custom value from Custom Value > Contact > Custom Fields or by using the search bar. The navigation path used here is Custom Value > Contact > Custom Fields. This part of the guide covers 2 fields, listed below. Step 6 of 6Path: Custom Value > Contact > Custom FieldsImage 7 of 10 What this coversContinue your automation using actions such as "Send SMS" or "Send Email". To use the contact's answers from the AI Studio Form within the action, insert the corresponding custom value from Custom Value > Contact > Custom Fields or by using the search bar.
    Fields in this part of the guide Connect the form to CRM trackingIn a workflow, use the trigger "External Tracking Event"
    Buttons and menus referenced Custom ValueContactCustom Fields
    All 6 steps in this procedure
    1. Create the form layout in AI Studio
    2. Connect the form to CRM tracking
    3. In a workflow, use the trigger "External Tracking Event"
    4. Use the "Form submission" event to continue automations
    5. Use the "Domain" filter and/or "External Form" filter to ensure the automation fires only on the submission of the desired form(s).
    6. Continue your automation using actions such as "Send SMS" or "Send Email". To use the contact's answers from the AI Studio Form within the action, insert the corresponding custom value from Custom Value > Contact > Custom Fields or by using the search bar. this image

How Calendars Work in AI Studio

AI Studio can create a custom booking experience on the front end instead of only embedding a standard calendar widget layout. If you ask AI Studio for an appointment page, consultation page, or discovery call page, it can generate the front-end layout and add a booking area as part of the experience.

Once connected to one of your pre-existing calendars, that custom experience can use the selected GHL Customer Care calendar in the background for scheduling!

How Calendars Work in AI Studio (image 8 of 10) What this shows Once connected to one of your pre-existing calendars, that custom experience can use the selected GHL Customer Care calendar in the… What this shows Illustrates the "How Calendars Work in AI Studio" section of "Connect Forms and Calendars in AI Studio". This screenshot appears in the "How Calendars Work in AI Studio" section of "Connect Forms and Calendars in AI Studio". The text alongside this image reads: Once connected to one of your pre-existing calendars, that custom experience can use the selected GHL Customer Care calendar in the background for scheduling! Immediately after, the guide continues: Connecting a calendar turns the booking section on the page into a live scheduling experience. Instead of building the scheduling component manually, AI Studio can help you connect an existing calendar from the sub-account. Image 8 of 10 What this coversOnce connected to one of your pre-existing calendars, that custom experience can use the selected GHL Customer Care calendar in the background for scheduling! Next stepConnecting a calendar turns the booking section on the page into a live scheduling experience. Instead of building the scheduling component manually, AI Studio can help you connect an existing calendar from the sub-account.

How To Connect Calendars in AI Studio

Connecting a calendar turns the booking section on the page into a live scheduling experience. Instead of building the scheduling component manually, AI Studio can help you connect an existing calendar from the sub-account.

  1. Ask AI Studio to create a booking-focused page or scheduling section.

  2. When prompted within the chat, choose the calendar you want to use from the sub-account.

  3. Connect that calendar to the page component.

  4. Preview and test the booking experience.

How To Connect Calendars in AI Studio (image 9 of 10) What this shows Ask AI Studio to create a booking-focused page or scheduling section. What this shows Illustrates the "How To Connect Calendars in AI Studio" section of "Connect Forms and Calendars in AI Studio". This screenshot appears in the "How To Connect Calendars in AI Studio" section of "Connect Forms and Calendars in AI Studio". The text alongside this image reads: Ask AI Studio to create a booking-focused page or scheduling section. When prompted within the chat, choose the calendar you want to use from the sub-account. Connect that calendar to the page component. Preview and test the booking experience. Immediately after, the guide continues: The calendar itself comes from the sub-account. AI Studio helps place and connect it inside the page experience. So the page lives in AI Studio, but the scheduling setup is still tied to the connected calendar inside the account. Image 9 of 10 What to chooseAsk AI Studio to create a booking-focused page or scheduling section. When prompted within the chat, choose the calendar you want to use from the sub-account. Connect that calendar to the page component. Preview and test the booking experience. Next stepThe calendar itself comes from the sub-account. AI Studio helps place and connect it inside the page experience. So the page lives in AI Studio, but the scheduling setup is still tied to the connected calendar inside the account.
All 4 steps in this procedure
  1. Ask AI Studio to create a booking-focused page or scheduling section.
  2. When prompted within the chat, choose the calendar you want to use from the sub-account.
  3. Connect that calendar to the page component.
  4. Preview and test the booking experience.

What Happens After a Calendar Is Connected

The calendar itself comes from the sub-account. AI Studio helps place and connect it inside the page experience. So the page lives in AI Studio, but the scheduling setup is still tied to the connected calendar inside the account.

That means any meetings or time slots booked from the AI Studio page are added to that connected calendar instead of staying only on the front end. After the calendar is connected:

  • Visitors can book available times from the page

  • Booked meetings are added to the selected calendar in your sub-account

  • The booking uses the availability and setup already configured on that calendar

  • Any automations, follow-up actions, or other calendar-based behavior tied to that calendar can continue to run as configured in GHL Customer Care

This makes the AI Studio page a fast way to present the booking experience while still using the calendar setup that already exists in your account.

What Happens After a Calendar Is Connected (image 10 of 10) What this shows This makes the AI Studio page a fast way to present the booking experience while still using the calendar setup that already exists in your account. What this shows Illustrates the "What Happens After a Calendar Is Connected" section of "Connect Forms and Calendars in AI Studio". This screenshot appears in the "What Happens After a Calendar Is Connected" section of "Connect Forms and Calendars in AI Studio". The text alongside this image reads: This makes the AI Studio page a fast way to present the booking experience while still using the calendar setup that already exists in your account. This part of the guide covers 1 field, listed below. Immediately after, the guide continues: Q: Can I edit the page after connecting a form or calendar? Yes. You can continue refining the page experience in AI Studio after the component has been connected. Image 10 of 10 What this coversThis makes the AI Studio page a fast way to present the booking experience while still using the calendar setup that already exists in your account.
Fields in this part of the guide Visitors can book available times from the page
Next stepQ: Can I edit the page after connecting a form or calendar? Yes. You can continue refining the page experience in AI Studio after the component has been connected.
All 4 steps in this procedure
  1. Visitors can book available times from the page
  2. Booked meetings are added to the selected calendar in your sub-account
  3. The booking uses the availability and setup already configured on that calendar
  4. Any automations, follow-up actions, or other calendar-based behavior tied to that calendar can continue to run as configured in GHL Customer Care

Frequently Asked Questions

Q: Can I edit the page after connecting a form or calendar?
Yes. You can continue refining the page experience in AI Studio after the component has been connected.

Q: Do I need to create a form in GHL Customer Care first before using it in AI Studio?
No. AI Studio can generate the front-end form experience from a prompt, then guide you through the connection step when you are ready.

Q: Do calendar confirmations, reminders, and automations still come from the connected calendar setup?
Yes. Once the page is connected to a calendar, bookings made from the page use that selected calendar, so any confirmations, reminders, and automations tied to that calendar will run.

Was this guide helpful?

Related guides

AI Studio in GHL Customer Care17 min read · 29 imagesCode Editor in the AI Studio6 min read · 15 imagesAdvanced SEO Support in AI Studio6 min read · 15 imagesVisual Edits in AI Studio5 min read · 9 images