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"
});</script>
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?