How to Add a Pop-Up on Squarespace in 2026

Last Updated on February 9, 2026 by Himanshu Rawat

Adding a pop‑up to your Squarespace website is one of the simplest ways to capture emails, promote offers, and guide visitors toward important actions. Squarespace includes a built‑in promotional pop‑up feature, so you don’t need extra plugins or coding to get started.

This step-by-step guide explains how to create pop-ups in Squarespace, when to use them, and how to improve conversions, especially for eCommerce stores.

What Is a Squarespace Pop-Up?

A Squarespace pop-up is a small window that appears over your website content to highlight a message or collect visitor information. It is designed to quickly capture attention without requiring users to leave the page, making it a useful tool for engagement and conversions. Squarespace includes built-in promotional pop-up features that are easy to customize, control timing, and target specific visitors.

Why Add Pop-Ups to Squarespace?

Pop-ups are one of the most effective conversion tools for online stores and service websites.

Key benefits:

• Capture email subscribers before visitors leave
• Promote flash sales or launches to cut cart abandonment, where nearly 72% of shoppers leave without buying; exit-intent triggers recover about 17-20% of them.
• Reduce cart abandonment with exit-intent offers
• Increase conversions compared to static banners

Well-timed pop-ups can improve conversions significantly, especially when triggered after a few seconds or partial page scroll instead of appearing instantly.

How to Add a Promotional Pop-Up in Squarespace

Squarespace includes a native promotional pop-up tool that requires no coding and works on Business plans and above.

Step 1: Open Promotional Pop‑Up Settings

To create a pop‑up in Squarespace:

• Log in to your Squarespace account.
• Open the website you want to edit.

• Go to Marketing → Promotional Pop‑Up.
• Click Edit Pop‑Up to begin customization.

This built‑in tool works in both Squarespace 7.0 and 7.1.

Step 2: Choose the Pop‑Up Layout

Squarespace offers different pop-up layouts:

• Text-only layouts for simple messages
• Layouts that allow images if you want to include a visual alongside your text

Pick the layout that best suits your promotion. For example, use an image layout to highlight a product or special offer, or keep it text-only for a clean, straightforward message.

Step 3: Customize Content and Design

You can fully edit the pop‑up’s text and appearance:

Text content

• Add a clear headline explaining the benefit.
• Write a short description using simple language.
• Include a strong call‑to‑action like Subscribe, Get Discount, or Learn More.

Design settings

• Upload an optional image or background.
• Adjust colors and fonts to match your brand.
• Choose button style and alignment.

Keep the design clean so visitors can quickly understand the message.

Step 4: Set Display Rules and Timing

Squarespace allows you to control exactly when and how your pop-up appears, helping you balance visibility with a smooth user experience.

You can choose to:

• Show after a few seconds on the page so visitors have time to engage with your content before seeing the message.
• Trigger after a scroll percentage, which targets users who are already interested and more likely to convert.
• Display only once per visitor to avoid repetition and reduce frustration.
• Hide on small screens if needed, ensuring mobile users aren’t overwhelmed and your design stays clean.

Using smart timing makes your pop-up feel helpful instead of intrusive. When shown at the right moment, pop-ups can capture email sign-ups, promote offers, or guide visitors to important pages without interrupting their browsing experience.

Step 5: Connect Email or Marketing Tools

If your pop-up is designed to collect email addresses, it’s important to connect it to a marketing or storage tool so every submission is captured and organized automatically.

You can link your pop-up form to:

• Squarespace Email Campaigns, which lets you store subscribers, send newsletters, and create automated email sequences directly from your Squarespace dashboard.
• Mailchimp or other supported integrations, giving you access to advanced audience segmentation, automation, and detailed campaign analytics.
• Google Drive spreadsheet storage, a simple option for keeping a real-time list of new contacts that you can review, download, or import into other tools later.

Connecting your pop-up to the right service ensures you never lose a potential lead and allows you to immediately start nurturing new subscribers with welcome emails, promotions, or updates.

Step 6: Save and Test the Pop-Up

Before making your pop-up live, take a few moments to review and test everything carefully to ensure it works as expected.

• Click Save to apply all your design, timing, and display settings.
• Preview your website on both desktop and mobile devices to confirm the pop-up looks clean, readable, and properly positioned on different screen sizes.
• Check the timing, layout, and form submission process to make sure the pop-up appears at the right moment and visitors can submit their details without errors.
• Confirm that collected emails are stored correctly in your connected email marketing tool or spreadsheet so no potential leads are lost.

Thorough testing helps you catch small issues early, ensuring your pop-up runs smoothly, delivers a professional user experience, and captures every valuable subscriber.

Alternative: Lightbox Form in Squarespace

If you prefer a button-triggered pop-up instead of one that appears automatically, you can use a Form Block Lightbox. This approach gives visitors control over when the pop-up opens, creating a less intrusive and more intentional interaction.

Steps to create a Lightbox form

• Add a Form Block to a page where you want the call-to-action to appear.
• Open the Design tab in the form settings.
• Enable the Lightbox option, which converts the form into a pop-up that opens when the button is clicked.
• Customize the button text so it clearly communicates the benefit, such as subscribing, downloading, or claiming an offer.

This method works especially well for page-specific calls-to-action, including:

• “Subscribe Now”
• “Get Coupon”
• “Download Free Guide”

Because the visitor chooses to click the button, lightbox forms often feel more user-friendly and less disruptive than automatic pop-ups.

However, unlike promotional pop-ups, lightbox forms do not support site-wide timing or behavioral triggers, so they are best used for targeted pages rather than global announcements.

Advanced Pop-Ups Using Third-Party Tools

For features beyond Squarespace’s built-in pop-ups, like exit-intent, advanced targeting, or A/B testing, you can use third-party widgets such as Elfsight. These tools help capture leads, promote offers, and show messages based on visitor behavior.

Installation Methods

• Code Injection (site-wide)
  Settings → Custom Code → Footer → Paste the widget script → Save.
• Code Block (single page)
  Edit the page → Add a section → Insert a Code Block → Paste the script.

What You Get

• Scroll, time-delay, click, or exit-intent triggers
• Email marketing integrations (e.g., Mailchimp, Klaviyo)
• Ready-made, customizable templates
• Basic analytics and quick setup in minutes

This approach gives you more control over engagement and conversions without complex setup.

Common Squarespace Pop-Up Issues and Fixes

1. Pop-up not appearing

• Check the display timing, trigger, and targeting settings to ensure the pop-up is active.
• Clear your browser cache or open the site in a private/incognito window to rule out cached data or extensions blocking it.

2. Emails not saving

• Reconnect or refresh your email marketing integration to restore the connection.
• Confirm that form submissions are being stored correctly in Squarespace or your connected email platform.

3. Looks wrong on mobile

• Adjust spacing, font sizes, and layout to better fit smaller screens.
• Hide large images or simplify the design so the pop-up remains clear, readable, and easy to close on mobile devices.

Conclusion

Adding a pop-up on Squarespace is a simple yet powerful way to grow your email list, promote special offers, and guide visitors toward meaningful actions. With Squarespace’s built-in promotional pop-up and lightbox form options, you can create effective pop-ups without coding while still maintaining full control over timing, design, and targeting.

When used thoughtfully with clear messaging, clean design, and smart display timing, pop-ups enhance the visitor experience instead of interrupting it. Whether you run an eCommerce store or a service website, a well-optimized pop-up can significantly improve engagement, recover lost visitors, and increase overall conversions making it an essential strategy alongside other proven methods to promote your Squarespace store.

FAQs: How to add a pop-up on Squarespace

1. Are pop-ups available on all Squarespace plans?

Promotional pop-ups are available on Business plans and higher. Personal plans may require alternative methods such as lightbox forms or third-party tools.

2. Can I show different pop-ups on different pages?

Squarespace’s built-in promotional pop-up is generally site-wide, but you can create page-specific lightbox forms or use third-party pop-up tools for advanced targeting.

3. Do Squarespace pop-ups work on mobile devices?

Yes, pop-ups can display on mobile, but it’s important to optimize spacing, font size, and layout to keep them readable and easy to close.

4. How do I collect and store email addresses from a pop-up?

You can connect the pop-up form to Squarespace Email Campaigns, Mailchimp, or Google Drive storage, ensuring all submissions are saved and ready for follow-up marketing.

5. Will pop-ups slow down my Squarespace website?

Native Squarespace pop-ups have minimal impact on performance. However, adding too many third-party scripts may slightly affect loading speed, so use external tools carefully.