Hash Link Syntax #
Alright, did you know you can link your Popup Maker popup using a hash (#) link? If you add something like #popmake-123 as a link or edit your link’s HTML to have href="#popmake-123", then you got yourself a click trigger for your popup.
Super simple, yeah? Here’s a complete code example for that.
<p>Click this link to open popup ID 123:</p>
<a href="#popmake-123" class="button">Turbo-charge Your Popups Instantly!</a>
<p>Replace 'popmake-123' with your actual Popup Maker CSS class.</p>
View the source on GitHub.
How To Put Together the Hash Link #
To grab your popup’s CSS class, just head over to Popup Maker > All Popups. Look for the CSS Class column.
You’ll see something like popmake-{number}. Stick a # in front of that CSS class, and you’ve got your popup’s hash link.
Using the example in the screen capture above, our popup hash link would be #popmake-15.
Oh, and you can also use your popup’s hash link for menu links. If you’re interested, head over to Open a Popup from a WordPress Nav Menu for all the details.
Other Ways to Open Popups With a Click #
Heads up. There’s one potential hiccup.
Some themes are greedy over # links. They see that # and go, “Mine!” And then, boom, your popup’s just sitting there, ignored.
If that happens to you, read our Click Open Trigger Overview and Methods guide to learn other ways (5 of them) to open your popup with a click!
