---
title: "How to Create a Peel Off Discount Code Card in WordPress?"
url: https://nexterwp.com/docs/create-a-peel-off-discount-code-card-in-wordpress/
date: 2024-12-31
modified: 2026-04-14
author: "Aditya Sharma"
description: "Are you looking to create a peel-off discount code card in WordPress? Offering discounts or coupon codes is an effective way to boost sales, and interactive peel-off cards add a..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Create-a-Peel-Off-Discount-Code-Card-in-WordPress_-1024x519.jpg
word_count: 322
---

# How to Create a Peel Off Discount Code Card in WordPress?

## Key Takeaways

- Nexter Blocks Coupon Code block creates a peel off coupon code card in WordPress by selecting Peel from the Coupon Type section.
- Front Side and Back Side tabs let the card use Text or Pattern content types, with the Front Side Content field and the Back Side Title and Description fields.
- The card width and height are set from the Width and Height sections, and users peel off the front side content to reveal the back side content.

Are you looking to create a peel-off discount code card in WordPress? Offering discounts or coupon codes is an effective way to boost sales, and interactive peel-off cards add a fun, engaging experience for customers while making your offer more visually appealing.

With the Coupon Code block from Nexter Blocks, you can easily create a peel off coupon code card on your WordPress website.

*To check the complete feature overview documentation of the Nexter Blocks Coupon Code block,* *[click here](https://nexterwp.com/docs/add-a-coupon-code-in-wordpress/).*

***Requirement  - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-coupon-code/)

To do this, add the Coupon Code block to the page and follow the steps -

1. Select **Peel** from the **Coupon Type** section.

You can set the coupon card width and height from the **Width** and **Height** sections, respectively.

2. You have to add the content of the card's front side from the **Front Side** tab. 

From the **Content Type** section, you have to select the content type. Here you’ll find two options - 

- **Text** - To add normal content.

- **Pattern** - To add content using a WordPress pattern.

Select the option as per your requirements, let’s select Text here.

In the **Content** field, you can add the text content. 

3. Then, from the **Back Side** tab, you have to add the content of the card's back side.

Similar to the front side tab, you have to select the content type from the **Content Type** section.

- **Text** - To add normal content.

- **Pattern** - To add content using a WordPress pattern.

Select the option as per your requirements, let’s select Text here.

In the **Title** field, you can add the card's back side title.

Then, from the **Description** field, you can add the description for the card's back side.  

Now, users will have to peel off the front side content to see the back side content.