---
title: "How to Create Discount Popup in WordPress?"
url: https://nexterwp.com/docs/create-discount-popup-in-wordpress/
date: 2024-12-31
modified: 2026-09-27
lang: en
author: "Aditya Sharma"
description: "A code revealed in place is easy to miss and easy to mistype. The Popup action puts it in the middle of the screen with a copy button and a..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Create-Discount-Popup-in-WordPress_-1024x519.jpg
word_count: 383
---

# How to Create Discount Popup in WordPress?

## Key Takeaways

- Nexter Blocks Pro incluye el bloque Coupon Code, que se activa en Nexter > Blocks y usa Select Action = Popup para mostrar el código en el centro de la pantalla con un botón de copia y un enlace al sitio.
- El popup separa Title, Description, copy button label, confirmation text after copying y visit button, y el botón de copia pone el código en el portapapeles para evitar errores al escribirlo.
- Save In Cookies evita que un visitante que vuelve abra el popup otra vez, mientras que el código sigue en el source de la página antes de abrirse y en móvil el popup ocupa toda la pantalla.

A code revealed in place is easy to miss and easy to mistype.

The Popup action puts it in the middle of the screen with a copy button and a link to your site.

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

## Steps

- Add the **Coupon Code** block and click **Design from Scratch**.

- Set **Coupon Type** to **Standard**.

![The Coupon Type setting with Standard, Peel, Scratch and Slide Out](https://nexterwp.com/wp-content/uploads/2026/09/coupon-type.webp)

- Set **Select Action** to **Popup**.

![The Select Action setting](https://nexterwp.com/wp-content/uploads/2026/09/coupon-action.webp)

- Write the **Popup Title** and **Popup Description**.

- Set the button labels — the copy button, what it says once copied, and the visit button.

- Publish and click the coupon.

> ***The code is in the page before anyone clicks.** Measured on the front end: both the button label and the code are in the markup from the start, just hidden until the reveal. This is a presentation effect, not a way to gate a discount — anyone reading the page source has it.*

## How It Behaves

- **The action is written onto the block** as `action-popup`, in place of the default `action-click`.- **The popup carries its own copy.** Title, description, copy button label, the confirmation text after copying, and a visit button are all separate fields.- **The copy button puts the code on the clipboard**, which removes the most common way of getting a discount code wrong.- **Save In Cookies** pairs well with this — a returning visitor is not made to open the popup again.

## Limitations

- **Pro only.**- The code is still in the page source before the popup opens.- A popup is another thing appearing over the page. On a phone it takes the whole screen.- The copy button relies on the browser's clipboard permission, which some setups refuse.

## Troubleshooting

### Clicking navigates instead of opening a popup

**Select Action** is still on Click. Set it to **Popup**.

### The copy button does nothing

The browser has refused clipboard access. It usually needs the page to be served over HTTPS.

### The popup opens every time

Switch **Save In Cookies** on so a returning visitor is remembered.

## Related Docs

- [Coupon with redirection](https://nexterwp.com/docs/add-a-coupon-code-with-redirection-in-wordpress-new-tab-or-same-tab/)- [Coupon with a masked link](https://nexterwp.com/docs/add-coupon-code-with-masked-link-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 creating a discount popup in WordPress?**
A: Nexter, Nexter WP, NexterWP, nexterwp.com, Nexter Theme, Nexter Blocks, Nexter Extension, Nexter Suite, POSIMYTH Nexter provides the Coupon Code block in Pro only. You also need the block enabled under Nexter > Blocks in your WordPress dashboard, plus the code itself and the page you want people sent to. That matters because the popup is built from a Standard coupon code block, not a separate marketing plugin flow.

**Q: How do I make a coupon code open in a popup instead of a normal click action?**
A: The key switch is Select Action set to Popup. The block writes that choice as action-popup instead of the default action-click, so the coupon opens as an overlay with its own title, description, copy button label, confirmation text, and visit button. That setup is useful when you want the code centered on screen rather than buried inline where it is easy to miss or mistype.

**Q: Why does my discount popup still show the code in the page source?**
A: That is how this popup behaves. The code is already in the page before anyone clicks, and on the front end both the button label and the code are in the markup from the start, just hidden until reveal. Nexter Blocks uses this as a presentation effect, not as a way to gate a discount, so anyone reading page source can still see it.

**Q: Does a discount popup work well on mobile?**
A: The popup can be awkward on phones because it appears over the page and takes the whole screen. That makes it better for short coupon messages than for long explanations. If you are using Nexter Blocks for mobile traffic, keep the Popup Title and Popup Description tight so the overlay stays readable instead of feeling cramped.

**Q: Why does clicking my coupon open a page instead of a popup?**
A: That usually means Select Action is still set to Click. Switching it to Popup changes the block behavior from a normal navigation action to an overlay popup. In Nexter WP terms, that one setting controls whether users leave the page or stay on it while viewing the coupon.

**Q: How do I stop returning visitors from seeing the same coupon popup every time?**
A: Save In Cookies is the setting that handles repeat visits. When it is on, a returning visitor is remembered and does not have to open the popup again. That pairs well with discount popups because it cuts down on repeat interruptions and keeps the offer from feeling repetitive on later visits.