How to Add a Constant Contact Form to Squarespace

Originally published on hellodevworld.com

While setting up my Squarespace site I found that I couldn’t find much information on how to get my Constant Contact sign up forms on my site. So I figured I wouldn’t write this up for anyone that needs it. First things first. If you want the forms to be embedded on your page and not make the users leave your site to sign up on a landing page you need at least the BASIC plan on Squarespace. If you don’t want to pay for that you can just create a landing page on Constant Contact instead of an inline form and link to that on your page. If you have basic here is the step by step walk through.

Step 1

Go to Constant Contact, Sign in and click on “Sign-Up Forms”

Step 2

Click on the ellipses and then click “inline code”

Step 3

At the bottom on the popup window click “Universal Code” (the block that is blacked out will have code in it I blacked mine out for security reasons)

Step 4

Copy the code that is in this box. Again I blacked mine out for security reasons but there will be code in that block to copy.

Step 5

Go back to Squarespace, sign into your admin account, navigate to the site you want to add it to, and click “settings”

Step 6

Click on Advanced

Step 7

Click on “Code Injection”

Step 8

Paste your code that you copied into the “header” section

Step 9

Go back to Constant Contact, go to “Sign-Up Forms”, click on the ellipses of the form you want to embed, click on “inline code” (steps 1 and 2). This time instead of clicking on “Universal Code” copy the text in the main box. Again I blacked mine out for security reasons but there will be code in that block to copy.

Step 10

Go back to Squarespace, go to the page you want to add your form to, add a new section (like you would add an image or text) and select “Code”

Step 11

Erase everything in the text box and paste the code you copied from Constant Contact and press “Apply”. It will not show up right away. You may have to save the page and then it will show up.

Hope this helped! :)

--

--

--

I love being a dev and learning from other devs as well! I want to help aspiring and current devs love their jobs, fix issues, and solve the world’s problems!

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

How to make money with your blog

How to Monetize Your Blog

Grassroots California. It’s an App. 🤳📲🌱

Where to find a course to become a micro-influencer

Persuasion is key in selling & buying

Why We Keep Innovating Our Site, And Why You Should Too

Five Platforms to Learn Storytelling For Impact

Got Product? The best places to make a profit.

Amazon, amazon seller, online business, home based business, etsy, online store, eBay, eBay seller, selling on eBay, Prime

The New Tool Box

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
HelloDevWorldBlog

HelloDevWorldBlog

I love being a dev and learning from other devs as well! I want to help aspiring and current devs love their jobs, fix issues, and solve the world’s problems!

More from Medium

Query string

Some Important Blog Links For Developer

Power Apps — Search Bar Component

Ultimate Teams for Site Rollout