Do you use ConvertKit for your email marketing and Squarespace for your website? Here is how you add a ConvertKit form to a Squarespace website.
Check out the video here 👇
To add a ConvertKit form to Squarespace, follow these steps:
1) Access ConvertKit dashboard: Log in to your ConvertKit account and go to the dashboard. Under the “Grow” tab, select “Landing Pages & Forms”.
2) Select the form you want to use: I recommend the Clare form for a sleek newsletter opt-in. But this will require you to do more styling on the page in Squarespace. For a more done-for-you form, you can select anything that you think will look nice.
3) Customize your ConvertKit form: Once you’ve chosen the form, customize it by adding name fields and changing the button color and text. If you’re using a more visual form, you may want to add an image. After customization, save, publish, and copy the form’s HTML code.
4) Embed the form on Squarespace: With the ConvertKit form code copied, head over to your Squarespace site. In the section where you want to add the form, add a Code block, and copy and paste the code into the website.
5) Style the form in the site: Click on the form you created to access its settings. Once your form is on the site, you can move it around to make sure it has the best placement. If you’ve opted to use the Clare form, you’ll need to add some text above it. You can also stylize it with a box behind it. (See video for details).
Good luck!
Xx, Kara
Ready for more?
Be sure to check out and subscribe to my YouTube channel. You can also view SkillShare courses (and a free two-week trial) here.
As always, I’m available to help troubleshoot or implement the tech pieces of your business
Request a quote ➡️ https://guidedonline.com/quote-your-project/
Book a free exploratory call ➡️ https://guidedonline.com/exploration-call/
All the FREEBIES ➡️ https://guidedonline.com/freebies/
Get ConvertKit* ➡️ https://guidedonline.com/convertkit
Get Squarespace* ➡️ https://guidedonline.com/squarespace
*Affiliate links help me to provide you with free instructional content! I never recommend something that I don’t truly love and use either for myself or on behalf of clients.
Hi, I tried doing this on my site, but the form will not show unless I remove the “S” from all the https’s in the HTML. Once I do that, the form is live on the site, but when I go to fill it out it says in red, “THis form is not secure.” Any thoughts on what to do to fix this? THe site is Squarespace 7.1.
Sorry for the late reply! Hopefully you’ve sorted it by now, but if not, I’d try javascript or one of the other code formats from ConvertKit (Kit).