TF Widgets

🎁 Discount Popup Widget

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

Live card preview Updates directly inside the form

🎁

Don't leave!

Get 20% off your first purchase

SAVE20

🎯 Basic Settings Text, promo code, icon, logo

Title

Promo Code

Message

Button Text

Dismiss Text

Icon Type

New config format: icon.type + icon.value

Preset Icon

Emoji

Image URL

Logo URL

⚡ Triggers When and how to show the popup

Delay (ms)

Show on scroll %

Frequency

Show on exit intent

🎨 Colors Background, text, buttons, promo code

Header / ribbon background

Popup background

Text color

Overlay background

Block background

Block border color

Promo code background

Promo code border color

Promo code text color

Primary button text color

Secondary button color

Secondary button text color

Secondary hover color

Copied promo code background

Copied promo code border

📐 Sizes and Typography Padding, radius, font, preview

Widget radius

Block radius

Icon size

Ribbon height

Font size

Content padding

Block padding

Gap

Font

Font Preview

The quick brown fox jumps over the lazy dog — widget

The preview only changes the form visuals, not the embed.js code.

Ready? Update the preview or send the config to GitHub Works with the same logic as before, but now uses the new icon schema.

View full details