Floating Popup with Coupon Code Template

Convert visitors into customers with a Floating Coupon Code Popup.

This subtle, fully customisable floating pop-up allows you to distribute discount codes to shoppers without interrupting their browsing experience.

A well-placed coupon code is one of the most effective ways to boost conversions and increase sales. By displaying discounts in a sleek floating window, you ensure customers are aware of your offers while maintaining a smooth on-site experience.

You can use this popup to distribute site-wide coupon codes, offer personalised discounts, or target specific users with behavioural rules. With full design customisation, you can match the popup’s style to your store branding and maximise conversions.

Trick

Use subtle floating pop-ups to highlight exclusive discount codes for cart abandoners or first-time visitors. This creates urgency and helps turn curious shoppers into buyers.

What This Template Does

Displays a floating pop-up with the latest coupon code
Allows full customisation of text, colours, and layouts to fit your branding
Targets specific customer segments using Behavioural Rules
Redirects users to product pages or shopping carts with applied discounts
Offers a subtle but effective way to distribute coupon codes site-wide

Benefits of This Template

Boosts conversions by giving visitors immediate access to discount codes
Increases customer satisfaction by offering visible savings without distraction
Helps reduce cart abandonment by encouraging users to complete purchases
Provides flexibility for seasonal promotions, flash sales, or loyalty campaigns
Strengthens your marketing strategy with targeted behavioural triggers

Who Should Use It

E-commerce stores running ongoing or seasonal discount campaigns
Brands wanting a subtle, stylish popup that doesn’t disrupt browsing
Businesses looking to boost sales with simple but powerful coupon code distribution
Marketers wanting to increase conversion rates with unobtrusive floating pop-ups

Official Gleam Resources

Layouts & Variations Guide – Explore popup design options.
Design Customisation Guide – Learn how to edit text, colours, and branding.
Post-Capture Redirect Guide – Automatically apply coupon codes to shopping carts.
Behavioural Rules Overview – Trigger your popup at the right time for maximum conversions.
Capture Installation Guide – Install your popup with a single line of JavaScript.

Frequently Asked Questions

A floating popup is a capture form that remains visible while users browse your site, often used to collect emails or highlight promotions. Click to learn how it works in Gleam.

On mobile, floating popups work best anchored to the bottom or top of the screen to minimise disruption. Click to see why placement matters.

Floating popups should have 1–3 fields at most, such as name, email, or one qualifying question. Click to learn why shorter forms convert better.

Show floating popups when users are engaged — e.g., after 5–10 seconds, on scroll, or on exit intent. Avoid showing them immediately on page load. Click to learn best practices.

Yes, you can show popups only on selected pages or sections of your website using display rules. Click to learn how targeting works in Gleam.

Help

See all

How to Give Out E-Commerce Coupons

How to Distribute E-commerce Coupons With Capture Bars

8 Ways to Promote an E-Commerce Business With Gleam

Create a Coupon in Gleam Rewards

Similar Templates

See all

Floating Email Signup

Subtle Signup Discount

Subtle Sale Announcement

Promote New Content

Collect Reviews

Demo Request Form

Customise Your Design
Adjust the size, text, colours, and images of your popup to match your store branding. Choose from different Layouts & Variations.
➡ Learn How to Customise Your Capture’s Design
Add Your Coupons
Enter the coupon codes you want to distribute into your popup’s design. You can also configure a Post Capture Redirect to automatically apply codes to user carts.
Set Behavioural Rules & Triggers
Use Behavioural Rules to decide when and where your coupon popup appears, such as on product pages, during exit intent, or for first-time visitors.
Install Your Capture
Finalise your setup and install your popup on your website with a single line of JavaScript.
➡ Learn How to Install Your Capture