Incandescent Creative ✺ branding, design + websites

View Original

Squarespace Hack: Using ConvertKit with Promo Pop-ups

Squarespace’s promotional pop-ups are a fantastic marketing tool for growing your email list through your website.

Pop-ups tend to perform much better than other lead capture methods, like embedded forms or banners, because they’re more likely to catch your viewer’s attention.

I know we’ve all seen the obnoxious pop-ups that visually scream at you or make finding the exit button like Where’s Waldo, but there is a tasteful way to use promo pop-ups without annoying your visitors. And they really are one of the best ways to grow your audience.

Previously, I used a custom coded pop-up on my website that linked to ConvertKit because Squarespace didn’t have the option yet. (I’ve since switched to Flodesk.) The problem with that was that I had limited control over how it looked and functioned…

The fonts didn’t match the rest of my website (which is enough to make any brand designer’s eye twitch!) and I couldn’t tell it to stop showing to the same person after they closed it the next time they visited—which is getting into that obnoxious pop-up territory. ☺

Squarespace’s promotional pop-ups give you multiple options for layout, styling, and functionality. The only problem is that it only shows options for connecting the form to Squarespace Email Campaigns, MailChimp, or Google Drive. What if you use ConvertKit, ActiveCampaign, or another email marketing service?

Thankfully, there is a way to hack it! And even better: no code is needed.

For this hack, you will need a Squarespace Business plan or above, a ConvertKit account (other email marketing services will likely work as well), Google Drive, and a free Zapier account.

Let’s get started…


Here’s how to connect ConvertKit to Squarespace promotional pop-ups

1) Create your pop-up in Squarespace

Once logged into your Squarespace account, click ‘Marketing’ and then ‘Promotional Pop-up’ from the left-hand menu.

Select the layout, enter your content, adjust the settings, and style it to reflect your brand. (Side note: you’ll have to manually enter your website fonts.)

Once it looks and functions like you want it to, click ‘Action’ and ‘Sign up for a newsletter’ under ‘Goal.’

Enter the text for the email field, button and disclaimer, and then select ‘Storage.’

Click to connect Google Drive. A separate window will open, prompting you to sign-in and then asking if you want to allow Squarespace to access your Google account. Click ‘Allow.’

You will now see a field to enter the name of a spreadsheet. This will create a new spreadsheet in your Google Drive account where emails from your subscribers will be saved.

I recommend entering a name that makes it clear what it’s for, so you don’t see a random spreadsheet and accidentally delete it later. I used “Pop-up Sign-ups: Abundance Coaching Series” for mine.

When you’re done, hit ‘Save.’

2) Set up a zap in Zapier

Now that you have the promotional pop-up set up in Squarespace, we need to connect the Google spreadsheet with your ConvertKit account. To do that, we need Zapier.

(There’s gotta be a joke in here somewhere about how many apps it takes to change a lightbulb…)

Zapier is an automation tool that connects various web apps, like Google Sheets to ConvertKit—which is exactly what we’re doing!

Once in Zapier, click the ‘Make a zap’ button. From there, you can select a trigger. For this, we want to select Google Sheets.

For the trigger event, we want to select ‘New spreadsheet row’ and then click ‘Continue.’

From there, choose the Google Sheets account. This is the Google Drive account that you connected to Squarespace earlier.

Then click ‘Continue.’

Locate the spreadsheet you named earlier and then select ‘Sheet1’ (this should be the only option you see available). Hit ‘Continue.’

Now, hop over to the spreadsheet in your Google Drive and enter an email address you can use to test, directly underneath where it says ‘Email address’ in column B.

Test the trigger and once confirmed, click ‘Continue.’

Now we’re going to enter the Action. Select ConvertKit (or the email service you use).

For the Action Event, we want to choose ‘Add Subscriber to Sequence’ then ‘Continue.’

Select or connect your ConvertKit account via the next step. And you guessed it—hit ‘Continue.’

Locate the sequence you want to assign subscribers to and then select the email address you used to test. (This just tells Zapier what field to look for. It will populate with the new email addresses as they’re added.)

Leave the name field blank (Squarespace doesn’t give the option to collect name on promotional pop-ups) and click ‘Continue.’

Test the action and confirm that the email was added to the sequence in ConvertKit. (This can take up to 3 minutes.)

Once confirmed, turn on the Zap and you. are. done! 🎉 🎉 🎉

For extra credit, I highly recommend testing the full flow by entering your email address in the pop-up and making sure you receive the emails from your sequence.

Once that’s confirmed, then you are golden, my friend.


SCARY BUT TRUE…

You only have 0.05 seconds to make an impression with your website.

I didn’t make the rules. But I *did* make this guide to help you make the most of that first impression!

People are craving authenticity more than ever (thanks, social media and AI...) so anything you can do to show up as more real, more human, more *YOU* will foster a greater sense of connection with your audience.

Download the free guide for 3 easy ways to make your website stand out.


Was this post helpful? Let me know in the comments below!


Save this post for later… Pin it! 📌


Related posts

See this gallery in the original post