How to Add a Promotional Popup on a Squarespace Website
Watch the Video
Check out the YouTube video below 👇
Why Use a Promotional Popup in Squarespace
Promotional popups are a powerful way to grab your visitors’ attention whether you’re promoting a sale, collecting emails, or announcing new products. With Squarespace’s built-in feature, you can create beautiful and fully branded messages that engage users without needing any extra code.
In this quick guide, I’ll show you exactly how to set it up so your website can use it to boost conversions and highlight key offers.
Step 1: Navigate to the Promotional Popup Settings
Start by logging into your Squarespace account.
Click “Website” from the left-hand navigation bar.
Then, select “Website Tools.”
Inside that menu, click on “Promotional Pop-Up”.
This is where you’ll find all the tools you need to design and customize your popup.
Step 2: Customize the Design and Content
Once you’re in the popup editor, you’ll see options to adjust:
Layout and animation style
Text, colors, and imagery
Triggers and timing (such as when a visitor first arrives or after scrolling)
Make sure your message and design align with your brand to keep a consistent user experience.
Step 3: Save and Publish Your Popup
After you’ve finished customizing your popup, click “Save” to activate it.
You can preview it on both desktop and mobile to ensure it looks great across all devices.
Conclusion
And that’s it! Popups are an easy yet effective way to engage your audience, grow your email list, and drive sales. If you’d like more help refining your website design or integrating advanced popup features, feel free to reach out — I’d be happy to help.
Your Designer
I’m Dylan, a Squarespace website designer. I’ve created amazing websites for multiple clients across different industries from E-Commerce sites to Real Estate and Insurance brokers. If you’re looking for a website and want to discuss a potential project, email me at dylan@highrlabs.com. You can also schedule a free 30-minute consultation call
