# 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. - Source: https://docs.ghlcustomercare.com/docs/ai-employee/ai-studio/connect-forms-and-calendars-in-ai-studio - Section: AI Employee / AI Studio - Reading time: 6 min - Images: 10, each explained below - Modified on Fri, 26 Jun at 11:22 AM --- 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?](#what-are-forms-and-calendars-in-ai-studio) - [Key Benefits of Connecting Forms and Calendars in AI Studio](#key-benefits-of-connecting-forms-and-calendars-in-ai-studio) - [How Forms Work in AI Studio](#how-forms-work-in-ai-studio) - [How To Connect Forms in AI Studio](#how-to-connect-forms-in-ai-studio) - [Where Form Submissions Go After Connection](#where-form-submissions-go-after-connection) - [How Workflows Connect to Form Submissions](#how-workflows-connect-to-form-submissions) - [How Calendars Work in AI Studio](#how-calendars-work-in-ai-studio) - [How To Connect Calendars in AI Studio](#how-to-connect-calendars-in-ai-studio) - [What Happens After a Calendar Is Connected](#what-happens-after-a-calendar-is-connected) - [Frequently Asked Questions](#frequently-asked-questions) - [Related Articles](#related-articles) --- # **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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155068281687/original/VCKJ0hcuDDv4v3NWS-0izNzQGcWQCe4e2Q.png) **What are Forms and Calendars in AI Studio? (image 1 of 10)** 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. - What this covers: 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. - Fields: Contact forms, Registration forms, Lead capture sections, Appointment booking pages, Consultation request pages - Controls: form experience - Next: 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. Full 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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155068285896/original/y-7pCb1oWXFw-dRjTml14YxiO58fT08JBg.png) **How Forms Work in AI Studio (image 2 of 10)** 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. - What this covers: 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. - Next: 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. ### **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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155068277913/original/wT3ZrszE_OG812gntkwQQs-vZz0-ff5dXQ.png) **How To Connect Forms in AI Studio (image 3 of 10)** 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…. - What this covers: AI Studio builds the form on the page The user connects it to CRM tracking Submissions begin flowing into GHL Customer Care - Fields: AI Studio builds the form on the page, The user connects it to CRM tracking, Submissions begin flowing into GHL Customer Care - Controls: Connect - Next: 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. Full 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](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155068278869/original/F5KfLTQbO5NsWrZwZVyXU-p9nRYb2RGI5Q.png) **Step 1 of 2: Contacts** 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. - Path: Contacts Sites > Forms > Submissions > External Forms - What this covers: Contacts - Fields: Contacts, Sites > Forms > Submissions > External Forms - Controls: Contacts, Sites, Forms, Submissions, External - Next: Sites > Forms > Submissions > External Forms Full 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](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155068278950/original/vwg6Q1CvuQnoWvgeEl6iC76h6L74B2kqqA.png) **Step 2 of 2: Sites > Forms > Submissions > External Forms** 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. - Path: Sites > Forms > Submissions > External Forms - What this covers: Sites > Forms > Submissions > External Forms - Fields: Contacts, Sites > Forms > Submissions > External Forms - Controls: Sites, Forms, Submissions, External, Contacts Full 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…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155071834599/original/iUiv8k6FQI_DVR05i8HosGO7nt5YrX-m5w.jpeg) **Step 5 of 6: Use the "Domain" filter and/or "External Form" filter to ensure the…** 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. - Path: Custom Value > Contact > Custom Fields - What this covers: Use the "Domain" filter and/or "External Form" filter to ensure the automation fires only on the submission of the desired form(s). - Fields: Connect the form to CRM tracking, In a workflow, use the trigger "External Tracking Event" - Controls: Custom Value, Contact, Custom Fields - Next: 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. Full 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…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155071834805/original/ngJ7k4NRHj3joqbwJYuLJvUt6ZLz4-jABw.gif) **Step 6 of 6: Continue your automation using actions such as "Send SMS" or "Send…** 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. - Path: Custom Value > Contact > Custom Fields - What this covers: 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. - Fields: Connect the form to CRM tracking, In a workflow, use the trigger "External Tracking Event" - Controls: Custom Value, Contact, Custom Fields Full 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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155068290680/original/R0Yw05aXWLXPZ2Mdl2cIiNSFvgeK-ChC3Q.png) **How Calendars Work in AI Studio (image 8 of 10)** 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. - What this covers: 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! - Next: 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. ### **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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155068284764/original/6iugIWnPI-GnOtwjnSlQCDhz1yHL-Wu2fg.png) **How To Connect Calendars in AI Studio (image 9 of 10)** 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. - What to choose: 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. - Next: 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. Full 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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155068285436/original/-95iFshVQARbb2zQMPquezRGkDoOOAnoKQ.png) **What Happens After a Calendar Is Connected (image 10 of 10)** 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. - What this covers: 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. - Fields: Visitors can book available times from the page - Next: 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. Full 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. --- ## **Related Articles** - [](https://docs.ghlcustomercare.com/docs/ai-employee/ai-studio/ai-studio-in-ghl-customer-care)[AI Product Pricing Update](https://docs.ghlcustomercare.com/docs/ai-employee/ai-employee/ai-product-pricing) - [AI Studio in GHL Customer Care](https://docs.ghlcustomercare.com/docs/ai-employee/ai-studio/ai-studio-in-ghl-customer-care) - [Tracking External Forms with GHL Customer Care](https://docs.ghlcustomercare.com/docs/sites/forms/tracking-external-forms-with-ghl-customer-care) - Where Do Form Responses Show Up? - [How to Set Up a Personal Booking Calendar with GHL Customer Care](https://docs.ghlcustomercare.com/docs/calendars-and-appointments/creating-calendars/how-to-set-up-a-personal-booking-calendar-with-ghl-customer-care) --- Documentation for GHL Customer Care. Support: support@ghlcustomercare.com