How to Add a Popup to Your Squarespace Website (No Code)

Adding a popup to your Squarespace website takes under 10 minutes and requires zero coding knowledge. Using a free no-code popup builder, you can place a fully custom Squarespace popup, email capture, exit intent, discount offer, or sticky bar, on any page of your site by pasting a single line of JavaScript into your Squarespace settings. No plugins, no developer, no paid plan upgrade required. Squarespace's built-in promotional popup tool is limited to one active popup with no exit intent or page targeting, a dedicated popup maker like SuperPopups gives you everything Squarespace's native tool can't, completely free.

Most Squarespace site owners build a clean, professional website and then leave it doing nothing to capture the visitors they're already paying to attract. A visitor who lands on your homepage, browses your products, and leaves without converting is a visitor you spent time and money to get, and lost for free. A well-placed popup for Squarespace website is the single most direct way to turn that passive traffic into email subscribers, leads, and first-time buyers. This guide shows you exactly how to add one using SuperPopups, step by step.

Why Should You Add a Popup to Your Squarespace Website?

Squarespace is one of the best website builders for design, but when it comes to conversion tools, it keeps things deliberately simple. The built-in Squarespace promotional popup gives you one option: a single popup that fires on a time delay, with basic layout choices and no targeting capabilities beyond showing it once per session. That's it.

For a personal portfolio or a basic service page, that might be enough. For anyone running an online store, a blog, a coaching business, or any site that depends on converting visitors into something, it isn't.

Here's what the data says about popups when done properly:

• Popups convert 4.82% of visitors on average, with the top 10% of campaigns reaching 9.28% and above
• Exit intent popups recover up to 17% of visitors who are about to close the tab or navigate away
• First-time visitor email capture popups with a discount incentive can grow your list 3–5× faster than a static embedded form
• Scroll-triggered popups that fire after 50% page depth convert at 2–3× the rate of time-delay popups because they only appear after the visitor has already shown genuine interest

The gap between what Squarespace's native tool offers and what a proper Squarespace popup builder can do is significant, and that gap directly affects how much of your existing traffic you're converting every single day.

What Is SuperPopups and Why Is It the Best No-Code Popup Builder for Squarespace?

SuperPopups is a free no-code popup maker that works on any website, including Squarespace, by injecting a single lightweight JavaScript snippet into your site's footer. Once installed, you control everything from SuperPopups' visual dashboard: popup design, trigger type, targeting rules, and email integrations. You never touch Squarespace's backend again.

Here's what you get on the free plan, permanently, with no credit card:

• All popup types included: Modal popup, exit intent popup, scroll-triggered popup, time delay popup, sticky bar, slide-in, full screen overlay, newsletter popup
• All triggers included: Exit intent (desktop cursor + mobile scroll-up detection), scroll depth, time delay, and click-triggered
• Page-level targeting: Show different popups on your homepage, product pages, blog posts, or any specific URL
• Visitor targeting: New vs. returning visitors, device type (desktop vs. mobile separately)
• Email integrations: Mailchimp, HubSpot, Klaviyo, and others, connect your popup directly to your existing email list
• A/B testing and analytics: Views, clicks, and conversion rate per popup, all in your dashboard
• Zero page speed impact: The embed script is under 50KB and loads asynchronously, it will not affect your Squarespace Core Web Vitals score
• Full popup template library: Dozens of ready-made templates you can customize without designing from scratch

If you've been using Squarespace's one built-in popup and wondering why your email list isn't growing the way it should, this is why, and SuperPopups is how to fix it.

How to Add a Popup to Squarespace Using SuperPopups (Step-by-Step)

This is the complete process from signup to your popup going live. The whole thing takes under 10 minutes the first time.

Step 1: Sign up free at SuperPopups

Go to superpopups.com and create your free account. No credit card is required, and the free plan has no time limit; it's not a trial.

Step 2: Choose a popup template from the library

Inside your SuperPopups dashboard, go to Templates and browse the popup template library. Filter by goal, email capture, discount offer, exit intent, announcement, and choose the one that matches what you want to show on your Squarespace site. Every template is fully editable.

Recommended To Read: Popup Templates: How to Choose the Right Design for Your Goal

Step 3: Customize your popup in the no-code editor

Click into the editor and customize everything: your headline, body copy, CTA button text, colors, font, and layout. Then set your trigger type, exit intent fires when a visitor is about to leave; scroll depth fires after they've read a set percentage of your page; time delay fires after a defined number of seconds. Set your URL targeting rules if you want the popup to only appear on specific pages.

Step 4: Get your embed code

Once your popup is ready, click "Get Embed Code" in your SuperPopups dashboard. You'll see a short JavaScript snippet, copy it to your clipboard.

Step 5: Paste the code into Squarespace Code Injection

This is the only step that involves your Squarespace backend, and it takes about 60 seconds:

1. Log in to your Squarespace account
2. Go to Settings in the left menu
3. Click Developer Tools (Squarespace 7.1) or Website → Website Tools (Squarespace 7.0)
4. Click Code Injection
5. Paste your SuperPopups script into the Footer field
6. Click Save

Your popup is now live across your entire Squarespace website.

Where Exactly Do You Paste the SuperPopups Code in Squarespace?

The path is slightly different depending on which version of Squarespace you're on:

• Squarespace 7.1: Settings → Developer Tools → Code Injection → Footer field
• Squarespace 7.0: Pages (or Website) → Website Tools → Code Injection → Footer field

Paste the script in the Footer field, not the Header. Footer placement ensures the script loads after your page content, which is better for page performance. You only need to paste the script once, it applies site-wide automatically. If you want a popup on only one specific page, you handle that inside SuperPopups' dashboard using page-level targeting rules. You do not need separate scripts per page.

What Types of Popups Can You Add to Squarespace With SuperPopups?

Once your SuperPopups script is installed on Squarespace, you can run any of the following popup types, all from the same dashboard, all included on the free plan:

• Exit intent popup, fires when a desktop visitor moves their cursor toward the browser close button or address bar, or when a mobile visitor scrolls up quickly. Best for recovering abandoning visitors with a last-chance offer. Squarespace exit intent popup support is not available through the native tool, SuperPopups is how you get it
• Scroll-triggered popup, fires after a visitor scrolls to a set depth (e.g. 50% of the page). Ideal for Squarespace email popup campaigns on blog posts and product pages where visitors who scroll halfway are highly engaged
• Time delay popup, fires after a visitor has been on your page for a set number of seconds. Good for welcome offers and announcements on high-traffic landing pages
• Sticky bar, a persistent banner at the top or bottom of every page. Perfect for free shipping announcements, limited-time sales, or email capture on Squarespace store pages
• Slide-in popup, a non-intrusive corner popup that slides in from the bottom right. Works well on blog posts where you want to capture emails without interrupting reading
• Discount popup, a modal with a coupon code, triggered by exit intent or time delay. One of the highest-converting popup types for Squarespace eCommerce stores, averaging 7.45% CVR
• Newsletter popup, specifically designed for email list building, with a single email field and a low-friction CTA. The most common use case for no code Squarespace popup installations

Squarespace Native Popup vs SuperPopups: Which Is Better?

Here's an honest, side-by-side comparison of what Squarespace's built-in promotional popup offers versus what you get with SuperPopups installed via Squarespace popup without plugin:

The native Squarespace promotional popup is fine if you want one simple announcement and nothing else. If you want to grow your email list, recover abandoning visitors, show different offers on different pages, or A/B test what actually works, you need a dedicated free popup builder for Squarespace like SuperPopups.

Must Read: How to Create a Popup for Your WordPress Website (Free, No Plugin Required)

FAQs

1) Can I add a popup to Squarespace for free using SuperPopups?

Yes. SuperPopups has a permanently free plan with no credit card required and no time limit. You get access to all popup types, all trigger types (including exit intent and scroll depth), page-level targeting, email integrations, A/B testing, and your analytics dashboard, all at $0. You simply sign up, build your no code Squarespace popup in the visual editor, copy the embed code, and paste it into Squarespace's Code Injection footer field. Your popup is live in under 10 minutes.

2) Will the SuperPopups script slow down my Squarespace website?

No. The SuperPopups embed script is under 50KB and loads asynchronously, meaning it loads in parallel with your Squarespace page content, not before it. It will not block your page from rendering and will not impact your Squarespace Core Web Vitals score or Google page speed rating. Thousands of Squarespace sites run SuperPopups without any measurable performance impact.

3) Does SuperPopups work on both Squarespace 7.0 and 7.1?

Yes. SuperPopups works on both Squarespace 7.0 and Squarespace 7.1. The installation path for Code Injection is slightly different between the two versions, in 7.1, it's under Settings → Developer Tools → Code Injection; in 7.0, it's under Website → Website Tools → Code Injection. In both cases, you paste the SuperPopups script into the Footer field and save. The popup then runs on all pages automatically.

4) Can I show a popup on only one page of my Squarespace site?

Yes. SuperPopups includes page-level URL targeting, which lets you control exactly which pages each popup appears on. You can show a discount popup only on your product pages, a newsletter popup only on blog posts, or a free shipping bar only on your Squarespace store, all managed from your SuperPopups dashboard without touching Squarespace at all. You install the script once site-wide and then configure targeting rules per popup inside SuperPopups.

5) Does Squarespace support exit intent popups natively?

No. Squarespace's built-in promotional popup does not support exit intent triggering. It only supports a basic time delay. To add a Squarespace exit intent popup, one that fires when a visitor moves their cursor toward the close button on desktop, or scrolls up quickly on mobile, you need a third-party tool like SuperPopups installed via Code Injection. This is one of the most significant functional gaps in Squarespace's native popup tool and one of the most common reasons Squarespace site owners switch to a dedicated popup maker for their conversion campaigns.