How to Add Pop-Up Banners on Squarespace Without Any Fancy Tools

What Is the Squarespace Promotional Pop-Up?

The Squarespace promotional pop-up is a native feature that displays an overlay banner to visitors on your site. It is completely separate from the page editor and lives inside the Marketing section of your dashboard. Unlike many competitors that require paid plans or third-party integrations for pop-up functionality, Squarespace includes this tool on all paid plans.

You can use the promotional pop-up for a wide range of goals: growing your email list, promoting a sale or limited-time offer, sharing a discount code, directing visitors to a specific product or page, or making an important announcement. The tool supports custom text, a call-to-action button, display timing controls, and visual design settings, all without touching a single line of code.

Squarespace only allows one active promotional pop-up at a time. If you want to run different pop-ups for different pages or audiences, you will need to update the single pop-up manually or consider a dedicated email marketing integration. For most small business owners and creators, the single built-in pop-up is more than enough to get started.

How to Add a Pop-Up Banner on Squarespace

Step 1: Navigate to Marketing and Enable the Pop-Up

Log in to your Squarespace account and open your site dashboard. In the left-hand navigation panel, click on Marketing. From the Marketing menu, select Promotional Pop-Up. You will see a toggle at the top of the panel: switch it to Enabled to activate the pop-up on your site.

If you are on Squarespace 7.1, the path is Marketing > Promotional Pop-Up in the main panel. On 7.1 specifically, the Marketing section also includes Announcement Bar and SEO tools, so make sure you are clicking Promotional Pop-Up and not one of those adjacent options. On older 7.0 sites, the interface looks slightly different but the path is the same. Once enabled, your pop-up will be live to all visitors who meet the display conditions you set in the following steps.

Step 2: Write Your Pop-Up Message

The pop-up editor gives you three key text fields: a headline, a body text area, and a button label. Write a clear, direct headline that communicates your offer immediately. Visitors decide within two seconds whether to engage or close, so keep the body text short: one to two sentences that reinforce the headline and give visitors a reason to click.

For the button, use action-oriented language tied to your specific offer. "Get 10% Off," "Join the Free List," or "Claim Your Discount" performs better than generic labels like "Click Here" or "Submit." You will also need to add a button URL: this can point to a product page, a landing page, a contact form, or an external link depending on your goal.

If your goal is email capture, consider linking the button to a dedicated landing page or form. Squarespace does not natively connect the promotional pop-up directly to an email newsletter form, so your button destination becomes the bridge between the pop-up and the signup. For a deeper look at Squarespace's email tools, see the Squarespace email marketing guide.

Step 3: Configure Display Triggers

Immediately on page load shows the pop-up as soon as someone arrives. This is effective for high-priority announcements but can feel aggressive if visitors are still orienting themselves. After a time delay (measured in seconds) lets the visitor settle in before the pop-up appears, which tends to perform better for lead generation.

You can also choose to show the pop-up after a scroll percentage, which targets visitors who are already engaged with your content. This is one of the best-performing trigger settings for informational sites and blogs. Squarespace also lets you set the pop-up to show once per session or once per visitor using cookie-based frequency controls: always use one of these to avoid annoying repeat visitors.

A solid starting point is a time delay of 5 to 10 seconds combined with a once-per-session frequency limit. This gives visitors a moment to understand what your site is about before presenting an offer, and it avoids badgering return visitors who have already seen the message.

Step 4: Choose Which Pages Display the Pop-Up

By default, the Squarespace promotional pop-up appears on all pages of your site. You can restrict it to show only on specific pages or exclude it from certain pages using the Display Options settings within the pop-up editor. This is useful if you have a time-sensitive sale promotion you only want shown to visitors landing on product pages, or if you want to exclude the pop-up from your checkout or thank-you pages.

Page-level targeting lets you tailor the message to the visitor's context. A visitor on a blog post has different intent than someone already on a product page, and showing them the same generic pop-up is a missed opportunity. Take a few extra minutes to think about which pages would benefit most from a pop-up and configure your display rules accordingly.

Step 5: Customize the Visual Design

The design settings let you control the visual appearance of your pop-up to match your brand. You can adjust the background color, text color, button color, and overlay opacity (the darkened background behind the pop-up). Squarespace also lets you choose between different layout styles: some versions offer centered modal, side-panel, or banner-style presentations depending on your template and plan.

A common mistake is making the pop-up blend in too much with the rest of your site. While you want it to feel on-brand, the pop-up needs enough visual contrast to stand out and draw the eye. Use your brand's accent color for the button, ensure the headline is large and legible, and keep the overall design clean. Busy, cluttered pop-ups see much lower engagement than simple, focused ones.

For more control over your site's visual style, the Squarespace design tips guide covers color palettes, typography choices, and layout strategies that complement your marketing elements.

Step 6: Add a Close Option and Respect Your Visitors

Squarespace automatically adds a close button (X) to your promotional pop-up, which is non-negotiable from both a UX and a legal standpoint. Do not attempt to hide or obscure this button. Visitors who cannot close a pop-up will leave your site and are unlikely to return.

A respectful pop-up offers genuine value: a real discount, useful free content, or a relevant announcement, and it makes dismissal easy. The goal is not to trap visitors but to present the right offer at the right moment. Sites that treat pop-ups as a helpful nudge rather than a forced interruption consistently see better conversion rates and lower bounce rates.

Step 7: Test the Pop-Up in an Incognito Window

Squarespace suppresses pop-ups for logged-in site owners by default, which means you will not see your pop-up just by visiting your own site. To test it accurately, open a private or incognito browser window and navigate to your site as if you were a first-time visitor. This shows you exactly what your visitors see, including the timing, placement, and visual design.

While testing, check the following: Does the headline read clearly at a glance? Does the button link go to the correct destination? Does the delay timing feel natural? Does the pop-up look correct on a mobile device? Squarespace's pop-up is responsive by default, but it is worth confirming on a small screen since mobile traffic often makes up over half of a site's total visitors.

If you want to test changes after the initial launch, clear your browser cookies or use a fresh incognito window each time: otherwise, the once-per-session cookie will prevent the pop-up from showing again.

When to Use a Pop-Up vs. an Announcement Bar

Squarespace includes two distinct tools for surfacing messages to visitors: the Promotional Pop-Up and the Announcement Bar. Most tutorials focus exclusively on pop-ups, but choosing the right tool for your message matters more than most people realize. The Announcement Bar sits at the top of every page as a persistent strip, while the pop-up is a modal overlay that demands attention before visitors can continue.

Use the Announcement Bar when your message is time-sensitive and applies to every visitor, such as a sitewide shipping promotion, a holiday sale, or a temporary closure notice. It stays visible as visitors browse and does not interrupt their flow. The Announcement Bar in Squarespace 7.1 is found under Marketing > Announcement Bar and supports a short text string plus an optional link.

Use the Promotional Pop-Up when you need a higher-conversion interaction: email signups, discount code reveals, or a specific call to action that warrants full attention. Because the pop-up covers the page content, it creates urgency and focus in a way a top bar cannot. The trade-off is friction: visitors have to actively dismiss it, so your message must be worth the interruption.

A practical approach is to run both simultaneously for different goals. For example: use the Announcement Bar to display a sitewide discount code passively, and use the pop-up to capture email addresses with a freebie offer. The two tools do not conflict and can work together without confusing visitors, as long as each message is distinct and clearly valuable.

What Pop-Up Timing Actually Converts

Timing is the single most influential variable in pop-up performance, and the difference between a 2% conversion rate and a 6% one often comes down to when the overlay fires. Immediate triggers (0 seconds) tend to perform well only for high-intent pages like pricing or checkout, where the visitor already knows what they want. On content pages and homepages, immediate pop-ups typically see higher close rates and shorter session times.

A 5-second delay hits a sweet spot for most sites. By that point, the page has fully loaded, the visitor has read the headline or opening paragraph, and they have enough context to evaluate your offer. Data from email marketing platforms consistently shows that 5 to 8 seconds outperforms both immediate triggers and longer delays of 15 or more seconds, where visitors have often already formed an opinion about the page and are less receptive to new CTAs.

Scroll-based triggers (typically 40 to 60 percent of page depth) outperform time-based triggers specifically on long-form content: blog posts, how-to guides, and resource pages. A visitor who has scrolled halfway down a 1,500-word article is demonstrably engaged and far more likely to convert than one who arrived two seconds ago. If your site is content-heavy, test a 50% scroll trigger against a 7-second delay and compare results over two weeks.

Exit-intent triggers are worth noting even though Squarespace does not support them natively. Exit-intent detects when the mouse cursor moves toward the browser chrome or back button and fires the pop-up at that moment. If you eventually move to a third-party tool, exit-intent is one of the features that consistently justifies the upgrade, particularly for e-commerce sites with cart abandonment problems.

Common Squarespace Pop-Up Mistakes

Firing the Pop-Up Too Fast

Setting the trigger to 0 seconds is the most common mistake. The visitor has not had time to read a single word before being asked to subscribe or claim an offer. This produces high close rates and can increase bounce rates on pages that are already borderline. Push the delay to at least 5 seconds as a baseline, then test from there.

Using a Vague Offer

"Sign up for updates" and "Join our newsletter" are offers in name only. They give visitors no concrete reason to hand over their email address. Replace vague prompts with specific value: a discount percentage, a free download, early access to a product drop, or a practical resource tied to what the visitor is already reading. Specificity is what separates a 1% conversion rate from a 5% one.

Forgetting to Test on Mobile

Squarespace's pop-up is designed to be responsive, but the mobile experience can still break if your headline is too long or your button text runs to two lines on a small screen. Always check the mobile layout in an incognito window on a phone or via browser dev tools before going live. A pop-up that covers too much of the screen or is hard to dismiss on mobile will hurt your mobile conversion rate and increase bounces.

Not Updating the Pop-Up After a Promotion Ends

Leaving a "20% off this weekend only" pop-up running for three weeks after the sale ends destroys trust. Set a calendar reminder to update or disable the pop-up when the promotion it references is over. Squarespace does not have a native scheduling or expiry feature for pop-ups, so this is a manual step you must build into your workflow.

Showing the Pop-Up on Every Page Including Checkout

A pop-up that fires on your checkout page introduces friction at the worst possible moment: right when a visitor is about to complete a purchase. Use the Display Options inside the pop-up editor to exclude your checkout, order confirmation, and any other transactional pages from the display rules. Protecting the conversion flow is more valuable than one extra pop-up impression.

Best Practices for Squarespace Pop-Up Banners

Match Your Offer to Visitor Intent

The most effective pop-ups offer something directly relevant to what the visitor is already doing on your site. If someone is reading a blog post about interior design, a pop-up offering a free decorating checklist will outperform a generic discount code. Think about why visitors come to each section of your site and design your pop-up message around that intent.

Squarespace's single pop-up limitation means you will need to pick your highest-priority offer and lead with that. For most businesses, email list growth delivers the best long-term return. A pop-up that offers a valuable freebie or exclusive content in exchange for an email address will continue paying off long after the initial visit.

Keep Your Copy Tight

Pop-ups have a small window of attention, typically two to three seconds before a visitor decides to engage or close. Your headline needs to communicate the core value proposition in five to eight words. Body copy should reinforce rather than repeat the headline and should be no more than one to two sentences. Every extra word you add reduces the chance a visitor reads the whole message.

Avoid vague language like "Sign up for updates" or "Join our community." These give visitors no reason to act. Instead, lead with the specific benefit: "Get 20% off your first order," "Download the free checklist," or "See this week's new arrivals." Specificity drives action.

Use Squarespace's CSS Customization for Advanced Styling

If you want to go beyond the default styling options available in the pop-up editor, Squarespace allows custom CSS through the Design panel. You can use this to adjust padding, font sizes, border radius, and other visual properties that are not exposed in the standard settings. For a full walkthrough of adding custom styles to your Squarespace site, see the guide on how to add custom CSS to Squarespace.

Squarespace's HTML structure for pop-ups can change between platform updates, so CSS selectors may need revisiting after major releases. Test any custom styles after a full site review before applying them to a live site.

Monitor and Adjust Over Time

After your pop-up has been live for one to two weeks, review the results. If you have connected Google Analytics to your Squarespace site, you can track goal completions tied to the page your button links to. Look at your email list growth rate, coupon code redemptions, or any other metric tied directly to the pop-up's offer.

If the pop-up is not converting, the most common culprits are: a weak offer, copy that does not communicate clear value, a trigger that fires too early, or a design that blends into the page rather than standing out. Change one variable at a time and give each change at least a week of data before drawing conclusions. For additional ideas on improving your site's overall look and performance, the guide to customizing your Squarespace website covers more advanced adjustments.

Squarespace Pop-Up Limitations to Know

The built-in promotional pop-up is powerful for most use cases, but it does have limitations worth understanding before you commit to it as your sole conversion strategy. You can only run one pop-up at a time, there is no native A/B testing functionality, and the pop-up cannot be directly connected to Squarespace Email Campaigns for automatic subscriber syncing (you will need to manually export or use a button link to a form).

You also cannot target pop-ups by traffic source, referral URL, or visitor behavior beyond the basic scroll and time triggers. If you need advanced segmentation, such as showing a different pop-up to first-time visitors versus returning ones, you will eventually outgrow the native tool. At that point, dedicated platforms like Mailchimp, ConvertKit, or Klaviyo support Squarespace embed codes and offer far more targeting flexibility.

For the majority of small business owners, service providers, and content creators using Squarespace, the native pop-up is completely sufficient. It covers the fundamentals without adding complexity, monthly costs, or third-party dependencies to your setup.

Start Capturing More Visitors With a Squarespace Pop-Up

The Squarespace promotional pop-up is one of the most underused features on the platform. It takes less than ten minutes to set up, requires no technical skills, and can meaningfully improve your conversion rate from the day it goes live. Whether your goal is growing an email list, promoting a sale, or driving traffic to a key page, the built-in tool handles it all without the cost or complexity of third-party apps.

The key is keeping your message clear, your offer specific, and your display timing respectful. A well-configured pop-up feels like a helpful nudge rather than an interruption, and that difference shows up directly in your conversion numbers. Set it up, test it in incognito, review the results after two weeks, and adjust from there.