How to Add Coupon Code With Masked Link in Elementor?

Updated on February 21, 2024 by Ananda
Table Of Content

Do you want to create coupon codes with masked links in Elementor? Masked links allow you to hide the original link with a custom link, this can help you hide long affiliate links with a user friendly link that can improve the click through rate.

With the Coupon Code widget from The Plus Addons for Elementor, you can easily mask multiple links.

To check the complete feature overview documentation of The Plus Addons for Elementor Coupon Code widget, click here.

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

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

1. In the Content tab, select Standard from the Coupon Type dropdown.

Coupon code hide link

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

You can leave the Redirect Link field blank.

3. After setting the appropriate style and code for the coupon, select Click from the Select Action dropdown.

4. Then enable the Hide Link toggle.

5. In the Link Masking Text field, add the text you want to show in the URL when hovering over the coupon code. This text will work as the mask for your URL.

6. Then you’ll see an item under the Open URLs : Single/Multiple section, open it.

In the Label field, you can add a label for the link.

7. Then in the Link field, add your actual URL.

You can click on the + Add Item button to add multiple links.

Note: If you’ve added any link in the Redirect Link field, that will be masked with your text as well.

Now if someone hovers over the coupon code it will show your text in the URL but on click it will open your specified URLs.

Coupon code hide link demo
OR
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]



    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website
    X