Skip to content

How to Create Discount Popup in WordPress?

Updated On : September 27, 2026By : Reading Time : 2 minutes

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.
Table of Contents

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.

LIVE BLOCK LINK

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

  1. Add the Coupon Code block and click Design from Scratch.
  1. Set Coupon Type to Standard.
The Coupon Type setting with Standard, Peel, Scratch and Slide Out
  1. Set Select Action to Popup.
The Select Action setting
  1. Write the Popup Title and Popup Description.
  1. Set the button labels — the copy button, what it says once copied, and the visit button.
  1. 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

Share your Thoughts

Still in Doubt? Let’s Assist You

Raise a ticket Now

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Join Us

Related Frequently Asked Questions

What do I need before creating a discount popup in WordPress?

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.

How do I make a coupon code open in a popup instead of a normal click action?

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.

Why does my discount popup still show the code in the page source?

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.

Does a discount popup work well on mobile?

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.

Why does clicking my coupon open a page instead of a popup?

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.

How do I stop returning visitors from seeing the same coupon popup every time?

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.

Last reviewed: September 28, 2026

Related Docs

How to Add a Before and After Opacity Slider in WordPress?
icon
How to Add a Blend Cursor in WordPress?
icon
How to Add a Blockquote in WordPress?
icon
How to Add a Button in a WordPress Message Box?
icon
How to Add a Button in WordPress Timeline?
icon
How to Add a Call to Action Banner in WordPress?
icon
123………………………………………………………………53