---
title: "How to Add Coupon Code With Masked Link in Elementor?"
url: https://theplusaddons.com/docs/coupon-code-with-masked-link-in-elementor/
date: 2024-02-21
modified: 2026-09-22
lang: en
author: "Aditya Sharma"
description: "A long tracking address in the corner of the browser does not inspire a click. Hide Link lets you put your own wording there instead. The same setting also lets..."
image: https://theplusaddons.com/wp-content/uploads/2024/02/How-to-Add-Coupon-Code-With-Masked-Link-in-Elementor_-1024x536.jpg
word_count: 914
---

# How to Add Coupon Code With Masked Link in Elementor?

## 

- Hide Link in the Coupon Code widget masks the browser address with custom wording, and a measured example uses Link Masking Text set to best-deal.
- Open URLs : Single/Multiple opens more than one address from one click, and a test with two rows plus Redirect Link opens three new tabs.
- The Coupon Code widget requires The Plus Addons for Elementor Pro, Elementor (free) installed and active, and Select Action set to Click for Hide Link to appear.
- Empty rows in Open URLs : Single/Multiple still open a tab because the Link field defaults to #, so unused rows need deletion instead of blanking.

A long tracking address in the corner of the browser does not inspire a click. **Hide Link** lets you put your own wording there instead.

The same setting also lets one coupon open more than one address at a time, which is how you send a visitor to a shop and to a tracking URL in one gesture.

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**.- **The action must be Click.** **Hide Link** only appears when **Select Action** is **Click**. It does not exist for the popup.

## Mask the link

- Edit the page with Elementor and drag the **Coupon Code** widget onto it.- In **Content > Layout**, leave **Coupon Type** on **Standard** and pick a **Standard Style**.- In **Content > Content**, write the button text in **Title**, type the coupon into **Code**, and leave **Select Action** on **Click**.- Turn on **Hide Link**. Two more fields appear.- In **Link Masking Text**, type the wording you want the browser to show. It starts as `#`.- Open the row under **Open URLs : Single/Multiple**, give it a **Label** for your own reference, and paste the real address into **Link**. Use **Add Item** for each further address.

![Turning on Hide Link and filling in the masked URLs.](https://theplusaddons.com/wp-content/uploads/2024/02/Tpae-Coupon-Code-Add-Code-With-Masked-Link-3.gif)

## The fields

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| **Hide Link** | Turns the whole masking feature on. | off |
| **Link Masking Text** | What the browser shows instead of the address. | `#` |
| **Open URLs : Single/Multiple** | One row per address the click should open. | one row, labelled `Wordpress` |
| **Label** (in a row) | Your own name for the row. Not shown to visitors. | `Label` |
| **Link** (in a row) | The address that row opens. | `#` |

> *If **Redirect Link** also has an address in it, that address is masked and opened as well, after the rows. It is not replaced by them.*

## How It Behaves

- **The wording you type becomes the link's address.** Measured on a published page with **Link Masking Text** set to `best-deal`: the coupon's link pointed at `best-deal`, so the browser showed your own site's address with `/best-deal` on the end. The real addresses are held separately and are not in the link.- **One click opens every address in the list.** With two rows filled in and a **Redirect Link** set as well, a single click opened three new tabs - the two rows and the redirect - and revealed the code in place.- **Order matters.** The rows open in the order they appear in the panel, and **Redirect Link** opens last.- **The code is revealed either way.** Masking changes where the click goes, not what the coupon shows.

![A coupon with a masked link opening its real URLs on the front end.](https://theplusaddons.com/wp-content/uploads/2024/02/coupon-code-hide-link-demo.gif)

## Limitations

- **An empty row in Open URLs : Single/Multiple still opens a tab.** The **Link** field defaults to `#`, and a row left at that default opens a new tab showing the current page. Delete rows you are not using instead of blanking them.- **Whatever you type becomes a path on your own site.** The masking text is used as the address exactly as written, so a visitor who copies the link copies a URL on your domain that probably does not exist. Keep it short and descriptive - it is a label the browser happens to show, not a working address.- **Several tabs at once will often be blocked.** Browsers allow the first tab opened by a click and frequently block the rest. Two or three addresses is already ambitious; test what actually opens.- **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.

## Not verified

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

- **Masking text containing slashes, spaces or punctuation.** One plain word was measured. Anything else may be rewritten by the browser when it resolves the address.- **How many tabs a given browser will allow.** Three opened in the test browser; no other browser was tried.- **The Style tab.** Standard **Style 1** and **Style 3** were rendered; no colour, typography, border or popup-styling control was exercised.

## Troubleshooting

### Hide Link is not in the panel

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

### A tab of my own page keeps opening

A row still has its default **Link** of `#`. Delete rows you are not using rather than clearing their address.

### Only the first address opens

The browser blocked the rest. Reduce the list, or send the visitor to one address that handles the rest of the tracking itself.

### The browser still shows the real address

**Hide Link** is off, or **Link Masking Text** is empty. An empty masking text turns the masking off entirely.

## Related Docs

- [Coupon Code Widget: Settings Overview](https://theplusaddons.com/docs/coupon-code-widget-settings-overview/)- [How to Add a Coupon Code with Redirection in Elementor? (New Tab or Same Tab)](https://theplusaddons.com/docs/coupon-code-with-redirection-in-elementor/)- [How to Create Discount Popup in Elementor?](https://theplusaddons.com/docs/discount-popup-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 using a masked coupon link in Elementor?**
A: The setup depends on the Pro version of The Plus Addons for Elementor, because Coupon Code ships only in The Plus Addons for Elementor Pro. Elementor free also has to be installed and active. The widget itself must be enabled from The Plus Addons &gt; Widgets, and the action has to be Click. That matters because Hide Link only appears for Click, not Popup.

**Q: How do I hide the real coupon URL behind custom text?**
A: Hide Link turns the visible address into your own wording instead of the real destination. In practice, you keep Coupon Type on Standard, set Select Action to Click, turn on Hide Link, then fill in Link Masking Text with the text you want the browser to show. The page’s example used best-deal, which made the browser display a path on your own site instead of the tracking address.

**Q: Can one coupon code open more than one link at once?**
A: The masked-link setup can open multiple addresses from a single click. Each row under Open URLs : Single/Multiple represents one address, and Redirect Link is opened too if it has a value. The page’s test showed three new tabs from one click when two rows were filled plus Redirect Link. That makes this useful when you want a shop visit and a tracking URL from the same coupon action.

**Q: Why does my browser still show the real address instead of masked text?**
A: That usually means Hide Link is off or Link Masking Text is empty. An empty masking text disables masking entirely, so the browser keeps showing the real destination. The important detail is that masking changes what appears in the address bar, not what the coupon code itself says, so the code still reveals in place when Click is used.

**Q: Why does an extra tab keep opening on my own site?**
A: A row in Open URLs : Single/Multiple still has its default Link value of #. That default points back to the current page, so it opens another tab on your own site instead of a real destination. The clean fix is to delete rows you are not using rather than leaving blank entries behind.

**Q: What is the best way to use masked links without running into browser blocking?**
A: Keep the list short and treat masking text as a label, not as a real URL you expect visitors to reuse. The page notes that several tabs at once are often blocked, and browsers commonly allow only the first tab opened by a click while blocking the rest. It also says copied masking text becomes a path on your own domain that probably does not exist, so short descriptive text works better than long or complex strings.
