---
title: Coupon Block (Pro)
description: How to use the Ultimate Blocks Pro Coupon block to show coupon codes and deals in WordPress, with affiliate links, hidden codes, copy buttons and expiration dates.
url: "https://ultimateblocks.com/docs/coupon-block/"
updated: "2026-11-07"
category: "Engagement & Conversion Blocks"
---

# Coupon Block (Pro)

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](https://ultimateblocks.com/coupon-block/) |

## 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

1. Make sure Ultimate Blocks Pro is installed and active (keep the free plugin active too).
2. Open the post or page in the WordPress block editor.
3. Click the **+** (Block Inserter) button.
4. Search for **Coupon** and click the block to add it.

![Adding the Coupon Block](https://ultimateblocks.com/wp-content/uploads/2024/10/Adding-the-Coupon-Block.webp)

## 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.

![Add Content to the Coupon Block](https://ultimateblocks.com/wp-content/uploads/2024/10/Add-Content-to-the-Coupon-Block.webp)

## Settings tab

Select the block and open the block sidebar on the right. The **Settings** tab (gear icon) holds the coupon options:

![Configure general settings of the Coupon block](https://ultimateblocks.com/wp-content/uploads/2024/10/Configure-general-settings-of-the-Coupon-block.webp)

### 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).

![Set a coupon type](https://ultimateblocks.com/wp-content/uploads/2024/10/Set-a-coupon-type.webp)

### 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).

![Set the expiration date](https://ultimateblocks.com/wp-content/uploads/2024/10/Set-the-expiration-date.png)

### 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](https://ultimateblocks.com/docs/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.

![Stylize the coupon block](https://ultimateblocks.com/wp-content/uploads/2024/10/Stylize-the-coupon-block.webp)

## Extensions you can use with this block

- [Visibility Control](https://ultimateblocks.com/docs/visibility-control/) (Pro): show the block only to certain users or on a schedule.
- [Animation](https://ultimateblocks.com/docs/animation/) (Pro): animate the block when it comes into view.
- [Responsive Control](https://ultimateblocks.com/docs/responsive-control/): hide the block on desktop, tablet or mobile.
- [Custom CSS](https://ultimateblocks.com/docs/custom-css/): add your own CSS to this block only.
- [Saved Styles](https://ultimateblocks.com/docs/how-to-save-a-style/) (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.

![Visibility control option of the Coupon block](https://ultimateblocks.com/wp-content/uploads/2024/10/Visibility-control-option-of-the-Coupon-block.webp)

**Animation:** pick an entrance effect so the coupon catches the eye when visitors scroll to it.

![Animation of the Coupon block](https://ultimateblocks.com/wp-content/uploads/2024/10/Animation-of-the-Coupon-block.webp)

**Responsive Control:** turn on **Hide On Desktop**, **Hide On Tablet** or **Hide On Mobile** to show a coupon only on some devices.

![Configure responsiveness for the coupon block](https://ultimateblocks.com/wp-content/uploads/2024/10/Configure-responsiveness-for-the-coupon-block.webp)

## 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.

## Related docs

- [How to add affiliate coupons in WordPress](https://ultimateblocks.com/docs/how-to-add-affiliate-coupons-in-wordpress/)
- [Countdown Timer block](https://ultimateblocks.com/docs/countdown-block/)
- [Buttons (UB) block](https://ultimateblocks.com/docs/button-improved-block/)
- [Call to Action block](https://ultimateblocks.com/docs/call-to-action-block/)
- [Ultimate Blocks free vs Pro](https://ultimateblocks.com/docs/ultimate-blocks-free-vs-pro/)