WiserNotify

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

Krunal VaghasiyaKrunal Vaghasiya|May 27, 2025 · Updated Oct 9, 2026
Sales Popups on Flatsome           

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.”

WiserNotify Inline menu with Sales, Live Visitor, and Sales Count lines for product detail pages

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 Lightbox covering a product page with a newsletter box, next to a corner sales popup that leaves Add to cart free

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

WiserNotify Install Pixel page with the Copy code button

  1. Log in to WiserNotify and open the Install pixel page.
  2. Click Copy code.

Step 2: Paste It in Header Scripts

Flatsome Advanced Global Settings panel with the Header Scripts box

  1. In your WordPress admin, go to Flatsome > Advanced.
  2. Open Global Settings.
  3. Paste the full pixel, script tags included, into Header Scripts.
  4. 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

WiserNotify pixel page confirming the pixel code was detected

  1. Return to the WiserNotify pixel page.
  2. Click Verify pixel installation.
  3. Look for the green line that says the pixel code was detected.

Step 4: Choose Recent Sales

WiserNotify Select social proof type notifications screen with Recent Sales as the first card

  1. Open Notifications > Social proof.
  2. Click Add on the Recent Sales card.

Step 5: Name It and Add Your Domain

Let's create Recent Sales notification form with Name and website URL fields

  1. Name the notification, for example “Flatsome recent sales.”
  2. Enter your store’s domain and press Enter.
  3. Click Create & customize.

Step 6: Style the Popup

WiserNotify Recent Sales Design tab with Timing control delays and a live preview

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

Step 7: Pick the Pages

WiserNotify Display tab with page conditions, multiple websites, and advanced targeting options

  1. Go to the Display tab.
  2. Leave All pages on, or set Pages when url condition matches to target product pages.
  3. Add country, UTM, new or returning visitor, or referrer rules under Advanced targeting options if you need them.

Step 8: Connect Your Store Orders

WiserNotify Data source tab with the Add integration button and Your integrations list

  1. Go to the Data source tab.
  2. Click + Add integration and pick WooCommerce, the store engine behind Flatsome.
  3. Follow its prompt to add the WiserNotify connector and enter your API key.
  4. 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

Publishing a Recent Sales notification in WiserNotify and turning it on

  1. Click Publish.
  2. Choose Turn on when it asks to enable the notification.
  3. Visit a product page in a private window to see it live.

Build trust & FOMO

Highlight real-time activities like reviews, sales & sign-ups.

Header Scripts vs a UX Builder HTML Element

A pixel in a UX Builder element loads on one page, while Flatsome Header Scripts loads it on every page

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?

Recent Sales and Sales Counter notification cards side by side in WiserNotify

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

  1. Open Notifications > Social proof.
  2. Click Add on the Sales Counter card.
  3. Name it, add your domain, and click Create & customize.
  4. Edit the count message in Text editor.
  5. Set the time window the count covers in Data control.
  6. Tick the same store connection under Data source.
  7. Click Publish and turn it on.

Other Notifications Worth Adding

WiserNotify Social proof menu with Recent Sales, Sales Counter, Recent Leads, and Review cards

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.

Build trust & FOMO

Highlight real-time activities like reviews, sales & sign-ups.

3 Sales Popup Styles to Borrow

Now, let’s look at some of the best sales popup examples to see how brands are using them.

1. Location-Based Purchase Alert

This type of popup shows real-time customer activity directly on the product page.

It tells visitors someone from a real place just made a purchase, making your store feel active and trustworthy.

It’s subtle, blends in with the product section, and fits naturally within the buyer flow, ideal for food, beauty, or lifestyle products where social proof matters.

Why it works:

It adds instant credibility. When people see others from nearby places buying, they’re more likely to trust the product and make a quick decision.

2. Slide-In Sales Notification

This is a floating sales popup that slides into the screen without interrupting the shopping experience.

It shows recent sales of any product and works well across all store pages.

You can customize it with product names, buyer initials, and timestamps to keep it fresh and believable.

Why it works:

It taps into FOMO (Fear of Missing Out). When shoppers see someone else just bought, they feel encouraged to do the same, especially when paired with a CTA like “Buy Now.”

3. Product Page Counter Badge

This is a static label placed right on the product grid or image. It uses volume-based proof to show that the item is popular and in demand.

It’s bold, attention-grabbing, and works well in fashion, home, or discount-based stores.

Why it works:

It pushes urgency without extra movement or popups. Shoppers browsing the category page immediately spot which products are trending or limited in stock.

Where It Works Best on a Flatsome Store

Show Flatsome sales popups on product, shop, and home pages, not at checkout

  • 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?

Flatsome sales popup checks: cache purged, script tags, store linked, private window

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?

The Flatsome page and shop load first, then the WiserNotify pixel loads

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

A generic Someone purchased an item popup next to a specific, verified WiserNotify sales popup

  • 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.
Icon

Boost Conversion Instantly

Add Social Proof & Urgency to your website

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
Written by Krunal Vaghasiya

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.

Small nudges, big impact

Show your visitors what others are doing right now, and turn hesitation into checkout.

Trusted by 20,000+ sites ·★ 5 onCapterra34 people signed up today