---
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-03-31
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)

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/)*