How to use Flodesk with your Squarespace Website
Decided to use Flodesk and Squarespace together? Here are a few ways to connect your email marketing to your website.
Flodesk is the email marketing software I personally use, love, and recommend to most of my Squarespace website design clients, and have been for over 4 years now.
It’s an amazing alternative to other more complex and expensive email marketing softwares (such as Mailchimp, ConvertKit, ActiveCampaign etc) that is so much easier to use and has a transparent fixed cost of just $38usd per month, no matter how many subscribers you have or how many emails you send.
Plus you can take advantage of of my 50% discount, making it just $19USD per month for your first year if you use my sign up link to create your Flodesk account*!
Or if you’d like to find out more about Flodesk (including comparisons with Mailchimp and more), check out my ‘Ultimate Guide to Flodesk’ page.
Table of Contents
*Disclaimer: This post contains affiliate links where I get a small commission if you make a purchase, so thank you in advance for your support! Please know I would never recommend anything that I don’t personally LOVE myself.
However if you’re wondering how to use Flodesk with Squarespace specifically, I have a video walkthrough just for you! (Or continue reading if you prefer that to watching…)
Why use Flodesk vs Squarespace Email Campaigns?
As you’re using Squarespace, you’ve probably noticed that they have their own native email marketing feature called ‘Email Campaigns’. As a Squarespace designer I’ve used both Flodesk and Squarespace Email Campaigns for my client websites, and while both are great in terms of being easy to use, they each have their own pros & cons.
Choosing which tool to use depends on a few factors of your business needs and priorities, so check out my Flodesk vs Squarespace Email Campaigns blog post for the full breakdown comparison and features!
How to embed Flodesk sign up forms onto your Squarespace website
The most obvious way to use Flodesk* with Squarespace is to add sign up forms around your website to encourage people to join your email list. You could add one to your Home page, your website footer, at the end of your blog posts, or even give it its own ‘sign up to my email newsletter’ page!
Step 1: Create your sign up form in Flodesk
Rather than use Squarespace’s ‘newsletter block’, you instead design the sign up forms inside Flodesk. But don’t worry, it’s easy to then embed these onto your Squarespace webpages as I’ll show you!
Be sure to start with a Flodesk ‘inline form’ design to create embeddable forms.
Step 2: Copy & paste the ‘header’ code into Squarespace
Important: you only need to ever do this once just to connect Flodesk to Squarespace for the first time!
Once you’ve designed your form, click on ‘Embed’ and Flodesk will show you two snippets of code, and the ‘Header code’ is what you need to start with. Copy this, go into your Squarespace dashboard, and go to Website, then scroll down to ‘Utilities’ and select ‘Website Tools’. Click on ‘Code Injection’, and paste the code snippet into the ‘Header’ area and save.
Step 3: Copy & paste the ‘inline code’ into your Squarespace page
Now copy the next snippet of code and open up the Squarespace page you want to add your sign up form to. Add a ‘code block’ to the page, and paste the code snippet inside.
It may not display anything while you’re in ‘edit mode’ on the page, so save the page and exit edit mode and you should see the sign up form load! You’re done :)
PS. If you need to edit/update a form, you can do this inside Flodesk, and it will automatically update wherever you have embedded the forms on your website (no need to replace the code!).
Watch my video tutorial here all about how to set up forms and embed them into Squarespace.
How to add a Flodesk pop-up sign up form to Squarespace
You may have noticed when you go to create a new form in Flodesk*, you also have the options to create ‘pop-up’ sign up forms as well. You can easily connect these to your Squarespace website as well.
Step 1: Create a Pop-up sign up form in Flodesk
Go to Forms > New Form, and choose one of the pop-up form templates to start customising and tailoring to your needs.
Important: Click on the form ‘Settings’ and make sure you change it so the pop-up does NOT display immediately; this will be annoying for people who land on your website! I prefer to let it wait for 10 seconds before appearing.
Step 2: Connect the pop-up form to your Squarespace website
Click on ‘Embed’ and you’ll see just the ONE snippet of code. You want to copy this and add this to Squarespace, but WHERE you add this will depend on where you want the form to appear…
If you want the pop-up to display on EVERY page of your website…
Go to your Squarespace dashboard in Website, then scroll down to Utilities > Website Tools > Code Injection, and paste in the Header code area.
If you want the pop-up to ONLY display on certain website pages…
Go to your Squarespace dashboard in Website, then hover over the page you want to add the pop-up to, click on the Settings cogwheel, and in the Page Settings, click on Advanced. Paste the code in here.
How to connect Squarespace contact form enquiries to Flodesk automatically
Another way you can connect Flodesk to Squarespace is to have your contact form enquiries automatically added to a Flodesk segment. Yes, you could manually add each enquiry by copying and pasting their info that you receive in your inbox and creating a new subscriber in Flodesk, but why do that when you can easily automate this process!
This does require the help of a third party tool called Zapier that helps us to connect different tools from across the web (eg. Squarespace and Flodesk!) and create automations between them. The free version of Zapier allows for up to 100 ‘zaps’ (ie. automations) per month, which is likely to be all you need for this.
The ‘zap’ you would create for this would look like:
Trigger: Squarespace contact form is completed
Action: Add contact form information as a subscriber to a Flodesk segment
I explain more about exactly how to do this with step-by-step tutorials in my online course: Email Marketing with Flodesk.
How to connect Squarespace ecommerce customers to Flodesk automatically
Squarespace frustratingly doesn’t offer many connection options to Zapier (other than the one mentioned above!), which means it’s difficult to connect ecommerce information to any other tools… such as adding customer email addresses to your Flodesk email list automatically.
But there are a couple of workarounds you can try that use Zapier and other tools.
Option 1: The Mailchimp Workaround
In Squarespace, you do have the option to automatically add ecommerce customers to a Mailchimp list (in Settings > Selling > Checkout > Email Sign Up Settings), so all you need to do is create a free Mailchimp account (you don’t need to do or touch anything else in Mailchimp - just create the account and one Audience list and that’s it, don’t worry!), and connect it to Squarespace in these settings.
Once you’ve done that, head into Zapier and create a ‘Zap’ (aka automation) which looks like:
Trigger: A new subscriber is added to Mailchimp
Action: Add subscriber information to Flodesk
The only problem is that this requires you don’t go over Mailchimp’s free account limit, AND it only works if customers opt in to your email list at the checkout.
Option 2: The Stripe Workaround
Squarespace uses Stripe as its payment processor to take payment and customer information, and Stripe connects with Zapier! So your ‘zap’ would look like:
Trigger: A customer transaction happens in Stripe
Action: The customer information from the transaction gets added as a subscriber in Flodesk.
(You can also do the same process with PayPal).
More details on exactly how to do this in my Email Marketing with Flodesk course too!
How to get 50% off your first year of Flodesk
I’ve been using Flodesk for over 4 years now and am HONESTLY obsessed with it! I love sharing tools that I genuinely love, and I’m grateful to be an affiliate partner for Flodesk as well.
This means if you sign up using my link (or start your paid plan using my code), you can get 50% off your first year 🎉
Or use my code (00G2QH) at the checkout when you subscribe to a paid plan for the first time.
Where to learn more about Flodesk
As a Flodesk University Instructor and working with this company from the beginning, I have created the ultimate ‘Email Marketing with Flodesk’ course which is perfect if you’re new to email marketing and/or want to learn more great email strategies alongside all the Flodesk tutorials you need.
What will you learn inside the course?
✔ Run a GDPR/legally compliant email list and with best practices
✔ Grow & organise an email list of subscribers who actually want to buy from you
✔ Set up & Flodesk forms, email newsletters and workflows that connect seamlessly with your website
✔️ Craft optimised emails & subject lines that get opened and clicked
✔️ Use simple & advanced automations and email sequences to uplevel your marketing
✔️ Understand analytics to help you improve your email strategy over time
+ create opt-in incentives, use Flodesk Checkouts and much more!
