Coupon Widget

Create Your Own Coupon Widget in Seconds for Your Website

Build coupon cards, banners, and floating offers with editable discount labels, coupon codes, descriptions, badges, CTA links, styling controls, and responsive layouts.

Create Your Coupon Widget - It's Free!

How to embed Coupon Widget to WordPress

1Get your embed code

After customizing your Jotform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jotform Website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

Learn more

Create Multiple Coupon Offers

Add a primary coupon plus optional second and third offers. Use separate titles, discount labels, codes, badges, descriptions, timing text, CTA labels, URLs, and image URLs for each coupon.

Coupon fields include:

TitleDiscountCodeBadgeCTA link

Create Your Widget

Make Codes Easy to Copy

Give visitors a clear copy-code button for each offer. Edit the button label and copied confirmation text so the interaction matches your campaign tone.

Action controls include:

Copy codeCopied messageCTA buttonNew-tab links

Style Coupon Cards for Every Campaign

Switch between light and dark themes, then tune background, card, text, accent, code, and button colors. Add rounded corners, shadows, and scoped CSS for advanced brand polish.

Style controls include:

ThemeColorsCode stylesCard radiusCustom CSS

Use Responsive Card, Banner, or Floating Layouts

Display coupons as a responsive grid, a promotional banner, or a floating offer. Control desktop columns, spacing, maximum width, padding, and floating position.

Layouts include:

CardsBannerFloatingResponsive