---
title: "How to Show Promo Code in a WordPress Pattern?"
url: https://nexterwp.com/docs/show-promo-code-in-a-wordpress-pattern/
date: 2024-12-31
modified: 2026-08-18
author: "Aditya Sharma"
description: "Do you want to display promo codes using a WordPress pattern? With a WordPress pattern, you can create a custom layout and design to showcase your promo code offer in..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Show-Promo-Code-in-a-WordPress-Pattern_-1024x519.jpg
word_count: 319
---

# How to Show Promo Code in a WordPress Pattern?

## Key Takeaways

- Nexter Blocks Coupon Code block uses a WordPress pattern to create a custom layout for a promo code offer.
- Back Side tab sets Content Type to Pattern, then Select Pattern dropdown chooses the pattern and Edit button opens it for changes.
- Standard AJAX loads content on click or hover, and Nexter Blocks > Extra Options > Settings requires Enable Ajax Templates toggle to be enabled.

Do you want to display promo codes using a WordPress pattern? With a WordPress pattern, you can create a custom layout and design to showcase your promo code offer in a visually appealing and engaging way.

With the Coupon Code block from Nexter Blocks, you can easily create a custom layout for your promo code using a WordPress pattern.

*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 an appropriate option from the **Coupon Type** section, except Standard.

2. After setting appropriate content in the Front Side tab, go to the **Back Side** tab and select **Pattern** from the **Content Type** section.

> *Note: You can also use a WordPress pattern for the Front Side content.*

3. Then select your pattern from the **Select Pattern** dropdown.

Once you select a pattern, you can edit the pattern from the Edit button. By enabling the **Backend Visibility** toggle, you can see the pattern in the editor, but for a smooth editing experience, you should keep it disabled.

> *Note: You can also create a new pattern by clicking on the Create Pattern button.*

Then, from the **AJAX Load** dropdown, you can select the content load type. Here you’ll find two options - 

- **Default** - This will keep the content normally.

- **Standard AJAX** - This will load the content when someone clicks or hovers over the coupon code, ensuring a faster load time.

> *Note: To make the Standard AJAX work, make sure to enable the ****Enable Ajax Templates**** toggle from ****Nexter Blocks**** > ****Extra Options**** > ****Settings****.*

Now, visitors will see your custom content instead of simple text once they go to the backside.

## Frequently Asked Questions

**Q: Why is the promo code not showing in my WordPress pattern?**
A: The usual blocker is the block setup, not the pattern itself. The Coupon Code block from Nexter Blocks needs to be installed and activated, and the Coupon Type must be set to something other than Standard before the pattern content can take over. If you skip that, the backside will not behave like a custom promo layout. For a full walkthrough, see [click here](https://nexterwp.com/docs/add-a-coupon-code-in-wordpress/).

**Q: Can I use a WordPress pattern for both sides of a coupon code block?**
A: The tutorial supports patterns on both sides. The Back Side tab can use Pattern as the Content Type, and there is also a note that you can use a WordPress pattern for the Front Side content. That matters if you want the offer to feel consistent before and after interaction instead of showing plain text on one side and a designed layout on the other.

**Q: What is the difference between Default and Standard AJAX for a promo code pattern?**
A: Default keeps the content loaded normally, while Standard AJAX loads it only when someone clicks or hovers over the coupon code. That makes Standard AJAX the better choice when you want faster initial load time and do not need the content visible immediately. The tradeoff is that AJAX templates must be enabled first from Nexter Blocks > Extra Options > Settings.

**Q: How do I edit a WordPress pattern after selecting it for a coupon code?**
A: The selected pattern can be edited directly from the Edit button after you choose it in Select Pattern. That is useful when the base pattern is close but needs small copy or layout changes for a specific offer. For easier editing in the editor, keep Backend Visibility disabled, since enabling it only exists to show the pattern inside the editor.

**Q: Should I keep Backend Visibility on while editing a promo code pattern?**
A: Keeping Backend Visibility disabled is usually cleaner for editing because it gives you a smoother editor experience. Enabling it makes the pattern visible in the editor, which can help with inspection, but it also adds visual clutter while you work. If your goal is quick layout adjustments rather than debugging, leaving it off is the practical choice.

**Q: What do I need before adding a promo code pattern in WordPress?**
A: The key requirement is Nexter Blocks being installed and activated, because this Coupon Code block is part of Nexter Blocks. Once that is in place, you add the Coupon Code block to the page, choose a Coupon Type other than Standard, and then switch the Back Side content to Pattern. That setup is what lets POSIMYTH Nexter display custom promo content instead of plain text.