---
title: "How to Create Discount Popup in WordPress?"
url: https://nexterwp.com/docs/create-discount-popup-in-wordpress/
date: 2024-12-31
modified: 2026-04-14
author: "Aditya Sharma"
description: "Do you want to display discount codes in a WordPress popup? Offering discounts and promotions is a powerful way to attract new customers and retain existing ones. By using a..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Create-Discount-Popup-in-WordPress_-1024x519.jpg
word_count: 345
---

# How to Create Discount Popup in WordPress?

## Key Takeaways

- Nexter Blocks includes a Coupon Code block that allows users to create discount popups in WordPress.
- Users can customize the popup by adding a title, description, and copy button text in the Coupon Code block settings.
- The Extra Options tab in the Coupon Code block provides a toggle to show the discount popup in a new tab.

Do you want to display discount codes in a WordPress popup? Offering discounts and promotions is a powerful way to attract new customers and retain existing ones. By using a popup, you can showcase the coupon code along with additional content, making your offer more engaging and noticeable.

With the Coupon Code block from Nexter Blocks, you can easily create a discount popup in WordPress.

*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 **Standard** from the **Coupon Type** section.

2. After selecting an appropriate style from the **Standard Style** section, add a title in the **Title** field.

You can add a redirection for the coupon code from the **Redirect Link** field.

3. Then go to the Copy Code section and add your coupon code in the **Code** field.

4. Finally select **Popup** from the **Select Action** section. Then you’ll see different popup related options - 

**Arrow** - From here, you can add arrows on both sides of the code box.

**Title** - From here, you can add a title to the popup.

**Description** - From here, you can add a description in the popup.

**Copy Button** - From here, you can change the copy button text. Using this button you can easily copy the coupon code with a single click.

**After Copy** - From here, you can set the text that will show after the code is copied.

**Visit Button** - From here, you can change the visit button text.

> *Note: This will link to the URL set in the Redirection Link field.*

In the **Extra Options** tab, you’ll find some additional options - 

**Tab Reverse** - From this toggle, you can show the discount popup in a new tab.

Now when you click on the coupon code it will show in a popup.

## Frequently Asked Questions

**Q: What should I do if the discount popup doesn't appear after setting it up?**
A: If the discount popup isn't showing, first ensure that the Coupon Code block from Nexter Blocks is properly installed and activated. Check your settings in the Select Action section to confirm that 'Popup' is selected. Additionally, verify that your coupon code is correctly entered in the Code field. If everything seems correct, try clearing your browser cache or testing in a different browser to rule out any caching issues.

**Q: What are the best practices for designing an effective discount popup?**
A: To design an effective discount popup, choose an eye-catching style from the Standard Style section and ensure your title is clear and compelling. Adding a description can provide context for the offer, making it more appealing. Additionally, consider using the Copy Button feature to allow users to easily copy the coupon code, enhancing user experience and increasing the likelihood of conversions.

**Q: Does the discount popup work on mobile devices?**
A: The discount popup created with the Coupon Code block is responsive and should work on mobile devices. However, always test the popup on different screen sizes to ensure it displays correctly. This is crucial as mobile users may interact differently than desktop users, and ensuring a seamless experience can significantly impact engagement.

**Q: What happens if I forget to set a redirection link for the coupon?**
A: If you forget to set a redirection link for the coupon, the visit button in the popup will not direct users to any specific URL. This could lead to a missed opportunity for additional engagement or sales. It's advisable to always include a relevant link in the Redirect Link field to guide users to a landing page or product that complements the discount offer.

**Q: Are there any limitations when using the Coupon Code block for popups?**
A: One limitation to consider is that the Coupon Code block is part of Nexter Blocks, so it requires installation and activation to function. Additionally, while the block offers customization options, the overall effectiveness of the popup will depend on how well it aligns with your website's design and user experience. Ensure that the popup complements your site's aesthetics to avoid disrupting the user journey.