Embed Keap on your website


This article applies to:

You can embed different features of Keap directly on your website. 

Embed a public form

Embed your public form onto your website to make it easier to capture new leads directly into your CRM.

  1. Click on your avatar and select Settings 
  2. Click Forms
  3. Click Public forms
  4. Click the form you want to embed
  5. Click the Publish step
  6. Click Copy code
  7. Paste the code into your website builder's HTML


Embed your booking page

Click here to learn how to set get the embed code for your Appointments booking page.


WordPress

Pro-Tip! This will only work with a WordPress.com website, if you are 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 want to tweak the height and width attributes in the code to get your desired look. For example, I changed the height to be "900px" instead of "100%" in order to get rid of the scroll bar.


Wix

  1. Click Add
  2. Scroll down and hover over the More option
  3. Choose HTML iframe
  4. Position the iframe on the page where you would like it
  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 tweak the size of the embedded content to better fit on the page. For example, you may want to stretch it downward until the scroll-bar is gone.


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.


Google Sites

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