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 lead form onto your website to make it easier to capture new leads directly into your CRM.

  1. Navigate to your forms
  2. Click Copy code
  3. Click Copy code in the popup window
  4. Paste the code into your website builder.

Embed your booking page

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


Pro-Tip! This will only work with a WordPress.org website, not a WordPress.com website. If you have a WordPress.com site, you can't embed iframes on a page.

  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 calendar
  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.


  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. Making sure that the Code radio button is selected, paste the code into the text box and click Apply

  7. Publish your changes
  8. You can tweak the size of the scheduling calendar to better fit on the page. For example, you may want to stretch it downward until the scroll-bar is gone.


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