How to Add a Pop-Up on Squarespace Websites

Your visitors leave without subscribing. A well-timed pop-up changes that.

Learning how to add a pop up on Squarespace takes about 5 minutes and requires zero coding knowledge.

Squarespace includes a built-in promotional pop-up feature on Core plans and higher. You can collect emails, announce promotions, or direct traffic to specific pages.

This guide walks through the complete setup process step by step.

You will learn how to access the pop-up panel, configure display timing settings, connect your email storage option, and style everything to match your brand.

An alternative code injection method is included for users who need custom triggers or third-party integrations.

How to Add a Pop Up on Squarespace

Adding a pop up on Squarespace is the process of creating a promotional pop-up overlay that appears when visitors land on your website.

Site owners need this when building an email list, announcing sales, or directing traffic to specific pages.

This guide covers 7 steps requiring 5-15 minutes and a Core plan or higher.

Prerequisites

Before you start, confirm these requirements:

• Squarespace subscription: Core, Plus, Advanced, Business, Commerce Basic, or Commerce Advanced plan
• Desktop computer (the Squarespace mobile app does not support pop-up creation)
• Squarespace 7.0 or 7.1
• Storage option ready: Squarespace Email Campaigns, Mailchimp, or Google Drive
• Time needed: 5-15 minutes

The Basic plan does not include the promotional pop-up feature.

If you are on Basic, you will need custom code or a third-party embed from your email marketing platform.

Step One: How Do You Access the Promotional Pop-Up Panel in Squarespace?

Open the Squarespace editor, press the “/” key on your keyboard, and type “promotional pop-up” to navigate directly to the configuration panel where all pop-up display settings are located.

Action

• Keyboard shortcut: Press “/” then type “promotional pop-up”
• Alternative path: Website Settings > Marketing Tools > Promotional Pop-Up
• Expected result: The pop-up configuration panel opens in a new window

Purpose

The promotional pop-up panel is the central hub for all settings.

Accessing it first gives you a complete view of available options before making changes.

If you are still learning how to use Squarespace, this keyboard shortcut saves time when navigating the editor.

Step Two: How Do You Select a Pop-Up Goal and Layout?

Choose between two goals (newsletter subscription or page promotion) and select a layout style that determines how the visitor engagement tool appears on screen, whether as a centered modal, slide-in panel, or full-screen overlay.

Action

• Goal options: “Subscribe to a newsletter” or “Promote a page or product”
• Layout styles: Full-screen, centered lightbox, slide-in from corner
• Expected result: Template structure loads based on your selection

Purpose

Your goal selection determines which configuration tabs appear next.

Newsletter goals show email storage options; promotion goals show button linking options.

The layout affects how visitors perceive your message and directly impacts conversion rates.

Step Three: Where Do You Customize Pop-Up Content and Text?

Navigate to the Content tab to edit your headline, body text, and disclaimer fields, then adjust the Button tab to customize the email capture form placeholder text and submit button label that visitors see.

Action

• Content tab fields: Headline, Body text, Disclaimer
• Button tab fields: Email field placeholder text, Submit button label
• Expected result: Preview updates in real-time as you type

Purpose

Clear, compelling text directly affects how many visitors subscribe or click through.

The disclaimer field is where you add privacy policy links or consent language for compliance.

A strong call-to-action on your submit button (“Join Us” or “Get the Discount”) performs better than generic text like “Submit.”

Step Four: How Do You Connect a Storage Option for Email Collection?

Click the Storage tab and select where collected emails will go: Squarespace Email Campaigns, Mailchimp, or Google Drive spreadsheet.

Action

• Exact path: Storage tab > Select storage option
• Options: Squarespace Email Campaigns, Mailchimp, Google Drive
• Expected result: Confirmation message showing successful connection

Purpose

Without a connected storage option, your newsletter signup pop-up cannot save subscriber emails.

Google Drive works for basic collection; Mailchimp or Squarespace Email Campaigns are better for marketing automation.

Step Five: Where Do You Configure Display and Timing Settings?

Open Display & Timing to control when, where, and how often your site-wide message display appears to visitors across desktop and mobile devices.

Action

• Exact path: Display & Timing tab > Frequency, Page targeting, Device options
• Timing values: Show immediately, After scrolling (percentage), After time delay (seconds)
• Expected result: Rules applied to pop-up trigger behavior

Purpose

Aggressive timing annoys visitors; too passive means missed conversions.

Check “Show on mobile” if you want the pop-up on smaller screens, but test it first since the viewport changes the layout significantly.

Step Six: How Do You Style the Pop-Up Appearance?

Use the Style tab to adjust colors, fonts, button styles, and border radius so your email collection form matches your site branding.

Action

• Exact path: Style tab > Colors, Fonts, Button styles, Border radius
• Image settings: Upload image, Set alignment, Adjust overlay opacity
• Expected result: Pop-up matches site branding

Purpose

Consistent visual hierarchy builds trust; mismatched pop-ups feel spammy.

The Image tab lets you add product photos or promotional graphics to increase engagement.

Step Seven: How Do You Enable and Save the Pop-Up?

Toggle “Enable Promotional Pop-Up” to ON, then click Save in the top-right corner to activate your lead generation modal for all site visitors.

Action

• Exact path: Toggle “Enable Promotional Pop-Up” to ON position
• Save action: Click Save in top-right corner
• Expected result: Pop-up becomes active for site visitors

Purpose

The enable toggle is separate from saving, which prevents accidental activation while configuring.

Use the Reset button if you change content and want repeat visitors to see the updated version.

Alternative Method: Adding a Pop-Up Using Code Injection

For users on Basic plans or those needing custom triggers like exit intent or scroll-triggered displays, JavaScript code injection is the alternative approach.

This method works with third-party email platforms like Flodesk or ConvertKit that provide their own embed codes.

How Do You Access Code Injection Settings?

• Exact path: Settings > Advanced > Code Injection
• Injection points: Header section, Footer section
• Expected result: Code editor fields become accessible

Code Injection requires Core plan or higher for JavaScript functionality.

Where Do You Paste Third-Party Pop-Up Code?

• Exact location: Header section of Code Injection panel
• Code format: HTML with embedded JavaScript
• Expected result: Third-party pop-up loads on all pages

Paste the complete embed code from your email platform; partial code will not render.

If Ajax loading causes issues, disable it in Site Settings to test.

Verification

Confirm your promotional pop-up settings work correctly:

• Log out of your Squarespace account completely
• Visit your site in an incognito or private browser window
• Clear browser cache if the pop-up does not appear
• Verify trigger conditions are met (scroll depth reached, time delay passed)
• Submit a test email and check your storage option

Pop-ups sometimes hide when you are logged in as the site owner.

Troubleshooting

Pop-up does not appear after saving

Solution: Verify your subscription plan supports promotional pop-ups (Core minimum). Check that the toggle is ON. Clear browser cache and view in incognito mode.

Emails not saving to storage

Solution: Reconnect your storage option in the Storage tab. Verify your Mailchimp or Squarespace Email Campaigns integration is active. Check for error messages in your email platform dashboard.

Pop-up appears on every page visit

Solution: Adjust display frequency control in Display & Timing tab. Select “Once per session” or “Once per visitor” instead of “Every visit.”

Pop-up not showing on mobile devices

Solution: Enable the “Show on mobile” checkbox in Display & Timing settings. Test using device view in the Squarespace editor. Mobile pop-ups use a different layout automatically.

Custom code pop-up not rendering

Solution: Confirm you pasted the entire embed code without modifications. Check that you are using Code Injection (not a Code Block) for site-wide display. Disable Ajax loading temporarily to test.

Related Processes

After setting up your pop-up, explore these related Squarespace guides:

• How to edit Squarespace website for general site changes
• How to create a landing page on Squarespace for dedicated conversion pages
• How to add Google Analytics to Squarespace for tracking pop-up performance
• How to change button color in Squarespace for matching pop-up buttons to site design
• How to change font on Squarespace for consistent typography

FAQ on How To Add A Pop Up On Squarespace

Which Squarespace plans include the promotional pop-up feature?

Core, Plus, Advanced, Business, Commerce Basic, and Commerce Advanced plans include the built-in promotional pop-up feature. The Basic plan does not support it. Basic plan users need custom code injection or third-party embed codes from their email marketing platform.

Can I add a pop-up using the Squarespace mobile app?

No. Creating a promotional pop-up requires a desktop computer. The Squarespace mobile app does not include access to the pop-up configuration panel. You can only create and edit pop-ups through the browser-based editor on a computer.

How do I make my pop-up appear only on specific pages?

Open Display & Timing settings and use the page targeting options. You can select specific pages where the pop-up appears or exclude certain pages. This visitor targeting feature helps show relevant offers to the right audience.

What email platforms can I connect to Squarespace pop-ups?

Squarespace natively supports Squarespace Email Campaigns, Mailchimp, and Google Drive for email storage. Other platforms like Flodesk or ConvertKit require using their embed codes through code injection instead of the built-in pop-up feature.

Why is my Squarespace pop-up not showing?

Common causes: the enable toggle is OFF, you are logged in as the site owner, browser cache is storing old data, or trigger conditions have not been met. Log out, clear cache, and test in an incognito browser window.

Can I add multiple pop-ups to my Squarespace site?

Squarespace allows only one promotional pop-up at a time using the built-in feature. For multiple pop-ups with different triggers, you need third-party tools like Elfsight or custom JavaScript code added through code injection.

How do I add an exit intent pop-up on Squarespace?

The built-in promotional pop-up does not include exit intent triggers. This feature requires third-party pop-up tools or custom JavaScript code. Paste the third-party embed code in Settings > Advanced > Code Injection > Header section.

Does the Squarespace pop-up work on mobile devices?

Yes, if enabled. Check “Show on mobile” in Display & Timing settings. The mobile pop-up layout adjusts automatically for smaller screens. Test using device view in the Squarespace editor before publishing.

How do I change how often the pop-up appears to visitors?

Adjust display frequency settings in the Display & Timing tab. Options include every visit, once per session, or once per visitor. The Reset button forces all visitors to see the pop-up again on their next visit.

Can I add images or videos to my Squarespace pop-up?

Yes for images. Use the Image tab to upload photos, set alignment, and adjust overlay opacity. The built-in feature does not support video embeds directly. Video pop-ups require custom code or third-party lightbox plugins.

Conclusion

You now know how to add a pop up on Squarespace using both the built-in feature and code injection methods.

The promotional pop-up panel handles most needs: newsletter signup overlays, announcement displays, and page promotions.

Connect your preferred storage option, whether Squarespace Email Campaigns or Mailchimp, and your email capture form starts collecting subscribers immediately.

Style customization keeps everything on-brand. Mobile settings ensure visitors on smaller screens see your message too.

For advanced triggers like exit intent, third-party tools fill the gap.

Test in an incognito window before launch. Check your form submission storage to confirm emails are saving correctly.

A single pop-up, configured properly, turns passive visitors into engaged subscribers.