How to Embed a HighLevel Opt-In Form into Your Existing Website
This guide will walk you through how to take a form created in Go HighLevel and embed it into your existing website so new leads automatically enter your CRM.
✅ Why This Matters
By embedding your HighLevel form directly into your website:
-
Leads flow automatically into HighLevel.
-
You can manage them within a single, organized platform.
-
You streamline your lead nurturing, follow-ups, and sales pipeline.
📌 Step-by-Step Instructions
1. Log into HighLevel
-
Go to your HighLevel Dashboard and log in with your credentials.
2. Navigate to the Form Builder
-
On the left menu, click Sites.
-
At the top menu, click Forms, then Form Builder.
3. Select or Create Your Opt-In Form
-
Use the existing "Website Opt-In Form" (or create a new one).
-
Basic form fields usually include:
-
First Name
-
Last Name
-
Email
-
Phone Number
-
A submission button (e.g., “Claim My Free Class Voucher”)
-
Optional:
-
Click the "+" icon to add more fields like address, text areas, or checkboxes as needed.
Pro Tip: Keep forms short for higher conversion.
4. Customize Your Form (Optional)
-
You can change field labels, button text, or add custom fields.
-
Adjust colors and fonts under Style Settings to match your website branding.
-
Click Save once you're done editing.
5. Integrate the Form with Your Website
-
Click Integrate at the top-right of the form builder.
You will now see multiple embed options:
✅ Best Option: Inline Embed
-
Ideal if you have a specific space on your existing website to paste the form into.
-
Keeps users on your current page instead of redirecting them.
Other Options:
-
Sticky Sidebar: Stays on-screen as users scroll.
-
Slide-In or Pop-Up: Great for attention-grabbing lead magnets.
6. Copy the Embed Code
-
Choose Inline (or your preferred option).
-
Scroll to “Copy Embed Code” and click it.
-
This gives you an iframe code snippet.
7. Paste the Code into Your Website
-
Go to your website editor or CMS (WordPress, Squarespace, Wix, etc.).
-
Locate the page/section where you want the form to appear.
-
Paste the iframe embed code into a custom HTML or code block.
-
Click Save/Update in your website editor.
Note: If your platform asks for "custom code" or "HTML", that’s where the iframe goes.
8. Test Your Form
-
Go to your website and check if the form displays correctly.
-
Submit a test entry to verify the lead appears in HighLevel.
🎯 What Happens Next?
Every person who submits the form will:
-
Be automatically created as a lead inside HighLevel.
-
Appear in your CRM, Pipeline, or Campaigns (as configured).
-
Be ready for further automation (email follow-up, appointment booking, etc.).
🛠 Need to Update the Form Later?
-
Any edits made inside HighLevel (like styling or field changes) will automatically update the embedded version after saving — no need to re-embed the code.
🔄 Next Steps
After embedding the form and capturing leads:
-
Watch the next video to learn how to manage leads inside HighLevel.
-
Set up your pipeline, automations, and calendar booking system.
💬 Support
If you're stuck or your form isn't displaying:
-
Double-check that you've pasted the full iframe code.
-
Ensure your website editor supports custom HTML blocks.
-
Contact your website platform's support or reach out to our team.
Done right, this is a one-time setup that can generate leads for you automatically!
Let’s get those leads flowing 👇