# Customizing Forms Inside Funnels Using the Form Builder > Learn how to customize forms directly inside the GHL Customer Care Funnel Builder using the pop-up Form Builder, including editing fields, styling, and localized interface behavior. - Source: https://docs.ghlcustomercare.com/docs/sites/funnels-and-websites/customizing-forms-inside-funnels-using-the-form-builder - Section: Sites / Funnels and Websites - Reading time: 4 min - Images: 9, each explained below --- Customize and manage your forms without leaving your funnel workflow. The built-in pop-up Form Builder allows you to edit forms directly inside the Funnel Builder for a more streamlined experience. --- **TABLE OF CONTENTS** - [What is the Form Builder Pop-Up in Funnel Builder?](#what-is-the-form-builder-pop-up-in-funnel-builder) - [Key Benefits of the Form Builder Pop-Up](#key-benefits-of-the-form-builder-pop-up) - [How to Edit Forms Using the Pop-Up Form Builder](#how-to-edit-forms-using-the-pop-up-form-builder) - [Localization in the Form Builder](#localization-in-the-form-builder) - [Frequently Asked Questions](#frequently-asked-questions) --- # **What is the Form Builder Pop-Up in Funnel Builder?** The Form Builder Pop-Up lets you create or edit forms directly within your funnel page using a large modal window that overlays the Funnel Builder. This setup removes the need to navigate away or switch tabs, helping you stay focused while building your funnel. You can access form elements, custom fields, styling options, and themes—all from the same pop-up window. --- ## **Key Benefits of the Form Builder Pop-Up** Use the embedded editor to maintain your funnel-building momentum and reduce interruptions in your workflow: - **In-Funnel Editing**: Make form changes directly within the Funnel Builder. - **No Tab Switching**: Stay in one view while editing, styling, and saving. - **Context Preservation**: Your place in the funnel remains unchanged. - **All-in-One Access**: Manage fields, styling, and themes in the same pop-up. - **Faster Transitions**: Reduced loading time between edits and funnel building. --- ## **How to Edit Forms Using the Pop-Up Form Builder** Follow these steps to access and use the Form Builder Pop-Up: ### **Navigate to Funnels** From the left-hand menu, click on **Sites** and then select the **Funnels** tab at the top. This opens your list of funnels where you can manage or create funnel pages that contain form elements. ![Navigate to Funnels (image 1 of 9)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155048935733/original/aCWv-d_I7PuDucHFcwB7hLXoogwh5ZMpaw.png) **Navigate to Funnels (image 1 of 9)** This screenshot appears in the "Navigate to Funnels" section of "Customizing Forms Inside Funnels Using the Form Builder". The text alongside this image reads: From the left-hand menu, click on Sites and then select the Funnels tab at the top. This opens your list of funnels where you can manage or create funnel pages that contain form elements. Immediately after, the guide continues: Use the Search for Funnels bar to locate an existing funnel or click + New Funnel to create a new one. This will take you into the funnel workspace where you can begin editing pages and adding form elements. - What to choose: From the left-hand menu, click on Sites and then select the Funnels tab at the top. This opens your list of funnels where you can manage or create funnel pages that contain form elements. - Controls: Sites, Funnels - Next: Use the Search for Funnels bar to locate an existing funnel or click + New Funnel to create a new one. This will take you into the funnel workspace where you can begin editing pages and adding form elements. ### **Open or Create a Funnel** Use the **Search for Funnels** bar to locate an existing funnel or click **\+ New Funnel** to create a new one. This will take you into the funnel workspace where you can begin editing pages and adding form elements. ![Open or Create a Funnel (image 2 of 9)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155048935756/original/qNDP0mdVai3YEpmvzT7GFlys4Mjb8LKH4w.png) **Open or Create a Funnel (image 2 of 9)** This screenshot appears in the "Open or Create a Funnel" section of "Customizing Forms Inside Funnels Using the Form Builder". The text alongside this image reads: Use the Search for Funnels bar to locate an existing funnel or click + New Funnel to create a new one. This will take you into the funnel workspace where you can begin editing pages and adding form elements. Immediately after, the guide continues: Click the Steps tab to view all funnel steps within the selected funnel. From here, choose the specific step where you want to add or edit a form. - What to click: Use the Search for Funnels bar to locate an existing funnel or click + New Funnel to create a new one. This will take you into the funnel workspace where you can begin editing pages and adding form elements. - Controls: Search for Funnels, + New Funnel - Next: Click the Steps tab to view all funnel steps within the selected funnel. From here, choose the specific step where you want to add or edit a form. ### **Select a Funnel Step** Click the **Steps** tab to view all funnel steps within the selected funnel. From here, choose the specific step where you want to add or edit a form. ![Select a Funnel Step (image 3 of 9)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155048935775/original/7NsC41QzCA9JT3NfneeVWkVQg7dSDve2dw.png) **Select a Funnel Step (image 3 of 9)** This screenshot appears in the "Select a Funnel Step" section of "Customizing Forms Inside Funnels Using the Form Builder". The text alongside this image reads: Click the Steps tab to view all funnel steps within the selected funnel. From here, choose the specific step where you want to add or edit a form. Immediately after, the guide continues: Click the Edit button below the funnel step preview to start editing the page. You can choose Edit page details to update basic settings or Edit in a New Tab to open the Funnel Page Builder in a separate tab for full-page editing. - What to choose: Click the Steps tab to view all funnel steps within the selected funnel. From here, choose the specific step where you want to add or edit a form. - Controls: Steps - Next: Click the Edit button below the funnel step preview to start editing the page. You can choose Edit page details to update basic settings or Edit in a New Tab to open the Funnel Page Builder in a separate tab for full-page editing. ### **Open the Page Editor** Click the **Edit** button below the funnel step preview to start editing the page. You can choose **Edit page details** to update basic settings or **Edit in a New Tab** to open the Funnel Page Builder in a separate tab for full-page editing. ![Open the Page Editor (image 4 of 9)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155048935818/original/53D4_SCRwk5exbKD0OsxudpPLtjRQdh2Gg.png) **Open the Page Editor (image 4 of 9)** This screenshot appears in the "Open the Page Editor" section of "Customizing Forms Inside Funnels Using the Form Builder". The text alongside this image reads: Click the Edit button below the funnel step preview to start editing the page. You can choose Edit page details to update basic settings or Edit in a New Tab to open the Funnel Page Builder in a separate tab for full-page editing. Immediately after, the guide continues: Click the + icon in the top toolbar to open the sidebar, then select Elements from the menu. Scroll to the Form section and drag the Form element onto your page to begin configuring it. - What to choose: Click the Edit button below the funnel step preview to start editing the page. You can choose Edit page details to update basic settings or Edit in a New Tab to open the Funnel Page Builder in a separate tab for full-page editing. - Controls: Edit, Edit page details, Edit in a New Tab - Next: Click the + icon in the top toolbar to open the sidebar, then select Elements from the menu. Scroll to the Form section and drag the Form element onto your page to begin configuring it. ### **Add a Form Element** Click the **+** icon in the top toolbar to open the sidebar, then select **Elements** from the menu. Scroll to the **Form** section and drag the **Form** element onto your page to begin configuring it. ![Add a Form Element (image 5 of 9)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155048935841/original/H2kN5ygX6ZYaqOIyRUyvbo-HJYJqwH1TzA.png) **Add a Form Element (image 5 of 9)** This screenshot appears in the "Add a Form Element" section of "Customizing Forms Inside Funnels Using the Form Builder". The text alongside this image reads: Click the + icon in the top toolbar to open the sidebar, then select Elements from the menu. Scroll to the Form section and drag the Form element onto your page to begin configuring it. Immediately after, the guide continues: When the Form Picker appears, use the dropdown to select from your existing forms. - Where to go: Click the + icon in the top toolbar to open the sidebar, then select Elements from the menu. Scroll to the Form section and drag the Form element onto your page to begin configuring it. - Controls: +, Elements, Form - Next: When the Form Picker appears, use the dropdown to select from your existing forms. ### **Choose an Existing Form or Create a New One** When the **Form Picker** appears, use the dropdown to select from your existing forms. If you want to create a new form, click the **“Click Here”** link—this opens the **Forms** subsection within the **Sites** menu, where you can build and save new forms. ![Choose an Existing Form or Create a New One (image 6 of 9)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155048935876/original/R8QYx9u0QiPzhOmq7qWG39-dG7IojhNBpg.png) **Choose an Existing Form or Create a New One (image 6 of 9)** This screenshot appears in the "Choose an Existing Form or Create a New One" section of "Customizing Forms Inside Funnels Using the Form Builder". The text alongside this image reads: If you want to create a new form, click the “Click Here” link—this opens the Forms subsection within the Sites menu, where you can build and save new forms. Immediately after, the guide continues: Once you’ve selected a form, use the Edit form button shown in the right-side panel to open the Form Builder. - How to confirm: If you want to create a new form, click the “Click Here” link—this opens the Forms subsection within the Sites menu, where you can build and save new forms. - Controls: Form Picker, “Click Here”, Forms, Sites - Next: Once you’ve selected a form, use the Edit form button shown in the right-side panel to open the Form Builder. ### **Edit Form Option** Once you’ve selected a form, use the **Edit form** button shown in the right-side panel to open the Form Builder. This opens a large pop-up window—right within the Funnel Builder—allowing you to customize form fields, styles, and settings without navigating away from your funnel. ![Edit Form Option (image 7 of 9)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155048935890/original/5ILY-yEugwqvNoYkDQROx8OgLGh1aIycqQ.png) **Edit Form Option (image 7 of 9)** This screenshot appears in the "Edit Form Option" section of "Customizing Forms Inside Funnels Using the Form Builder". The text alongside this image reads: This opens a large pop-up window—right within the Funnel Builder—allowing you to customize form fields, styles, and settings without navigating away from your funnel. Immediately after, the guide continues: Once the form builder opens in the pop-up, use the Quick Add and Custom Fields panels to configure your form. - What this covers: This opens a large pop-up window—right within the Funnel Builder—allowing you to customize form fields, styles, and settings without navigating away from your funnel. - Controls: Edit form - Next: Once the form builder opens in the pop-up, use the Quick Add and Custom Fields panels to configure your form: ### **Customize the Form Inside the Funnel Page** Once the form builder opens in the pop-up, use the **Quick Add** and **Custom Fields** panels to configure your form: - **Quick Add:** Instantly drag common fields like Full Name, Email, and Phone into your form. - **Add Object Fields:** Add custom input types that match your lead capture strategy—ideal for gathering personalized or campaign-specific data. This editing experience keeps your funnel page in the background, helping you maintain your design context while making precise form updates. ![Customize the Form Inside the Funnel Page (image 8 of 9)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155071190220/original/8l7ZtA4TuKhgcy9s1GeB8aPJejb5dRaViQ.gif) **Customize the Form Inside the Funnel Page (image 8 of 9)** This animation appears in the "Customize the Form Inside the Funnel Page" section of "Customizing Forms Inside Funnels Using the Form Builder". The text alongside this image reads: This editing experience keeps your funnel page in the background, helping you maintain your design context while making precise form updates. Immediately after, the guide continues: Once your form edits are complete, click the Save button in the top-right corner of the pop-up. This action instantly applies your updates and closes the modal, returning you to your exact spot in the Funnel Builder—without any page…. - What this covers: This editing experience keeps your funnel page in the background, helping you maintain your design context while making precise form updates. - Controls: Quick Add, Custom Fields, Save Your Changes, Save - Next: Once your form edits are complete, click the Save button in the top-right corner of the pop-up. This action instantly applies your updates and closes the modal, returning you to your exact spot in the Funnel Builder—without any page reloads or tab switching. This ensures a seamless editing experience where your funnel-building flow remains uninterrupted. Full procedure: 1. Quick Add: Instantly drag common fields like Full Name, Email, and Phone into your form. 2. Add Object Fields: Add custom input types that match your lead capture strategy—ideal for gathering personalized or campaign-specific data. **Save Your Changes** Once your form edits are complete, click the **Save** button in the top-right corner of the pop-up. This action instantly applies your updates and closes the modal, returning you to your exact spot in the Funnel Builder—without any page reloads or tab switching. This ensures a seamless editing experience where your funnel-building flow remains uninterrupted. ![Customize the Form Inside the Funnel Page (image 9 of 9)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155048935962/original/-v3fFeR8m0BUpOHQHdxTvEsvW9_gWUs3fw.png) **Customize the Form Inside the Funnel Page (image 9 of 9)** This screenshot appears in the "Customize the Form Inside the Funnel Page" section of "Customizing Forms Inside Funnels Using the Form Builder". The text alongside this image reads: Once your form edits are complete, click the Save button in the top-right corner of the pop-up. This action instantly applies your updates and closes the modal, returning you to your exact spot in the Funnel Builder—without any page reloads or tab switching. This ensures a seamless editing…. Immediately after, the guide continues: GHL Customer Care automatically adapts the Form Builder interface to match your account’s selected language. This ensures a consistent experience while editing forms inside the Funnel Builder. - How to confirm: Once your form edits are complete, click the Save button in the top-right corner of the pop-up. This action instantly applies your updates and closes the modal, returning you to your exact spot in the Funnel Builder—without any page reloads or tab switching. This ensures a seamless editing experience where your funnel-building flow remains uninterrupted. - Controls: Quick Add, Custom Fields, Save Your Changes, Save - Next: GHL Customer Care automatically adapts the Form Builder interface to match your account’s selected language. This ensures a consistent experience while editing forms inside the Funnel Builder. Full procedure: 1. Quick Add: Instantly drag common fields like Full Name, Email, and Phone into your form. 2. Add Object Fields: Add custom input types that match your lead capture strategy—ideal for gathering personalized or campaign-specific data. --- ## **Localization in the Form Builder** GHL Customer Care automatically adapts the Form Builder interface to match your account’s selected language. This ensures a consistent experience while editing forms inside the Funnel Builder. ### **What Is Localized** The following interface elements are automatically translated using system-defined translation keys: -  Form labels, button text, and instructional messages   - Payment footer messaging, including secure payment notices   - Product empty state messages (such as “No products added yet”) - Labels and tooltips in both General and Advanced settings panels   ### **How It Works** Localization is controlled by your account’s language settings. When a language is selected, all supported UI text in the Form Builder updates automatically. No additional configuration is required. ### **Important Notes** This applies to the builder interface only, not to custom text added inside forms   Available translations depend on supported languages within GHL Customer Care   --- ## **Frequently Asked Questions** **Q: Will this affect my existing forms or funnels?** No, your forms and funnels remain unchanged. The pop-up only changes how you access and edit them. **Q: Can I access all form settings from the pop-up?** Yes, you can customize fields, styles, and themes directly within the modal. **Q: What happens if I close the pop-up without saving?** Any unsaved changes will be lost. Be sure to save before closing. **Q: Is this available to all users?** Yes, users with access to the Funnel Builder and Form Builder will see the embedded pop-up interface. **Q: Can I create new forms from this interface?** Yes, both new form creation and editing are supported within the pop-up. --- Documentation for GHL Customer Care. Support: support@ghlcustomercare.com