Flatsome Sales Popup: Show Recent Orders in 9 Steps (2026)

To add a sales popup to Flatsome, paste the WiserNotify pixel into Header Scripts under Flatsome > Advanced > Global Settings. Then build a Recent Sales notification and connect it to your store’s orders.
Your Flatsome theme stays exactly as it is. The popup floats on top of your layout, so there’s nothing to rebuild in UX Builder and no theme file to touch.
I’ll walk through all 9 steps with screenshots. After that, you’ll see where the popup earns its keep on a Flatsome store and what to check when it won’t show up.
What a Sales Popup Adds to Flatsome
A sales popup shows recent orders from your Flatsome store as small notifications, so a new visitor can see that other people are buying right now.
Flatsome already makes a store look good. Looking good and feeling safe to buy from aren’t the same thing, though. A first-time shopper still wonders whether anyone has ordered here before.
A line like “Ella from Miami bought the Velvet Throw” settles that in about two seconds.
WiserNotify gives you two ways to show it.
- Floating popup. A small card slides in from a corner of any page, holds for a few seconds, and disappears.
- Inline line. A short message sits inside the product page, close to the Add to cart button, such as “John S. from New York bought this item 30 mins ago.”

You’ll find the inline versions under Notifications > Inline, with ready lines for product and collection pages. They need a short snippet in your product template, so the floating popup is the faster start.
Flatsome Lightbox vs a Sales Popup

Flatsome’s built-in Lightbox opens a box you design, like a newsletter signup or a promo. It can’t read your orders, so it can’t tell shoppers who bought what.
People often mix the two up, so here’s the difference side by side.
| Flatsome Lightbox | WiserNotify sales popup | |
|---|---|---|
| Shows | Content you write once | Real orders from your store as they happen |
| Best for | Email signups, promos, videos | Trust and urgency on product pages |
| Updates itself | No | Yes, with every new order |
| Blocks the page | Usually, until closed | No, it sits in a corner |
If an email offer is what you’re after, here’s how to create an exit popup in Flatsome that shows when visitors leave.
How to Add a Sales Popup to Flatsome
You’ll work in two places, Flatsome’s options panel and the WiserNotify app. Grab the 7-day free trial first. The video shows how the Recent Sales popup is built once the pixel is in.
Step 1: Copy Your WiserNotify Pixel

- Log in to WiserNotify and open the Install pixel page.
- Click Copy code.
Step 2: Paste It in Header Scripts

- In your WordPress admin, go to Flatsome > Advanced.
- Open Global Settings.
- Paste the full pixel, script tags included, into Header Scripts.
- Save your changes.
Header Scripts loads inside the head tag of every page, so the popup can appear anywhere on your Flatsome store.
Step 3: Verify the Pixel

- Return to the WiserNotify pixel page.
- Click Verify pixel installation.
- Look for the green line that says the pixel code was detected.
Step 4: Choose Recent Sales

- Open Notifications > Social proof.
- Click Add on the Recent Sales card.
Step 5: Name It and Add Your Domain

- Name the notification, for example “Flatsome recent sales.”
- Enter your store’s domain and press Enter.
- Click Create & customize.
Step 6: Style the Popup

- Leave the name, city, and product placeholders in Text editor.
- Use Click actions to add a “Buy now” button that opens the product.
- Pick a bottom-left spot in Position & animation.
- Copy your Flatsome colors and font into Style.
- Leave the default timing in Timing control (shown after 4 seconds, on screen for 8).
- Keep Verify label switched on.
- Click Save.
Step 7: Pick the Pages

- Go to the Display tab.
- Leave All pages on, or set Pages when url condition matches to target product pages.
- Add country, UTM, new or returning visitor, or referrer rules under Advanced targeting options if you need them.
Step 8: Connect Your Store Orders

- Go to the Data source tab.
- Click + Add integration and pick WooCommerce, the store engine behind Flatsome.
- Follow its prompt to add the WiserNotify connector and enter your API key.
- Tick the new connection under Your integrations.
The connector also loads the pixel on its own. WiserNotify runs the pixel only once per page, so leaving it in Header Scripts too won’t cause double popups. The connector setup guide has screenshots of that part.
Step 9: Publish the Popup

- Click Publish.
- Choose Turn on when it asks to enable the notification.
- Visit a product page in a private window to see it live.
Header Scripts vs a UX Builder HTML Element

A UX Builder HTML element only loads on the page you drop it into, so a pixel pasted there shows the popup on that one page and nowhere else.
It’s the first thing many Flatsome owners try, since UX Builder is where they do everything else. Header Scripts is the better spot for two reasons.
- Every page is covered. Header Scripts loads the pixel site-wide, including product, shop, and blog pages.
- One place to manage it. You edit the pixel once in Global Settings instead of hunting through pages.
Already manage scripts in Google Tag Manager? WiserNotify has a GTM pixel guide, though Header Scripts is quicker on Flatsome.
Recent Sales or Sales Counter?

Both are FOMO notifications, shown in different ways.
Recent Sales puts one buyer on screen at a time, with their city and the item they chose. Sales Counter adds orders up into a single number for a time window you set.
Here’s how I’d choose.
- Just getting started? Go with Recent Sales. One named buyer beats a counter stuck on a small number.
- Selling every day? Run a Sales Counter on category pages and Recent Sales on product pages.
Setting Up a Sales Counter
- Open Notifications > Social proof.
- Click Add on the Sales Counter card.
- Name it, add your domain, and click Create & customize.
- Edit the count message in Text editor.
- Set the time window the count covers in Data control.
- Tick the same store connection under Data source.
- Click Publish and turn it on.
Other Notifications Worth Adding

Sales are only one card in this menu. Recent Leads, the highlighted one, works well if you collect newsletter signups or wholesale requests on your Flatsome site.
A review notification brings your Google or Facebook ratings onto product pages. A visitor counter tells people how busy the store is at that moment.
Each one runs on the same pixel in Header Scripts, so there’s nothing new to install.
Running a sale with an end date? A countdown timer on Flatsome pairs nicely with a sales popup.
3 Sales Popup Styles to Borrow
Where It Works Best on a Flatsome Store

- Product pages. This is where people decide, and a recent order for the same product carries the most weight.
- Shop and category pages. Shoppers are still comparing, which suits a Sales Counter.
- Homepage. Traffic from ads lands here cold and needs quick proof that the store is busy.
- Skip the checkout. I keep popups off checkout. The buyer has made up their mind, and movement on screen only gets in the way.
On mobile, check whether your Flatsome setup shows a back-to-top button or a sticky Add to cart bar, and keep the popup clear of both.
Need one message on every page instead, like free shipping? You can add an announcement bar to Flatsome for that.
Sales Popup Not Showing on Flatsome?

When a Flatsome sales popup doesn’t appear, the cause is usually a caching plugin, a missing data source, or a pixel that only loads on one page.
- Cache not cleared. Purge your caching plugin after you save Header Scripts. LiteSpeed Cache is a common one to check.
- Security plugin blocking it. Tools like Wordfence can stop the script. Whitelist WiserNotify, then clear the cache again.
- Script tags missing. Flatsome’s box needs the full script tags, so paste the pixel exactly as you copied it.
- Store connection not ticked. Without it the popup has no orders to read. Fix it in the notification’s Data source tab.
- Pixel in a UX Builder element. Move it to Header Scripts so it loads on every page.
- Notification switched off. Flip its toggle on in your Social proof list.
- Old view in your browser. Your own browser may hold a cached copy, so check in a private window.
Still nothing? Send a message through the live chat in your WiserNotify dashboard, and the team can check your setup.
Will It Slow Down Your Flatsome Store?
![]()
No. The WiserNotify pixel loads asynchronously, after your page has finished loading, so product images and the Add to cart button don’t wait on it.
That matters on Flatsome, since a lot of owners pick the theme for its speed. If you run a caching plugin, purge it after setup and whitelist WiserNotify if the popup goes missing.
Sales Popup Mistakes on Flatsome

- Popups every few seconds. It starts to feel like spam. Give each one room in Timing control.
- Generic wording. “Someone purchased an item” sounds automated. Show the first name, city, and product.
- Bad placement on phones. A popup over the Add to cart button costs you the sale it was meant to win. Test on a real phone.
- Off-brand design. When the colors and font don’t match Flatsome, shoppers take it for an ad.
- Never looking at the data. Check Performance once a month and try a new message.
How to Measure the Results
Compare your store’s conversion rate for a month before launch against the month after, and change only one thing at a time.
- See views and clicks per notification under Performance in WiserNotify.
- Set up goal tracking so popup views connect to finished orders.
- A/B test the message, for example product name alone against product name plus price.
- Let each test run 2 to 4 weeks, or longer on a quiet store.
Wrap Up
Flatsome handles how your store looks. A sales popup handles whether a stranger trusts it enough to buy. Add the pixel in Header Scripts, connect your orders, and keep the popup on product pages first.
Give it a few weeks, then decide whether a counter or a second notification belongs next to it.
Related guides
Setting up a sales notification popup on a different platform? These related guides walk through it:
Frequently Asked Questions
Does WiserNotify work with the Flatsome theme?
Yes. You add the WiserNotify pixel through Flatsome’s Header Scripts box, and the popup works on every page of your store.
How do I add a sales popup to Flatsome without coding?
Paste the WiserNotify pixel into Header Scripts under Flatsome > Advanced > Global Settings, then build a Recent Sales notification in WiserNotify.
Can I add the pixel with a UX Builder HTML element?
You can, but it only loads on that one page. Flatsome’s Header Scripts box loads the pixel on every page.
Why isn't my sales popup showing on Flatsome?
Purge your caching plugin, check that your store connection is ticked in the data source, and test in a private window.
Will a sales popup slow down my Flatsome store?
The WiserNotify pixel loads after your page finishes loading, so product pages don’t wait on it.
Is the Flatsome Lightbox the same as a sales popup?
No. The Lightbox shows content you write, while a sales popup shows real orders from your store as they happen.

Krunal Vaghasiya is a marketing tech expert who boosts e-commerce conversion rates with automated social proof and FOMO strategies. He loves to keep posting insightful posts on online marketing software, marketing automations, and improving conversion rates.