Add Forms in GoHighLevel

/ CRM, GHL / By

Add and Customize Contact Forms in GoHighLevel

If you have used ClickUp or other SaaS tools, you will find it easy to set up and customize contact forms inside GoHighLevel. This guide walks you step by step through adding a form to your site, upgrading it to the latest builder, and applying custom styles safely.

All instructions are based on the official GoHighLevel documentation and focus on practical, repeatable steps you can use in real projects.

Understanding the GoHighLevel Form Builder

The form builder in GoHighLevel lets you capture contact details, qualify leads, and push data directly into your CRM. You can then trigger workflows, automations, or pipeline actions from each new form submission.

Using the built‑in tools, you can:

  • Create and edit forms visually
  • Embed forms on funnels, websites, and external pages
  • Upgrade older forms to the latest builder
  • Customize appearance with basic and advanced options

How to Create a New GoHighLevel Contact Form

Follow these steps to create a new form using the updated builder inside GoHighLevel.

  1. Open the Forms section
    • Log into your account.
    • Navigate to Sites or the section where forms are managed.
    • Locate the Forms area to access the form builder.
  2. Create a new form
    • Click the option to add or create a new form.
    • Choose the standard contact form layout or start from a blank template, depending on your needs.
  3. Add and arrange fields
    • Drag and drop fields such as Name, Email, Phone, and Message.
    • Use required fields for essential information.
    • Configure placeholders, labels, and default values to match your funnel or website copy.
  4. Configure form settings
    • Set the form name and description for internal use.
    • Choose the confirmation or thank‑you behavior.
    • Connect the form to automations or pipelines as needed.
  5. Save your form
    • Click Save to store your form in the GoHighLevel account.

How to Upgrade a Legacy Form in GoHighLevel

Older accounts may still contain legacy forms. GoHighLevel offers a simple upgrade path to move these forms into the new builder.

  1. Locate your legacy form
    • Go to the Forms section.
    • Identify any forms marked as legacy or using the older interface.
  2. Open the upgrade option
    • Click into the legacy form.
    • Look for an Upgrade or Convert button inside the editor interface.
  3. Review compatibility
    • Check which elements will be carried over.
    • Note any styling or layout features that may need to be recreated in the new GoHighLevel builder.
  4. Confirm the upgrade
    • Confirm the action to convert the legacy form.
    • Wait for the form to open in the updated builder.
  5. Adjust layout and styling
    • Review every field and section.
    • Reapply spacing, colors, and alignments as needed.
  6. Test the upgraded form
    • Submit test entries to confirm actions and automations still run correctly.

Embedding a GoHighLevel Contact Form

Once your form is ready, you can embed it on funnels, websites, or external pages for lead collection.

Get the GoHighLevel Form Embed Code

  1. Open the form in the builder.
  2. Locate the Publish or Embed option.
  3. Copy the HTML embed code or direct link provided.

Embed on a GoHighLevel Funnel or Website

  1. Open your funnel or website page editor.
  2. Add a form element or a custom HTML element.
  3. Paste the embed code into the element.
  4. Save and preview the page to confirm alignment and responsiveness.

Embed on an External Site

  1. Open the HTML editor or code block on your external website.
  2. Paste the form embed code where you want the contact form to appear.
  3. Update and publish the page.
  4. Test the form on the live URL to ensure submissions are reaching your GoHighLevel account.

GoHighLevel Form Customization Options

The builder lets you customize both the structure and appearance of your forms to match your brand and website design.

Basic Styling in GoHighLevel Forms

Use the design panel to adjust common appearance settings.

  • Change fonts and text size for labels and inputs
  • Adjust colors for buttons, fields, and backgrounds
  • Set padding and margins for comfortable spacing
  • Control button text and states (hover, active, disabled)

Advanced Custom CSS for GoHighLevel Forms

If you need more fine‑grained control, you can apply custom CSS. Always be cautious and test style changes thoroughly.

  1. Open the form in the builder.
  2. Locate the custom CSS or advanced styling area.
  3. Add CSS rules targeting form fields, labels, buttons, or wrappers.
  4. Save and preview the form to check for visual issues on desktop and mobile.

Common customizations include:

  • Rounded or square input borders
  • Custom hover effects on the submit button
  • Consistent spacing across multi‑column layouts
  • Brand‑specific colors and typography

Best Practices for GoHighLevel Contact Forms

To get the most from your forms, follow these proven best practices when building and deploying them.

Optimize Form Length

  • Request only the information you truly need.
  • Reduce friction by limiting optional fields.
  • Group related fields logically to keep the layout clean.

Align Forms With Your GoHighLevel Automations

  • Map each form to a clear workflow or pipeline.
  • Tag contacts based on the form they submit.
  • Trigger follow‑up emails, SMS, or task creation automatically.

Test Submissions Before Launch

  • Submit multiple test entries with different data.
  • Verify that all fields map correctly into contact records.
  • Confirm that notifications and automations fire as expected.

Troubleshooting GoHighLevel Form Issues

If your form does not display or submissions are not arriving, work through these checks.

  • Form not showing on page
    • Confirm the form is published.
    • Check that the correct embed code is used.
    • Clear cache or try an incognito browser window.
  • Submissions not appearing in CRM
    • Verify that required fields are configured correctly.
    • Check integration and automation settings.
    • Submit a test entry and track it step by step.
  • Styling conflicts
    • Remove or simplify custom CSS.
    • Inspect the page for CSS rules from other elements that override your form styles.

Additional GoHighLevel Resources

For deeper technical detail and the latest updates on forms, review the official documentation:

Official GoHighLevel contact form guide

For consulting, implementation help, or done‑for‑you setups that leverage GoHighLevel across funnels and automations, you can visit Consultevo for professional support.

By following these steps and best practices, you can confidently add, upgrade, and customize contact forms in GoHighLevel while keeping your branding and user experience consistent across all pages.

Need Help With ClickUp?

If you want expert help building, automating, or scaling your GHL , work with ConsultEvo — trusted GoHighLevel Partners.

Scale GoHighLevel

“`