How to Make a Squarespace Newsletter Signup Form

Last updated on

by

squarespace newsletter signup form featured image updated

Are you trying to learn how to make a Squarespace newsletter signup form without relying on the platform’s native tools?

Squarespace is a popular eCommerce platform for entrepreneurs and small business owners. It allows anyone to create an online store in a matter of minutes, without any technical skills or experience required.

But once that store is built, you still need to get leads.

That’s why, in today’s post, we’re going to teach you the best way to make a Squarespace newsletter signup form.

Before we get started, though, let’s get clear on why we won’t be using Squarespace’s native popup or announcement bar builder.

Squarespace Lead Generation

If you’ve worked with or researched Squarespace in the past, then you’re probably aware that they have a popup builder that comes with the platform.

squarespace promotional popup builder

This is a good resource if you’re just getting started with your lead generation strategy.

That said, there are some limitations that can quickly result in leaving new leads on the table. These limitations include:

  • Campaign Types: You’ll only be able to create popups and announcement bars.
  • Display Rules: You can only trigger this popup based on time or scroll depth.
  • Frequency: You have basic configurations to determine when this popup will appear to returning visitors.

In other words, with the Squarespace native popup builder, you’ll miss out on a LOT of potential subscribers.

That’s why, for this tutorial, we’re going to use a more advanced tool…

Meet OptinMonster:

optinmonster new homepage

OptinMonster is hands down the best lead generation software on the market.

Why would you use OptinMonster over Squarespace’s native campaign builder? That’s simple:

OptinMonster will get you MORE leads in LESS time.

That’s because OptinMonster offers more campaign types to reach your audience. These include:

  • Lightbox popups
  • Floating bars
  • Fullscreen welcome mats
  • Slide-in scroll boxes
  • Gamified spin-to-win wheels
  • Content lockers
  • Inline campaigns
  • Sidebars

This allows you to present your Squarespace newsletter signup form in a variety of ways, depending on what posts or pages your audience is browsing.

You might display a floating bar on product pages, for example, but add an exit-intent popup to popular blog posts.

That brings us to OptinMonster’s second major advantage: targeting rules.

We just mentioned you can make an exit-intent popup with OptinMonster. This is when you show a campaign as users are actively leaving your website:

Optinmonster exit intent campaign trigger

This is an incredibly effective method for getting more leads. In fact, it’s how Fastrack is able to recover 53% of its abandoning visitors.

But that’s only one of the many display rules you can work with.

Other popular triggers include:

  • Geolocation Targeting: Personalize the customer journey by targeting people based on their physical location.
  • OnSite Retargeting®: Display new campaigns to returning visitors to avoid “popup fatigue.”
  • MonsterLinks™: Drive MORE conversions by letting the users’ behavior determine if they see a campaign or not.

All of these rules help you present the right offers, to the right people, at just the right times in their customer journey.

As a result, you can feel confident that you’re getting as many people as possible to join your Squarespace newsletter signup form.

Ready to get started? To follow along with this tutorial, click below and start your 100% risk-free OptinMonster account today:

Get Started With OptinMonster Today!
BONUS: Done-For-You Campaign Setup ($297 value) Our conversion experts will design 1 free campaign for you to get maximum results – absolutely FREE! Click here to get started →

Build a Squarespace Newsletter Signup Form

Once you’ve signed up for your OptinMonster account, you’ll be able to go through this step-by-step tutorial to have a high-converting signup form on your Squarespace site.

Again, we’re doing this because OptinMonster gives you MORE:

  • Campaign types
  • Targeting rules
  • Control over customization

These are crucial components to ensuring that you never leave any leads on the table.

Ready to get started (and you’ve signed up for your OptinMonster account)? Let’s dive in.

Step 1) Select Your Campaign Type & Template

The first thing you’ll need to do is determine which kind of campaign you want to use for your Squarespace newsletter signup form.

Again, OptinMonster gives you plenty of options, including:

  • Popups
  • Floating bars
  • Fullscreen welcome mats
  • Inline campaigns
  • Slide-in campagins
  • Gamified wheels
  • And more…

optinmonster campaign types

For this tutorial, we’ll use a Popup. That’s because it’s a great place to start your lead generation strategy. Plus, it’s very effective with the right targeting rules.

Next, scroll down and choose a template. You can browse through and preview the options to find the best one for your unique needs:

campaign types and templates

All of OptinMonster’s 50+ templates are mobile-friendly and fully responsive. That means they’ll look and function great across all your devices.

And many OptinMonster customers use the templates out-of-the-box with little or no modifications needed.

Once you’ve selected the right template for your Squarespace newsletter signup form, you’ll simply need to name your campaign and click Start Building:

squarespace newsletter signup form in optinmonster

Now your campaign will appear in the OptinMonster editor.

Step 2) Design Your Campaign

Earlier, we mentioned that many people don’t make customizations to their OptinMonster templates.

But if you want to really connect with YOUR unique audience, then you might consider a few minor modifications.

Fortunately, OptinMonster makes this ridiculously easy. First, you can change any and all text with the inline text editor.

Just click the text areas you want to change and rewrite your campaign’s wording:

edit text in drag and drop builder

In some cases, you might want to add custom features to your popup.

You can do this with OptinMonster’s drag and drop codeless visual builder. That’s because all OptinMonster features come as “blocks.”

You can select the block you want and drop it into your campaign with a single click:

drag and drop a button into place shopping template

This gives you 100% control over how you present your newsletter signup form to your site’s visitors.

But the best part is that OptinMonster doesn’t require ANY coding knowledge at all.

You can make stunning and high-converting campaigns in minutes even if you have zero technical or design experience.

For more information on how to customize your campaigns, check out this helpful resource: How to Create Your First Optin Campaign With OptinMonster.

Now let’s turn to setting up when and where this popup will appear.

Step 3) Configure Your Display Rules

One of the biggest factors about generating leads with popups isn’t necessarily what the popup says.

Because it’s also important to understand WHEN and WHERE your popup delivers its message. Even the best popup in the world won’t convert if it’s shown in the wrong places or times.

That’s why OptinMonster gives you more targeting rules and options than any other lead generation software on the market.

Today, we’ll create an Exit-Intent rule. That’s where you can show a popup as users are actively leaving your website.

It’s the perfect chance to show your Squarespace newsletter signup form and prevent people from leaving your brand forever.

To add this or any other rule, head to Display Rules at the top of your OptinMonster editor. You’ll see that, by default, each campaign has 2 settings:

  • Time on page is 5 seconds
  • Displays on every page

default-display-rules

Click the first rule Time on Page to modify it. You’ll see a menu list of display rules menu t you can browse through to find the right one for your Squarespace campaign:

optinmonster display rules

Again, for this tutorial, we’ll select Exit Intent®:

select exit intent in optinmonster

Then you’ll be able to determine which device you want this to appear on (mobile, tablet, desktop, or all three), and how sensitive this trigger is:

exit intent for woocommerce digital downloads

Exit-Intent® Sensitivity is important to understand.

For desktop use, exit-intent works by tracking the mouse cursor. As this cursor moves to leave the window, your popup campaign will appear.

And the sensitivity level determines how fast or slow the campaign appears depending on the cursor’s movement.

For mobile, sensitivity is even more important. That’s because mobile exit-intent works a little differently.

Low and Medium sensitivity levels will make your campaign appear as users scroll back up on their phones. This is usually an indication they’re going to leave.

High sensitivity, on the other hand, will make the popup appear when users hit the Back button with their thumb.

You can determine the configurations that work best for your specific situation. For this tutorial, we’ll make our exit-intent popup appear on all devices and with Medium sensitivity.

Next, you can determine what posts or pages you want this campaign to appear on. Since it’s a general Squarespace newsletter signup form, we’ll leave this to display on every page:

Current Url Path is Any Page

But understand that you can control exactly where this campaign appears with just a few clicks:

current URL path options

This is just one example of the ruleset that you can apply to your signup form. As you can imagine, though, your possibilities are endless.

When you find the right display rules for your Squarespace newsletter signup form, we’ll add your email provider. That way, your leads go to the right contact list automatically.

Step 4) Sync Your ESP

One of the most important parts about lead generation is sending your new subscriber to the right portion of your contact list.

That’s because if you really want to boost conversions, you need to personalize your email marketing strategy.

And that means “audience segmentation.”

Audience segmentation is a process through which you organize your new leads. You can group people into sub-groups based on their interests, behavior patterns, or demographics.

Then you can send more targeted messages to each of your sub-groups (or “segments”). In the end, this translates into more conversions and sales from your Squarespace store.

While audience segmentation takes place with your email service provider (ESP), OptinMonster makes it easy to sync your lists.

Go to Integrations at the top of your OptinMonster dashboard. Then click Add New Integration from the left-hand side menu:

add new integration in optinmonster

Find your ESP from the drop-down list:

add your esp to optinmonster

Then you can follow the directions to sync OptinMonster with your ESP depending on which email provider your use.

That said, most integrations are as easy as copying and pasting an API key from your ESP.

Once everything’s connected, you’ll be able to select which list in your ESP your new subscribers should be sent to:

ac integration lead tags and segment

This level of personalization will pay off down the road as you keep your contacts organized and your messages targeted.

Don’t see your ESP in OptinMonster’s native integrations? No worries.

Check out this helpful guide to get connected: How to Sync OptinMonster to ANY Email Service Provider.

Next, we’ll quickly syn OptinMonster with your Squarespace site.

Step 5) Inject OptinMonster into Squarespace

If you didn’t hook up OptinMonster with Squarespace when you signed up, that’s OK.

We’ll go ahead and inject OptinMonster’s global code into your Squarespace site. Sound too technical?

Don’t worry! If you know how to copy and paste, you’ll know how to do this.

Switch to the Publish tab in your OptinMonster editor and search for the Global Site Code:

optinmonster global site code

Copy that code and head over to your Squarespace site.

In the left-hand corner, click Settings:

choose settings from squarespace

Then click Advanced from the next page:

click advanced from the squarespace menu

On the next page, locate and click Code Injection:

code injection for squarespace

Note that you’ll need a Business or Commerce plan with Squarespace to use this feature.

Now you can paste the code in the Header section of your Squarespace site:

inject code into your squarespace site header

Head back to your OptinMonster dashboard and get ready to publish your Squarespace newsletter signup form.

Step 6) Preview and Publish Your Campaign

You can now test to make sure your site is connected and preview your campaign:

squarespace newsletter signup form preview

Then go ahead and switch your Publish Status from Draft to Publish:

publish your squarespace newsletter signup form

And that’s it! You’ve now created and published your Squarespace newsletter signup form.

You can now create professional, stunning, and high-converting campaigns across your site. Plus, you can target them to get as many conversions from your site’s visitors as possible.

Get Started With OptinMonster Today!
BONUS: Done-For-You Campaign Setup ($297 value) Our conversion experts will design 1 free campaign for you to get maximum results – absolutely FREE! Click here to get started →

We hope you enjoyed this post. If you did, you’ll definitely want to check out the following resources:

These articles will have even more information and tools on how you can increase signups from your Squarespace site.


Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. We only recommend products that we believe will add value to our readers.



Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Popular Posts

Connect with us:

Start Getting More
Leads & Sales Today
with OptinMonster!

Popups work, and you can get started for a few bucks a month. What are you waiting for?

Create and launch smart capture forms
today in minutes. What are you waiting for?

In only 7 months, we added more than 95,654 names to our email list using OptinMonster’s Exit Intent™ technology. We strongly recommend it!

Michael Stelzner - Best Lead Generation Tool

Michael Stelzner

Founder Social Media Examiner

I hate popups, so I was hesitant to try one on my site. But the results from OptinMonster exit-intent popup speak for themselves. I doubled my subscription rate immediately without annoying my users. I haven’t had a single complaint. My only regret is that I didn’t start using OptinMonster sooner. I can only imagine how many subscribers I could have added to my email list! If you have a blog, then I highly recommend you start using OptinMonster. I’ve researched them all, and it’s the best in market.

Michael Hyatt - WordPress Lead Generation

Michael Hyatt

New York Times Bestselling Author Platform: Get Noticed in a Noisy World

Exit-intent popups have doubled my email opt-in rate. When done right, you can see an instant 12% lift on driving sales. I highly recommend that you use OptinMonster for growing your email list and sales.

Neil Patel - WordPress Popup Plugin

Neil Patel

Founder QuickSprout