How to add a popup to Squarespace
By Mert Özeren
To add a pop up on Squarespace, paste Popupsmart's embed code into the Footer box of Code Injection once, then build and publish popups from the Popupsmart dashboard. Squarespace's own promotional pop-up allows one enabled pop-up at a time and can't open on exit intent; Popupsmart can run several at once, each with its own pages and trigger.
Code injection is available on the Core, Plus and Advanced plans and some legacy plans.
Setup at a glance
- Runs on
- Squarespace
- Where the code goes
Custom Code → Code Injection → Footer- Add-on
- No extension needed
Before you start
You need three things, and a developer isn't one of them:
- Access to your Squarespace site with permission to edit its code injection.
- A Squarespace plan that includes code injection. Squarespace's code injection guide lists the Core, Plus and Advanced plans and some legacy plans.
- A free Popupsmart account. The free plan covers one website and one live popup, so you can finish this guide without paying.
How to add a pop up on Squarespace
A Squarespace popup from Popupsmart needs one embed code in the Footer box of your site's code injection, added once; Squarespace then loads it on every page. After that you build, change and publish popups in Popupsmart without opening Squarespace again.
Step 1: Create your Popupsmart account
Create a free Popupsmart account, or sign in to the one you have.
Step 2: Copy your embed code
In the Popupsmart dashboard, click Embed Code in the left-hand menu.
Copy the code to your clipboard. It is one line, <script src="https://cdn.popupsmart.com/bundle.js" data-id="…" async defer></script>, and the data-id belongs to your account.
If you already manage scripts in Google Tag Manager, you can add the embed code through Google Tag Manager instead and skip Steps 3 and 4. Use one method, not both.
Step 3: Open code injection in Squarespace
On Squarespace 7.1, open the Pages panel, scroll to the bottom and click Custom Code, then Code Injection. On 7.0 sites the same option is under Website Tools.
The screenshots show an older layout of the same panel: Settings, then Advanced, then Code Injection.
Step 4: Paste the code into the Footer box
Paste the embed code into the Footer box, which Squarespace injects before the closing </body> tag on every page, then click Save. Leave the Header box as it is.
Step 5: Add and verify your website
Back in Popupsmart, hover over the profile icon at the bottom left and click Websites.
Click + New Website.
Enter the address your visitors use for the site and click Save.
If the site shows as Unverified, click Unverified, then Verify website, and go back to the dashboard and click Refresh. The guide to verifying your website covers the other cases.
Step 6: Create your popup
Click + New Campaign. Name the campaign, choose your Squarespace website and click Next.
Pick a template. Change its copy, colours and form fields in the Customize and Style steps, then choose who sees it and when in Segment.
Step 7: Publish and check the popup on your site
Open the Publish step and click Publish.
Popupsmart confirms with Successfully published and offers a Live Preview. Then open your site in a private window; the popup appears when its trigger fires.
Does Squarespace have a built-in pop-up?
Yes. Squarespace has a promotional pop-up, included in the Core, Plus, Advanced, Business, Commerce Basic and Commerce Advanced plans. As of September 2026, Squarespace's help center sets three limits on it: you can enable one pop-up at a time, it appears only when a visitor lands on a page, and it can't be set to open as someone exits your site.
| Squarespace's built-in pop-up | Popupsmart | |
|---|---|---|
| Where it runs | Your Squarespace site; built on a computer, not in the Squarespace App | Any website that accepts the embed code; paid plans cover several sites (3 on Basic, unlimited on Expert) |
| Pop-ups live at once | One enabled at a time | One on the free plan; unlimited on paid plans |
| When it opens | On a timer or after a scroll, once a visitor lands on a page | Exit intent, scroll depth or time on page |
| Pages | Any first page, or only certain pages; it shows on the first chosen page a visitor lands on | URL and device rules on each campaign |
| Where the leads go | Squarespace Campaigns, Mailchimp or Google Drive | The help center lists 19 destinations, including Klaviyo, Mailchimp and HubSpot |
| A/B testing | Not documented | From the Advanced plan |
| Price | Included in the plans above | Free plan: one website, one live popup, 5,000 pageviews a month; paid plans from $39 a month |
The built-in pop-up is enough when you have one message at a time, a list in Squarespace Campaigns or Mailchimp, and a timer or scroll suits the offer. Popupsmart earns its install when you need a second popup live beside the first, an exit-intent offer, or leads in a tool the pop-up's storage options don't include, such as Klaviyo or HubSpot. To try Squarespace's route first, the walkthrough on how to build a Squarespace promotional pop-up covers it.
How do you create a pop-up form in Squarespace?
A pop-up form in Squarespace is either the promotional pop-up with a newsletter signup, or a Popupsmart popup with the form fields you add in its editor. The difference is what the form can ask and where the answers go.
Squarespace's promotional pop-up collects an email address only; Squarespace notes that its newsletter action can't capture a subscriber's name. You pick where the addresses go on its Storage tab: Squarespace Campaigns, Mailchimp or Google Drive. A Popupsmart popup takes the fields you drag in on the Customize step, such as name, email, phone, a dropdown or a consent notice, and keeps every submission in the Leads section of your dashboard.
To send those leads to your email tool, connect it in the campaign's Integration section. The Mailchimp popup guide and the Brevo popup guide walk through a connection; the help center lists 19 destinations, and a webhook, Zapier or Make covers a tool that isn't one of them. Popupsmart collects the contacts; your email tool sends the emails.
How do you show a popup only on some Squarespace pages?
Keep the embed code in the site-wide Footer box and set the pages on each campaign in Popupsmart, with a URL rule such as "the URL contains /shop". Squarespace also has code injection per page (the page's settings, then Advanced), but code placed there loads only on that page. My advice is to leave the code site-wide and do the page choice in Popupsmart, so the next popup you build isn't tied to the page you started on. The help center explains the rules in Popupsmart's targeting options.
Pages are half of the rule; timing is the other half. Across 500 Popupsmart campaigns analysed in 2026, 95.4% fire as soon as the page loads and only 2.0% use exit intent, according to the exit-intent study. When a popup fires is the setting most people leave on default, so choose the trigger when you choose the pages.
Pop-up or announcement bar: which to use on Squarespace?
A Squarespace announcement bar suits a short message that belongs on every page; a pop-up suits an offer or a form on the pages you choose. According to Squarespace's announcement bar guide, the bar appears at the top of every page except cover pages, and you can't limit it to specific pages. Squarespace also suggests the bar for a second message while a pop-up is enabled.
If you want a bar on some pages only, Popupsmart has a floating bar type that sticks to the top or bottom of the page and takes the same URL rules as a popup. Keep the announcement bar for shipping or opening-hours news, and use a popup or floating bar where the message changes by page.
Popup ideas for a Squarespace site
Squarespace runs portfolios, service businesses and online stores, so start from the job the page has:
- Newsletter signups on blog and portfolio pages: the email popup guide.
- A launch or a sale, with a countdown and a signup: the countdown popup recipe.
- A last offer for visitors about to leave, which the built-in pop-up can't do: the exit-intent popup recipe.
Does a popup slow down a Squarespace site?
A Popupsmart popup doesn't hold up your Squarespace pages: the embed code sits in the footer and loads asynchronously (async defer), so the browser builds your page before it fetches Popupsmart. Nothing changes in your Squarespace template itself: code injection adds one script tag, and you can remove it the same way.
Popup not showing on Squarespace? Check these
When a Squarespace popup doesn't appear, work down this list; the first two causes are specific to Squarespace.
- Your plan doesn't include code injection. It's available on Core, Plus, Advanced and some legacy plans; on other plans Squarespace marks the panel as a premium feature.
- You're checking while logged in. Squarespace can disable scripts in your site preview while you're signed in. Open the live site in a private window.
- The website isn't verified. A campaign runs only on a verified website; see Step 5.
- The address doesn't match. Every Squarespace site has a built-in squarespace.com address as well as your own domain, and
www.example.comandexample.comare different sites to a browser. Add the address your visitors actually use. - The code is in twice. Keep one embed code per site. If you also added it through Google Tag Manager or a code block, remove the extra copy.
- The trigger hasn't fired yet. An exit-intent or scroll trigger waits for the visitor to leave or scroll; test in a private window and behave like a visitor.
Still stuck? Contact Popupsmart support with your site's address and the campaign name.
Squarespace popup FAQ
Can you add a pop-up on Squarespace?
Yes, in two ways. Squarespace's promotional pop-up is built into the Core, Plus, Advanced, Business and Commerce plans, with one pop-up enabled at a time. For more than one popup, an exit-intent trigger or an email tool the pop-up can't connect to, paste Popupsmart's embed code into Code Injection once and build the popups in Popupsmart.
Is there a free way to add a popup to Squarespace?
Yes, on the Popupsmart side. Popupsmart's free plan is permanent, not a trial: one website, one live popup and 5,000 pageviews a month, with Popupsmart branding. On the Squarespace side, code injection is available on the Core, Plus and Advanced plans and some legacy plans.
The Popupsmart pricing page compares the free plan with the paid plans.
How do I edit a pop-up on Squarespace?
Squarespace's own promotional pop-up is edited in the Promotional pop-up panel, where it was created. A Popupsmart popup is edited in the Popupsmart dashboard: open the campaign, make the change and publish it again. The embed code in Code Injection stays as it is, so you don't open Squarespace at all.
How long does it take to add a popup to Squarespace?
The Squarespace side is one paste into the Footer box and a save; the rest is building the popup. Among people who published a campaign in the 90 days to 16 September 2026, the median time from signup to the first published campaign was 32.5 minutes, and 287 of 332 published within a day, according to Popupsmart's own product data. That figure covers every platform, not Squarespace alone.
Will the popup work on the mobile version of my Squarespace site?
Yes. The same embed code loads on phones and desktops. The Popupsmart editor has a desktop and a mobile view, and device targeting lets you choose which devices a campaign shows on.