Live editor

Design your discount popup

Name: 🎁 Discount Popup Widget
Brand: TF Widgets
Availability: InStock

Set your offer, pick when it appears and see it over a real page. Save it, check out, and it goes live on your site right after payment.

Style

Offer

Discount code Big text

Use a code that already exists in your store. The popup only shows it, it doesn't create it. Small label on top Title Message

Layout

Image URLA product or lifestyle photo. Right-click an image on your site → Copy image address. Corner Top of the card

Emoji Logo image URL Colored band at the top

Buttons

Main button Main button link (optional)The code is always copied. With a link, visitors then go to that page. On Shopify, yourstore.com/discount/CODE applies the code automatically. Close text Small print (optional)

When to show it

After (seconds) After scrolling (%)

When someone is about to leave 0 turns a trigger off. The popup shows on whichever happens first. On phones "about to leave" becomes "after scrolling half the page". Show again after After closing, keep a small tab to reopen it

Tab text Tab position

Colors & shape

Card Text Accent

Button Band

Background dimming Background blur

Card corners Button corners

Text size Card width

Your screenshot stays in your browser ·

View full details

About this widget

Discount Pop-up Widget for Your Website

Show a discount code or special offer in a pop-up and turn more visitors into buyers. Choose the text, colors and when it appears.

Design it in the live editor, then paste one line of code into Wix, WordPress, Shopify, Squarespace, Webflow or any other site. Included in All Widgets Access together with every other TF widget.

Live editor, no coding
One line of code for any website
All widgets in one plan