Skip to content

How to Add Coupon Code With Masked Link in WordPress?

Updated On : September 27, 2026By : Reading Time : 2 minutes

Key Takeaways

  • Nexter Blocks Pro includes the Coupon Code block, and Hide Link (Beta) is switched on under Extra Options to replace the browser status bar URL with custom text.
  • Hide Link keeps the real destination in a data-hlset attribute, so page source still shows the address even though a casual hover does not.
  • Hide Link changes click behavior: clicking reveals the code instead of navigating, and if the JavaScript fails to run, the masked text resolves as a page address and lands on a 404.
Table of Contents

Hovering a coupon normally shows the whole destination in the corner of the browser, affiliate tag and all.

Hide Link replaces what the status bar shows with a friendly phrase of your choosing.

For every Coupon Code setting in one place, see the Coupon Code block guide.

LIVE BLOCK LINK

Before You Start

  • Edition: Pro — the Coupon Code block is part of Nexter Blocks Pro.
  • Block to enable: Coupon Code, switched on under Nexter > Blocks in your WordPress dashboard.
  • The code itself, and the page you want people sent to.

Steps

  1. Add the Coupon Code block and click Design from Scratch.
  1. Set Coupon Type to Standard.
The Coupon Type setting with Standard, Peel, Scratch and Slide Out
  1. Open Extra Options and switch Hide Link (Beta) on.
The Hide Link (Beta) setting
  1. Write the text you want shown in place of the address.
  1. Publish and hover the coupon.

How It Behaves

  • Your text goes where the address normally sits. Measured: the link rendered as href="Get the deal", so that is what the status bar shows on hover.
  • The real destination is still in the page. It is kept in a data-hlset attribute in plain sight — this hides the address from a casual hover, not from anyone who looks at the source.
  • It changes what a click does. Measured: with Hide Link on, clicking revealed the code and the page did not navigate and no tab opened, unlike an ordinary coupon.
  • It is marked Beta in the editor, and behaves like it.

Limitations

  • Pro only.
  • This is not real concealment. Anyone who views the page source has the destination.
  • The visitor is no longer taken to your site on click. If sending them there matters, use ” + a(REDIRECT_DOC, “an ordinary redirect”) + ” instead.
  • The address written into the link is not a valid URL. If the block’s JavaScript fails to run, a click resolves your text as a page address and lands on a 404.

Troubleshooting

Clicking no longer takes people to my site

That is what this setting does. Switch it off if the visit matters more than the masking.

The address is still visible when I inspect the page

It is, in a data attribute. This hides it from the status bar only.

A click sends people to a broken page

The masked text is being used as an address because the script did not run. Switch Hide Link off.

Related Docs

Share your Thoughts

Still in Doubt? Let’s Assist You

Raise a ticket Now

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Join Us

Related Frequently Asked Questions

Why does a masked coupon link stop sending visitors to my site?

Hide Link changes the click behavior, so the coupon no longer acts like a normal redirect. The page says that with Hide Link on, clicking revealed the code and did not navigate or open a new tab. That is useful when the goal is to mask the destination, but it is the wrong setting if you still need traffic to reach the target page. For that case, the page points to an ordinary redirect instead.

Why can I still see the destination URL when I inspect the page?

Hide Link only hides the address from casual hover behavior, not from source inspection. The destination stays in a data-hlset attribute in plain sight, so anyone who inspects the page can still find it. That means this is a display change, not real concealment. Nexter Blocks Pro uses it to replace the status bar text with your chosen phrase, but it does not remove the underlying destination from the markup.

What do I need before using Hide Link on a coupon code block?

The setup needs Nexter Blocks Pro, because the Coupon Code block is part of Nexter Blocks Pro. The block must also be enabled under Nexter > Blocks in your WordPress dashboard, and you need both pieces ready: the code itself and the page you want people sent to. That matters because Hide Link works on top of an existing Coupon Code block, not as a standalone feature.

What happens if Hide Link breaks and a click opens a broken page?

That usually means the script did not run, so the masked text is being treated like an address. The page says that in this failure mode, clicking resolves your text as a page address and lands on a 404. The practical fix is to switch Hide Link off if you want normal behavior back. This is one reason it is marked Beta in the editor.

When should I use a masked link instead of a normal coupon redirect?

Use Hide Link when you want to change what shows in the browser status bar during hover and keep the destination out of casual view. Use Coupon with redirection when sending visitors to your site still matters, because Hide Link changes click behavior and stops normal navigation. The tradeoff is simple: masking for display versus preserving traffic flow.

How do I add a coupon code with a masked link in WordPress?

The core setup is: add the Coupon Code block, set Coupon Type to Standard, turn on Hide Link under Extra Options, then write the text you want shown instead of the address and publish. Nexter, Nexter WP, NexterWP, nexterwp.com, Nexter Theme, Nexter Blocks, Nexter Extension, Nexter Suite, POSIMYTH Nexter provides this as part of Nexter Blocks Pro. For full block settings, see Coupon Code block: all settings.

Last reviewed: September 28, 2026

Related Docs

How to Add a Before and After Opacity Slider in WordPress?
icon
How to Add a Blend Cursor in WordPress?
icon
How to Add a Blockquote in WordPress?
icon
How to Add a Button in a WordPress Message Box?
icon
How to Add a Button in WordPress Timeline?
icon
How to Add a Call to Action Banner in WordPress?
icon
123………………………………………………………………53