How to Add a Sales Notification Popup to Squarespace (2026)

To add a sales notification popup to Squarespace, paste the WiserNotify pixel into Website Tools, then Code Injection, in the Header field, and connect your store under Integrations. Each new order then shows as a small popup card on your pages. Setup takes about five minutes and no theme edits.

The card reads like “Priya in Austin bought the Linen Throw, 2 hours ago,” built from a real recent order. It answers the question a quiet store page leaves open, whether anyone else is buying here.

Below are the six steps with screenshots, the pages worth showing it on, and the Squarespace reasons it sometimes stays hidden.

Key takeaways

• The pixel goes in Website Tools, then Code Injection, in the Header field. One paste covers every page of the site.
• Code Injection comes with the Core, Plus, and Advanced plans. Basic has no place for the pixel.
• The store connection is read-only, and every popup line comes from a real Squarespace order.
• One Contains /p/ page rule keeps the popup on product pages, including products you add later.

Does Squarespace Have Sales Notifications Built In?

No. Squarespace’s own popup is the Promotional Pop-Up in Website Tools. It collects newsletter sign-ups or links to a page with up to two buttons, on a timer or a scroll. It never reads your orders.

The Announcement Bar is the other native option, and it holds one fixed line of text across the top of the site.

So popups that show live orders, sometimes called FOMO popups, come from an outside tool. WiserNotify connects to your Squarespace store with view-only access and turns each new order into a notification.

How to Add a Sales Notification Popup to Squarespace

The video shows the whole setup on a Squarespace store. The written steps are underneath.

Check your plan before you start. Code Injection comes with the Core, Plus, and Advanced plans and some legacy plans. Basic doesn’t include it, and without it there’s nowhere to paste the pixel.

Step 1: Copy Your WiserNotify Pixel

1. Sign up for WiserNotify (7-day free trial) or log in.
2. On the Install Pixel page, click Copy code.

Step 2: Paste It Into Code Injection

1. In Squarespace, click Website and scroll to Website Tools at the bottom of the panel.
2. Open Code Injection. On older dashboards it sits under Settings > Advanced > Code Injection.
3. Paste the pixel into the Header field and click Save.
4. Back in WiserNotify, click Verify pixel installation.

Code in the Header field runs on every page, so one paste covers the whole store. You don’t need to add it page by page.

Don’t judge the result from inside the Squarespace editor, because Squarespace can switch scripts off in the editor preview. Open the live site in a private window instead.

Step 3: Connect Your Squarespace Store

1. In WiserNotify, open Integrations, search for Squarespace, and click it.
2. Click Connect and log in to Squarespace if it asks.
3. On the Connect WiserNotify screen, review the permissions and click Allow.

The screen lists what WiserNotify can view: orders, products, stock levels, and customer details such as names and addresses. It’s read-only, so nothing in your store changes.

Step 4: Add the Recent Sales Popup

1. Go to Notifications > Social proof.
2. Find Recent Sales and click Add.
3. Edit the message in the Text editor tab. {Name}, {Location}, and {Product} fill in from each order.

Keep the message short. A first name with a city and product fits on a phone screen, while a full sentence often wraps.

The Position & animation and Style tabs have separate phone and desktop settings. Squarespace templates lean on white space, so a small card in a bottom corner usually suits them better than a bold banner.

Step 5: Choose the Pages It Shows On

Open the Display tab. All pages is the default, which also puts the popup on your About and Contact pages.

To keep it on product pages, choose Pages when url condition matches, set Contains, enter /p/, and click Save.

That one rule works because every Squarespace product URL puts /p/ between the shop page and the product, like /shop/p/linen-throw. New products are covered the moment you add them.

Step 6: Set the Data Source and Publish

1. Open the Data source tab and tick your Squarespace connection.
2. Click Publish, then Turn on when WiserNotify asks to enable the notification.

Under Data filtering options, you can hide orders you’d rather not show. A condition that hides products containing “Gift Card” keeps the popup on your physical products, for example.

The recent sales notification doc covers every design option, and the Squarespace integration doc has the connection steps in full.

Where to Show Sales Popups on Squarespace

Show the popup where a shopper is deciding whether to buy, and keep it off pages where it only interrupts. These rules all go under Pages when url condition matches:

Where it shows	Condition	What to enter
All product pages	Contains	/p/
Shop page and products	Contains	/shop
Cart page	Contains	/cart
Blog posts	Contains	/blog

Swap /shop and /blog for your own page slugs if you renamed them. You’ll find each slug in that page’s settings in Squarespace.

Blog posts are worth a test if your store gets search traffic. A reader who arrived for a how-to article sees that real people buy from you, which a blog page doesn’t otherwise tell them.

Leave checkout out. Squarespace checkout pages don’t run injected code, so the popup can’t appear there.

Selling through forms or a newsletter rather than a shop? The pixel also picks up Squarespace form submissions, so a recent leads notification can show sign-ups without a store connection.

Sales Popup Not Showing on Squarespace?

Work through the Squarespace causes first:

• Your plan has no Code Injection. On the Basic plan the pixel has nowhere to go. Upgrading to Core or above unlocks it.
• You’re checking inside the editor. Scripts may be off in the editor preview. Load the live site in a private window.
• The site isn’t public yet. A site set to Private or Password Protected in your Squarespace settings won’t load for outside visitors. Test with the password, or once the site is public.
• No orders have synced. In the Data source tab, a count of 0 next to your Squarespace connection means there’s nothing to show yet.
• The page rule uses Equals. Equals matches one exact address. Switch product rules to Contains /p/.

If all of those check out, wait for the initial delay to pass and test in a fresh private window, since skip seen hides notifications you’ve already viewed. WiserNotify’s live chat can also check the install with you.

How to Tell If the Popup Is Helping

Let it run for two or three weeks, then compare against the weeks before you turned it on:

• Purchase funnel. This Squarespace Analytics report shows where visits stop short of a purchase. Compare the drop-off before and after the popup went live.
• Popup clicks. WiserNotify’s Analytics page shows how often shoppers clicked the notification through to a product.
• Bestsellers. Check whether the products that appear most in the popup sell more than they did before.

Change one setting at a time, like the delay or the page rule, so you can tell what made the difference.

Wrap Up

Squarespace gives you a clean store but no way to show that it’s busy. A sales popup adds that, using orders your store already has.

Start with Contains /p/ so it only runs on product pages. Once it earns its place, try the cart page and your blog. The Squarespace social proof page lists the other notifications that run on the same pixel.

For more ways to use buying activity on a site, see these FOMO notification ideas. To set this up on another platform, the guide to a sales notification popup on any website covers the general steps.

Related Post

• How to add a sold counter to Squarespace
• How to add a countdown timer to Squarespace
• How to create an exit popup in Squarespace