---
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-09-22
lang: en
author: "Aditya Sharma"
description: "A coupon is usually only half the job. The visitor takes the code, and then has to get to the shop where it works - often an affiliate site. The..."
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: 933
---

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

## 

- The Coupon Code widget in The Plus Addons for Elementor Pro opens a shop link and reveals the code in one click, with the tab behavior controlled by one setting.
- Select Action Click opens the Redirect Link in a new tab and replaces the button with the code in the original tab, while Select Action Popup uses a popup with Copy Code and Visit Site buttons.
- Tab Reverse swaps the two routes so the current tab goes to the Redirect Link and a second tab opens with the coupon popup already open.
- The Click action does not copy the code, cannot be undone after reveal, and closing the popup strips query strings from the URL, including addresses like /?page_id=4610.

A coupon is usually only half the job. The visitor takes the code, and then has to get to the shop where it works - often an affiliate site.

The **Coupon Code** widget can do both in one click. Which tab the shop opens in depends on one setting.

For the full settings tour of the **Coupon Code** widget, see [Coupon Code Widget: Settings Overview](https://theplusaddons.com/docs/coupon-code-widget-settings-overview/).

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

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

## Before You Start

- **Edition:** **Pro** — **Coupon Code** ships only in The Plus Addons for Elementor Pro. The free plugin contains no coupon widget at all, so there is nothing to fall back to.- **Prerequisite:** [Elementor](https://wordpress.org/plugins/elementor/) (free) installed and active.- **Widget to enable:** go to **The Plus Addons > Widgets**, search for **Coupon Code** and turn its toggle on. This is the **Widgets** screen, not **Extensions**.- **Have the destination ready.** The address goes in **Redirect Link**. Both routes below use that one field.

## Open the link in a new tab

- Edit the page with Elementor and drag the **Coupon Code** widget onto it.- In **Content > Layout**, leave **Coupon Type** on **Standard** and pick a picture under **Standard Style**.- In **Content > Content**, write the button text in **Title** and paste the destination into **Redirect Link**.- Type the coupon into **Code**.- Leave **Select Action** on **Click**.

![Setting a Redirect Link with the Click action in the Elementor panel.](https://theplusaddons.com/wp-content/uploads/2024/02/Tpae-Coupon-Code-Click-Open-Code-Same-Tab.gif)

On the published page, clicking the coupon does two things at once: the button is replaced in place by the code, and the destination opens in a new tab. The visitor keeps the code in front of them in the tab they were on.

![The coupon after a click: the button is replaced by the code itself.](https://theplusaddons.com/wp-content/uploads/2026/09/couponcode-result-click-revealed.webp)

![A coupon revealing its code and opening the link in a new tab.](https://theplusaddons.com/wp-content/uploads/2024/02/coupon-code-redirection-link-demo.gif)

## Open the link in the same tab

This route uses the popup, and it sends the two halves to different tabs: your link takes over the tab the visitor was on, and the popup with the code opens in a new one.

- Set up the widget as above - **Standard**, a **Standard Style**, a **Title**, a **Redirect Link** and a **Code**.- Set **Select Action** to **Popup**. The popup fields appear.- Turn on **Tab Reverse**. It only exists once the action is **Popup**.- Fill in the popup's **Title**, **Description**, **Copy Button**, **After Copy** and **Visit Button** as you want them.

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

Measured on a published page: after the click the original tab went to the **Redirect Link**, and a second tab opened showing the same page with the coupon popup already open, reading the popup title, the description, the code, **Copy Code** and **Visit Site**.

![Tab Reverse sending the link to one tab and the popup to another.](https://theplusaddons.com/wp-content/uploads/2024/02/coupon-code-tab-reverse-demo.gif)

## Which one to use

| Setting | Where the shop opens | Where the code is |
| ------- | -------------------- | ----------------- |
| **Select Action** **Click** | A new tab. | In place, in the tab the visitor was already on. |
| **Select Action** **Popup** | Only when the visitor presses **Visit Site**. | In the popup, with a copy button. |
| **Popup** plus **Tab Reverse** | The tab the visitor was on. | In a popup in a new tab. |

## How It Behaves

- **Click opens exactly one new tab.** With a **Redirect Link** set, one click produced one new tab at that address and revealed the code in the original tab.- **With no Redirect Link, Click opens nothing.** The code is still revealed.- **Tab Reverse really does swap the two.** The link took the current tab and the popup took a new one - not the other way round.- **Without Tab Reverse, the popup's link is manual.** Nothing is opened until the visitor presses **Visit Site**.

## Limitations

- **The Click action reveals the code; it does not copy it.** Only the **Popup** action has a **Copy Code** button. With **Click** the code is simply printed in place and the visitor has to select it by hand.- **The reveal cannot be undone.** Once the code is shown, the button that said **Show Code** is replaced by the code itself. There is no way back to the button without reloading the page.- **Closing the popup rewrites the address bar.** The close handler strips the query string from the URL, so a visitor who arrived on `?utm_source=…` or on any filtered or paginated address loses it the moment they close the popup. Measured: a page opened at `/?page_id=4610` showed `/` after the popup was closed.- **Pop-up blockers apply.** Both routes open a tab from JavaScript during a click. That is normally allowed, but a strict blocker or an in-app browser can still stop it.- **Nothing here adds a `nofollow` or sponsored marker for you.** If the destination is an affiliate link, check your site's own disclosure requirements.

## Not verified

So you know exactly what has and has not been checked:

- **The Style tab.** Standard **Style 1** and **Style 3** were rendered; no colour, typography, border or popup-styling control was exercised.- **Behaviour in an in-app browser** (a link opened inside a social app). Both routes were measured in a desktop Chromium only.- **A destination on another domain.** The measured link pointed at the test site itself; nothing in the widget treats an external address differently, but that was not separately observed.

## Troubleshooting

### Tab Reverse is not in the panel

It needs **Coupon Type** **Standard** and **Select Action** **Popup**. With **Click** you get **Hide Link** in its place.

### Nothing opens when the coupon is clicked

Check **Redirect Link** is filled in, then check the browser did not block the new tab. Test on the published page, not in the editor preview.

### The visitor sees the popup but the shop never opens

Without **Tab Reverse** the popup does not navigate anywhere on its own - the visitor has to press **Visit Site**. Give that button a label that says so.

## Related Docs

- [Coupon Code Widget: Settings Overview](https://theplusaddons.com/docs/coupon-code-widget-settings-overview/)- [How to Create Discount Popup in Elementor?](https://theplusaddons.com/docs/discount-popup-in-elementor/)- [How to Add Coupon Code With Masked Link in Elementor?](https://theplusaddons.com/docs/coupon-code-with-masked-link-in-elementor/)- [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 do I need before adding a coupon code with redirection in Elementor?**
A: The setup depends on The Plus Addons for Elementor Pro, because the Coupon Code widget ships only in the Pro version. Elementor itself also needs to be installed and active. The other practical requirement is the destination URL, since both the new-tab and same-tab routes use the same Redirect Link field. If the widget is not enabled under The Plus Addons > Widgets, nothing else in the tutorial can work.

**Q: How do I make a coupon code open the shop in a new tab?**
A: Use the Coupon Code widget with Coupon Type set to Standard, add a Standard Style, enter the button text in Title, paste the destination into Redirect Link, and keep Select Action on Click. In that mode, one click reveals the code in place and opens the shop in a new tab. That is useful when you want visitors to keep the coupon visible while they continue browsing.

**Q: How do I make the coupon popup send visitors to the shop in the same tab?**
A: Set Select Action to Popup and turn on Tab Reverse. That combination swaps the behavior so the current tab goes to the Redirect Link while the popup with the coupon opens in a new tab. The popup fields then let you set Title, Description, Copy Button, After Copy, and Visit Button. This is the route to use when you want the shop to take over the original tab.

**Q: Which option should I use: Click or Popup?**
A: Click is better when you want instant code reveal and a new tab for the shop. Popup is better when you want a copy button and more control over what visitors see before they leave. The page’s comparison is simple: Click opens a new tab and shows the code in place, while Popup keeps the code inside a popup and only navigates when Visit Site is pressed unless Tab Reverse is enabled.

**Q: Why does nothing happen when I click the coupon code?**
A: The two most common causes are an empty Redirect Link or browser blocking of popups or new tabs. The page also says this should be tested on the published page, not in Elementor preview, because preview can behave differently. If Click is set with no Redirect Link, nothing opens even though the code still reveals, so that field is worth checking first.

**Q: Why does the popup show but not open the shop?**
A: Without Tab Reverse, Popup mode does not navigate anywhere by itself. The visitor has to press Visit Site inside the popup for anything to open. That makes button labeling important, because users need a clear cue that this extra click is required. In practice, Tab Reverse is what turns Popup into an automatic handoff instead of a manual one.