---
title: "How to Add a Coupon Code with Redirection in Elementor? (New Tab or Same Tab)"
url: https://theplusaddons.com/docs/coupon-code-with-redirection-in-elementor/
date: 2024-02-21
modified: 2026-04-09
author: "Aditya Sharma"
description: "Do you want to redirect users to a URL after clicking on the coupon code in Elementor? Redirecting users on clicking the coupon code can be a great way to..."
image: https://theplusaddons.com/wp-content/uploads/2024/02/How-to-Add-a-Coupon-Code-with-Redirection-in-Elementor_-New-Tab-or-Same-Tab-1024x536.jpg
word_count: 415
---

# How to Add a Coupon Code with Redirection in Elementor? (New Tab or Same Tab)

## Key Takeaways

- The Plus Addons for Elementor Coupon Code widget allows redirection to a URL in a new tab or the same tab.
- Users can add a coupon code in the Code field and specify a redirect link in the Redirect Link field.
- Selecting 'Popup' from the Select Action dropdown enables users to show a discount popup while redirecting.

Do you want to redirect users to a URL after clicking on the coupon code in Elementor? Redirecting users on clicking the coupon code can be a great way to send users directly to an affiliate website with your affiliate link to increase your affiliate commissions.

With the Coupon Code widget from The Plus Addons for Elementor, you can easily redirect users to a URL in a new tab or the same tab.

*To check the complete feature overview documentation of The Plus Addons for Elementor Coupon Code widget, [click here.](https://theplusaddons.com/docs/coupon-code-widget-settings-overview/)*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-coupon-code/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

### Open the Link in a New Tab

To do this, add the Coupon Code widget to the page and follow the steps - 

1. In the **Layout **tab, select **Standard** from the **Coupon Type** section. 

![](https://theplusaddons.com/wp-content/uploads/2024/02/Tpae-Coupon-Code-Click-Open-Code-Same-Tab.gif)

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

3. Then, under the **Content **tab, in the **Redirect Link** field, you have to add the link where you want to redirect users to.

4. Make sure to add your coupon code in the **Code** field.

5. Then select the appropriate option from the **Select Action** dropdown.

Now, when a user clicks on the coupon code, it will open and redirect users to your specified link in a new tab while revealing the coupon code in the old tab.

![Coupon Code Redirection Demo](https://theplusaddons.com/wp-content/uploads/2024/02/coupon-code-redirection-link-demo.gif)

### Open the Link in the Same Tab

To do this, add the Coupon Code widget to the page and follow the steps - 

1. In the **Layout **tab, select **Standard** from the **Coupon Type** section. 

![](https://theplusaddons.com/wp-content/uploads/2024/02/Tpae-Coupon-Code-Popup-Open-Code-New-Tab-3.gif)

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

3. Then, under the Content tab, in the **Redirect Link** field, you have to add the link where you want to redirect users to.

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

5. After that, select **Popup** from the **Select Action** dropdown.

6. Finally, enable the **Tab Reverse** toggle.

After that, do the necessary changes in the popup settings.

Now, when a user clicks on the coupon code, it will open and redirect users to a new tab showing the discount popup while opening your specified link in the old tab.

![Coupon code reverse demo](https://theplusaddons.com/wp-content/uploads/2024/02/coupon-code-tab-reverse-demo.gif)

*Suggested Read: [How to Create a Dynamic Coupon Code Listing in Elementor](https://theplusaddons.com/docs/dynamic-coupon-code-listing-in-elementor/)*

## Frequently Asked Questions

**Q: What should I do if the coupon code widget isn't redirecting users as expected?**
A: If the coupon code widget isn't redirecting users, check the Redirect Link field to ensure the URL is correctly entered. Also, verify that you've selected the appropriate action from the Select Action dropdown. For opening in a new tab, ensure that 'Standard' is selected in the Coupon Type section. A common mistake is overlooking these settings, which can prevent the expected redirection.

**Q: What is the best practice for setting up a coupon code with redirection in Elementor?**
A: A best practice for setting up a coupon code with redirection is to clearly define your goals for the redirection. If you want to open the link in a new tab, ensure you select 'Standard' in the Coupon Type and configure the Select Action dropdown correctly. This setup allows users to view the coupon code while being redirected, enhancing user experience.

**Q: How do I ensure the coupon code displays correctly after redirection?**
A: To ensure the coupon code displays correctly after redirection, make sure to add your coupon code in the Code field and select the right action in the Select Action dropdown. If you're opening the link in the same tab, enable the Tab Reverse toggle to ensure the popup appears as intended. This setup helps maintain visibility of the coupon code during the redirection process.

**Q: What happens if I forget to add a coupon code in the widget?**
A: If you forget to add a coupon code in the widget, users will not see the coupon code when they click on the link. This can lead to confusion and a missed opportunity for conversions. Always ensure that the Code field is filled out correctly to provide users with the necessary information when they click the coupon.