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.

It is worth noting that 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, this is found under Marketing > Promotional Pop-Up in the main panel. On older 7.0 sites, the path is similar but the interface may look slightly different. 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

Display triggers control when and how often the pop-up appears to each visitor. Squarespace gives you several options to work with. 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. Additionally, Squarespace 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 best practice is to combine a time delay of 5 to 10 seconds 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 are forced to interact with a pop-up they cannot close 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 it easy to dismiss. The goal is not to trap visitors but to present the right offer at the right moment. Sites that use pop-ups this way tend to see better conversion rates and lower bounce rates than those that use aggressive tactics.

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.

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.

Keep in mind that Squarespace's HTML structure for pop-ups can change between platform updates, so CSS selectors may need revisiting after major Squarespace releases. Test any custom styles in a staging environment or after a full site backup 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 and may want to explore integrations with dedicated platforms like Mailchimp, ConvertKit, or similar services that support Squarespace embed codes.

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.