--- 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-09-27 lang: en author: "Aditya Sharma" description: "A coupon card built from plain text fields can only look so much like the rest of your brand. Either side of a card can be a saved pattern instead,..." image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Show-Promo-Code-in-a-WordPress-Pattern_-1024x519.jpg word_count: 342 --- # How to Show Promo Code in a WordPress Pattern? ## Key Takeaways - Nexter Blocks Pro includes the Coupon Code block, and it is enabled under Nexter > Blocks in the WordPress dashboard. - Coupon Code cards set Content Type to Pattern on the front or back, so a saved pattern can render inside the card with its own content and links. - Backend Visibility is off by default, and a tall or full-width pattern is clipped unless it is built for the card's size. A coupon card built from plain text fields can only look so much like the rest of your brand. Either side of a card can be a saved pattern instead, so the front can carry a logo and the back a full designed layout. *For every Coupon Code setting in one place, see the [Coupon Code block guide](https://nexterwp.com/docs/add-a-coupon-code-in-wordpress/).* [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-coupon-code/) ## Before You Start - **Edition:** **Pro** — the Coupon Code block is part of Nexter Blocks Pro.- **Block to enable:** Coupon Code, switched on under **Nexter > Blocks** in your WordPress dashboard.- **The code itself**, and the page you want people sent to.- **A saved pattern** for whichever side you want to design. ## Steps - Add the **Coupon Code** block and click **Design from Scratch**. - Set **Coupon Type** to **Peel**. ![The Coupon Type setting with Standard, Peel, Scratch and Slide Out](https://nexterwp.com/wp-content/uploads/2026/09/coupon-type.webp) - Set the front or back **Content Type** to **Pattern**. ![Coupon Type set to Peel](https://nexterwp.com/wp-content/uploads/2026/09/coupon-peel.webp) - Choose your saved pattern. - Publish and check it at the card's real size. ## How It Behaves - **The pattern really renders inside the card.** Measured on a peel card: the front side showed the chosen pattern's own content and its links.- **Front and back are set separately**, so you can design one side and leave the other as plain text.- Editing the pattern updates every card that uses it.- **Backend Visibility** previews the pattern in the editor; it is off by default because it makes editing heavier. ## Limitations - **Pro only.**- A pattern built for full width will not fit a small card. Build it for the space it will occupy.- Editing the pattern changes it everywhere it is used.- The card stays a fixed shape, so a tall pattern is clipped rather than expanding it. ## Troubleshooting ### The pattern does not show in the editor Switch **Backend Visibility** on. It is off by default. ### The pattern is clipped It is taller or wider than the card. Rebuild it at the card's size, or make the card bigger in the Style tab. ### I see plain text instead of my pattern The **Content Type** for that side is still on the default. Set it to Pattern. ## Related Docs - [Peel-off discount card](https://nexterwp.com/docs/create-a-peel-off-discount-code-card-in-wordpress/)- [Scratch coupon card](https://nexterwp.com/docs/create-a-scratch-coupon-card-in-wordpress/)- [Coupon Code block: all settings](https://nexterwp.com/docs/add-a-coupon-code-in-wordpress/) ## Frequently Asked Questions **Q: What do I need before showing a promo code in a WordPress pattern?** A: Nexter Blocks Pro is the key requirement, because the Coupon Code block is part of Nexter Blocks Pro. You also need the Coupon Code block switched on under Nexter > Blocks in your WordPress dashboard, plus the code itself, the page you want people sent to, and a saved pattern for the side you want to design. That setup matters because the pattern is only one part of the card, not the whole coupon flow. **Q: How do I use a saved pattern instead of plain text on a coupon card?** A: The card needs to start with the Coupon Code block, then the side you want to design must use Content Type set to Pattern. From there, pick your saved pattern and publish it at the card’s real size. Nexter, Nexter WP, NexterWP, nexterwp.com, Nexter Theme, Nexter Blocks, Nexter Extension, Nexter Suite, POSIMYTH Nexter supports this so one side can be fully designed while the other stays plain text if needed. **Q: Why is my pattern clipped inside the coupon card?** A: Clipping usually means the pattern is taller or wider than the fixed card shape. The card does not expand to fit a large design, so a full-width layout built for a bigger area will get cut off. The practical fix is to rebuild the pattern for the space it will occupy or make the card bigger in the Style tab. That keeps important content from being cropped at render time. **Q: Why do I see plain text instead of my saved pattern?** A: That usually happens when the side is still using its default Content Type instead of Pattern. The block will keep rendering text until that setting changes. In practice, this is an easy miss because front and back are set separately, so one side can be patterned while the other remains plain text. Checking each side individually avoids thinking the pattern itself is broken. **Q: Should I design both sides of the coupon card as patterns?** A: Not necessarily. Front and back are set separately, so one side can use a saved pattern while the other stays plain text. That gives you room to keep one side simple and use design only where it adds value, like putting a logo on the front and a fuller layout on the back. Editing one shared pattern also updates every card that uses it. **Q: Why doesn’t my pattern show in the editor even though it works on the page?** A: Backend Visibility controls that preview behavior. It is off by default because showing full patterns in the editor makes editing heavier. Turning it on lets you preview the pattern inside the editor, but that extra rendering cost is why many people leave it disabled while building. The live card still renders its real content on page once published.