The Coupon block in Ultimate Blocks lets you show a coupon code or a deal on any WordPress post or page, with a discount, title, description, expiration date and a copy or Get Deal button. You can add an affiliate or store link that opens when a visitor copies the code. The Coupon block is a Pro block, so it needs Ultimate Blocks Pro.
| Block name in the editor | Coupon |
| Plan | Pro |
| Best for | Affiliate coupon posts, deal roundups, store promotions, Black Friday and seasonal sales |
| Live demo | See the Coupon block in action |
What you can use it for #
- Share affiliate coupon codes in reviews and roundup posts.
- Promote your own store discount codes.
- List deals that need no code, with a Get Deal button.
- Hide the code behind a Show Code button that reveals it in a popup.
- Show an Expired label automatically after the offer ends.
How to add the Coupon block #
- Make sure Ultimate Blocks Pro is installed and active (keep the free plugin active too).
- Open the post or page in the WordPress block editor.
- Click the + (Block Inserter) button.
- Search for Coupon and click the block to add it.
Add the coupon content #
Click each part of the block and type your own text:
- Discount: the main offer, for example 30% or 20 USD OFF.
- Title: what the coupon is for, for example the product or store name.
- Description: one or two lines with the details or conditions.
- Code: the coupon code visitors will copy (Coupon type only).
- Coupon/Deal label: the small tag on the coupon, such as Coupon or Deal.
Settings tab #
Select the block and open the block sidebar on the right. The Settings tab (gear icon) holds the coupon options:
Coupon type and link #
- Coupon Type: choose Coupon to show a code, or Deal to show a button with no code.
- Link To Navigate On Copy (Affiliate Link): the page that opens when a visitor copies the code or clicks the deal button. Paste your affiliate or store link here.
- Get Deal button text: change the text of the deal button (Deal type).
Expiration #
- Expiration Date: pick the last day of the offer from the calendar.
- Doesn’t Expire: turn this on for offers with no end date. The block then shows Doesn’t Expire instead of a date.
- Expired Date Label: the text that shows when the coupon date is expired (default: Expired).
Hide Coupon and copy options #
- Click To Copy: visitors click the code to copy it to their clipboard.
- Hide Coupon: hide the code behind a Show Code button. When a visitor clicks it, a popup shows the code with a copy button and an offer button.
- Popup Copy Button Text and Popup Offer Button Text: change the text of the two popup buttons (defaults: Copy and Go To Offer).
Tip: For affiliate coupons, add your affiliate link in Link To Navigate On Copy and mark the offer clearly. See how to add affiliate coupons in WordPress for a full walkthrough.
Styles tab #
Switch to the Styles tab (half-circle icon) to change the look of the coupon:
- Colors: set the color of the title, description, code, discount, label, expiration date and expired date, plus the code hover colors.
- Backgrounds: solid or gradient backgrounds for the coupon box, the code, the label and the popup buttons.
- Font sizes: separate sizes for the discount, label, title, description, code, expiration date and expired date.
- Border: border and border radius for the coupon box and the code, plus the separator line.
- Dimension Settings: padding and margin.
Extensions you can use with this block #
- Visibility Control (Pro): show the block only to certain users or on a schedule.
- Animation (Pro): animate the block when it comes into view.
- Responsive Control: hide the block on desktop, tablet or mobile.
- Custom CSS: add your own CSS to this block only.
- Saved Styles (Pro): save your design and reuse it on other posts.
Visibility Control: for example, turn on Enable Schedule to show the coupon only during the sale dates.
Animation: pick an entrance effect so the coupon catches the eye when visitors scroll to it.
Responsive Control: turn on Hide On Desktop, Hide On Tablet or Hide On Mobile to show a coupon only on some devices.
Frequently asked questions #
How do I add a coupon code to a WordPress post?
Install Ultimate Blocks Pro, add the Coupon block in the block editor, and type the discount, title, description and code. Add your store or affiliate link in Link To Navigate On Copy.
What is the difference between Coupon and Deal?
Coupon shows a code that visitors copy. Deal shows a Get Deal button with no code, for offers that apply automatically.
Can I hide the coupon code until a visitor clicks?
Yes. Turn on Hide Coupon. Visitors see a Show Code button, and the code appears in a popup with Copy and Go To Offer buttons.
What happens when the coupon expires?
After the expiration date, the block shows the Expired Date Label instead of the date. Turn on Doesn’t Expire for offers with no end date.
Is the Coupon block free?
No. The Coupon block is one of the four Pro blocks in Ultimate Blocks. Every plan has a 30-day money-back guarantee.
