OptinMonster Documentation

Documentation, Reference Materials, and Tutorials for OptinMonster

Home

Docs

How to Use MonsterLinks™ to Load Your Popup with the Click of a Button

How to Use MonsterLinks™ to Load Your Popup with the Click of a Button

OptinMonster makes it easy to trigger a campaign to popup with the click of a link or button on your site. Create a 2-step optin campaign from any link on your site using our MonsterLink feature.

In this article, you’ll learn how to create a MonsterLink to show a campaign with the click of a button or link.

Before you start, this feature is available with a Pro and higher subscription.

  • MonsterLink™ cannot be configured for Inline type campaigns.
  • A MonsterLink™ will ignore all other Display Rules configured and always show the campaign when the MonsterLink™ is selected.
  • A MonsterLink is one of our most effective campaign triggers, easily increasing conversions by 2x or more.

Configure MonsterLink

When you create a campaign in OptinMonster you can rapidly increase conversions by triggering it to appear using a MonsterLink.

To create a MonsterLink, follow these steps:

  1. Navigate to the Display Rules view in the campaign builder.
    Navigate to the Display Rules in the OptinMonster campaign builder.
  2. Next, when adding or editing a rule select When (Triggers) from the left-hand list and select the MonsterLink™ option.
    MonsterLink rule in OptinMonster.
  3. You’ll be provided with a sample HTML link you can click to copy.
    MonsterLink copy link.
  4. When you’re finished, Save the campaign.

Add MonsterLink

Once you’ve created a MonsterLink, you’ll want to add it to your website.

You can find the MonsterLink code to add to your site from:

  1. Within the Display Rules screen next to the MonsterLinkrule you configured in the previous section of this article.
    MonsterLink copy link.
  2. Alternatively, from the Publish screen in the campaign builder within the Click to Load tab.
    Copy the MonsterLink sample code from the Publish screen of the OptinMonster campaign builder.

Place the MonsterLink code within your site content where you wish to have it appear.

WordPress Required Step

IMPORTANT:

When the MonsterLink rule is activated, all of your other rules will be turned off, such as page-targeting, time delay, exit-intent, etc. This is because the MonsterLink popup will only show if the MonsterLink is clicked. If you want to trigger the campaign via something else, like Exit-Intent, as well as the MonsterLink, you’ll need to create and configure a second Ruleset.

If you are using the WordPress OptinMonster WordPress plugin, please follow these steps to ensure you can add your MonsterLink anywhere on your site:

  1. Navigate to the WordPress Admin Dashboard > OptinMonster screen and confirm the campaign you’ve configured to appear by MonsterLink is set to Published status.
    Set the MonsterLink Status to Published in the OptinMonster WordPress plugin
  2. Within the Output Settings for the same campaign, ensure all Advanced Output Settings are disabled.
    Configure the Output Settings for your campaign in the WordPress plugin.

Example Configuration

You can add a MonsterLink as a text link, button link, or even a clickable image. The following are examples of each to help you get started.

You can copy and paste any of the following examples, but please be sure to edit the MonsterLinkURL to match that of your specific campaign’s.

Text MonsterLink™

This text MonsterLink is an example of adding the MonsterLink as text on your page and uses the default MonsterLink code.

Button MonsterLink

Very similar implementation to the text link, but this time you use it to make a button. The default button design depends on your CSS on your site.

You may need to replace the class “button” with your own theme-specific class. Some themes use button as a class while others use alternative naming conventions. Refer to your theme’s documentation for information about button classes.

Image MonsterLink

In this example, we’ll place an image inside of our MonsterLink instead of text to trigger the campaign to appear when the image is selected.

Show a Different Campaign on Mobile

In this example, we’ll show one campaign on Desktop / Tablet devices and a different campaign on Mobile devices using the data-mobile-slug attribute.

Dynamic MonsterLinks

Need to add the same MonsterLink to several areas of a page? You can dynamically add MonsterLinks targeting a specific ID, Class, or other selector in the HTML.

To dynamically add MonsterLinks to your page, follow these steps:

  1. Below we provide two examples of Javascript to accomplish your goal. Choose the most appropriate example for how you wish to target the link(s) on your site.
  2. Update the code to indicate the specific link element you wish to set as a MonsterLink AND add your campaign’s MonsterLink URL.
  3. Next, add the Javascript directly to your website to all pages where it should add dynamic MonsterLinks.

FAQs

Can I split-test a MonsterLink?

Yes, you can Split-Test a MonsterLink.

Be sure to copy the MonsterLink for the primary campaign in your split-test.

If you change which campaign is the primary in your split-test be sure to update the MonsterLink on your site to use the new primary.

Can I have one campaign for desktop users and another campaign for mobile/tablet users on the same MonsterLink™?

Yes! To do this you’ll use the data-mobile-slug attribute to add the campaign you wish to show on Mobile devices. Like this:

Can all campaign types be made into a MonsterLink?

All popup-type campaigns can be made into a MonsterLink, e.g. Lightbox, Fullscreen, Floating Bar, and Slide-in.

Inline campaigns, which don’t pop up but rather show in the page’s content, cannot be made into a MonsterLink.

Can I create a landing page where people can signup for my Campaign?

Yes! This can be done using our Shareable MonsterLink feature.

Can I create a MonsterLink from a non-link (a) tag?

Yes, to accomplish this be sure to add class="om-monster-link" to the HTML element you’re creating a MonsterLink from. For example:


If you’re serious about jumpstarting your website business growth, then get started with OptinMonster today!

Get Started With OptinMonster Today!

BONUS: Done-For-You Campaign Setup ($297 value)

Our conversion experts will design 1 free campaign for you to get maximum results – absolutely FREE!

Click here to get started →

Troubleshooting

In WordPress, why does the MonsterLink show up as code on the page?

Be sure to add your MonsterLink using the text editor and not the visual editor.

If you’re using Gutenburg, you’ll want to add a Custom HTML block.


Still stuck?

How can we help?

Last updated on


Start Getting More
Leads & Sales Today
with OptinMonster!

Create and launch smart capture forms today in minutes. What are you waiting for?

Create and launch smart capture forms
today in minutes. What are you waiting for?

OptinMonster has transformed our business. Before integrating their optins, our clients saw a 2% conversion rate from web traffic, which is slightly above the standard for their industry. With the integration of OptinMonster’s lightbox popup, exit-intent technology, split testing, and other tools, our client’s conversion rates soared by an unprecedented 500%. They attracted substantially more customers while spending less on digital advertising. Their success propelled them to the top of their markets, outperforming national chains and other medical spas with much bigger marketing budgets. Our client’s success in their market has distinguished us in our own. We are now one of the most sought-after marketing firms in the industry of aesthetic medicine. We know that the integration of OptinMonster, more than any other tool or marketing strategy, has supported this growth and achievement.

chris zelig medstar media

Chris Zelig

Partner, Medstar Media

OptinMonster has been a game-changer for us. From driving donations to collecting new leads, there is nothing that this simple tool has failed to accomplish. Our lead collection rate has jumped by over 1,000%.

joe lowe american bird conservancy

Joe Lowe

Director of Digital Communications, American Bird Conservancy

Through OptinMonster’s exit-intent popups, we have more than doubled our sales conversion rate. Best of all is the compound effect of using OptinMonster over a long period of time—more conversions mean more customers, which means more word of mouth.

mitch smith, managing director, shockbyte

Mitch Smith

Managing Director, Shockbyte.com