Coming Soon: The Unstyled HTML embed option referenced in this article is not yet available. This article will be updated one the feature is released. In the meantime, you can use the Styled HTML embed option.

Embed Public forms and booking pages on your website to turn site visitors into leads and automatically sync their information to your CRM. This helps you capture interest at the moment it happens, eliminate manual data entry, and immediately trigger follow-up automations so no lead is missed.

Embed a Public Form

1. Navigate to Marketing > Forms
   
    
2. Select the Public forms tab.
   
    
3. Locate the form you want to embed, then click the ⋯ (more) button on the far right of the form name and select Copy code.
   
    
4. Click Copy Code. This will copy the Styled HTML of the selected Public form.
   
    
5. If you want to use Unstyled HTML, select the Unstyled option to copy the form without any default styling. This gives you full control over the form’s appearance using your own CSS and JavaScript.
   
   Coming Soon: The Unstyled HTML option is not yet available. Check back here for updates when this feature launches.
   
   
   Note: Changes made to your form after it has been embedded will not update automatically on your website. To apply updates, copy the latest embed code and replace the existing code on your site.
   
   Need help validating your domain? Learn how to connect and validate your forms domain in this article.
    
6. Paste the copied embed code into your website builder’s HTML block or code editor.

Embed your booking page

Before you can embed a booking page, appointments must first be configured in your account. Click here to learn more about setting up and managing your appointments.

1. Navigate to My Day > Appointments
   
    
2. Click the ⋯ (more) options menu for the desired booking link.
   
    
3. Click Embed code.
   
    
4. Click the Copy code button.
   
    
5. Paste the copied embed code into your website builder’s HTML block or code editor.

Embed in Wordpress

Pro-Tip! This works only with WordPress.com sites on a Business or eCommerce plan. For more information, click here.

1.  Hover over a new block and choose to add a new HTML element.
   
    
2. Paste your code into the code box.
   
    
3. Now, just update your page and view your embedded content.
   
    
4. You may adjust height and width values in the embed code to improve layout (for example, increasing height to reduce scrollbars).
   

Embed in Wix

1. Click Add.
   
    
2. Scroll down and hover over the More option.
   
    
3. Choose HTML iframe.
   
    
4. Position the iframe on your page.
   
    
5. Click Enter Code.
   
    
6. Select the Code radio button.
   
    
7. Paste the code into the text box and click Apply.
   
    
8. Publish your changes.
   
    
9. You can resize the iframe to better fit your layout and remove scrollbars if needed.
   

Embed in Squarespace

Note that Squarespace requires a Business plan in order to embed JavaScript or use iframes.

1. Click the + button to add a new element to the page,
   
    
2. Choose the Code option.
   
    
3. Delete the default code in the box, paste your embed code, then hit Apply.
   

Embed in Google Sites

1. Insert an Embed block.
   
    
2. Click Embed code.
   
    
3. Paste in your code from Keap.
    
4. Click Next.
   
    
5. Click Insert.
   

FAQs

If I update my form after embedding it on my website, will the changes appear automatically?

No. Updates made to your form are not reflected automatically on your website. To apply changes, you will need to copy the updated embed code and replace the existing code on your site.

Why do I need to validate my forms domain?

Validating your domain ensures that only authorized websites can use the Unstyled HTML, helping protect your forms from bots and spam submissions.

What if my domain isn’t validated?

Form submissions using Unstyled HTML embeds will fail, and new leads/contacts will not be created or updated. Domain validation is only required for Unstyled HTML forms and does not apply to Styled HTML embeds.

Are all form fields supported in Unstyled HTML code?

Yes. All standard form fields are supported, including virtual fields and custom fields. The following features are not supported in Unstyled HTML:

• Merge fields within Additional Content
• Helper text (this can be manually added when customizing your HTML or CSS)

Can I use my own CSS and JavaScript with Unstyled HTML?

Yes. With Unstyled HTML forms, you have full control over both styling and validation. You can apply your own CSS for layout and design, and use JavaScript to customize behavior, validation rules, and user interactions.

Why am I not getting any form submissions?

To ensure secure form delivery, your form domain must be validated before using Unstyled HTML forms/embeds. Validating your email domain alone is not sufficient for Unstyled HTML forms.

If submissions are not coming through, follow these troubleshooting steps:

1. Go to Settings > Domains.
    
2. Click the Form domains tab.
    
3. Check whether a form domain is already connected.
   • If no domain is connected, click Connect domain and complete the setup.
   • If a domain is connected, proceed to the next step.
      
4. Go to your public form.
   • Copy the Unstyled HTML code and paste it into your website again.
   • Submit a test entry to confirm submissions are working correctly.
      
5. If you are still not receiving submissions after completing these steps, please contact Support for further assistance.