ConvertKit Forms and Squarespace

Embedding a ConvertKit Form in Squarespace is easy. It's a very basic copy & paste process that will have your Form ready to go in just minutes.

NOTE: In order to embed our forms on your Squarespace site, you'll need to be on their Business or Commerce plan.

Edit a page and add a new code block.

Paste in your one-line ConvertKit form embed code.

Available in the Form Editor under "Embed."

View the Form on your site

Check to make sure it looks the way you want. 

NOTE: On Squarespace, the 'Page Banner' section (home welcome screen) does not allow a user to use "Embed block" sections. This is generally how a user would insert basic HTML code. 

Without this feature, a user cannot easily added the required 'rel="ck_modal' to THE main CTA button on their home page.

How to target this button:

1) Click on "Page Banner" settings

2) Access the "Advanced" settings

3) Under "Page Header Code Injection" insert the following code:

<script> document.addEventListener("DOMContentLoaded", function(event) {

document.getElementsByClassName('desc-wrapper')[0].children[4].children[0].rel = "ck_modal"


The final part of this is what you might recognize. All of this code simply to add "ck_modal" to the link.

On the basic settings you simply point make it an external link to /#ck_modal.

Have Questions? 

The creator community is here to help

Did this answer your question?