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

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

In this article, you’ll learn how to use MonsterLinks to show a campaign.

Before You Start

Here are some things to know before you begin:

  • MonsterLinks require a Pro or higher subscription.
  • MonsterLinks can be used with any popup type campaign (e.g. Lightbox, Fullscreen, Floating Bar, and Slide-In). They cannot be used with Inline campaigns.
  • A MonsterLink is one of our most effective campaign triggers, easily increasing conversions by 2x or more.

Create a 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 tab in the campaign builder.
    Display Rules Tab
  2. In the Display Rules Conditions panel add a rule for visitor clicked MonsterLink.
    Choose MonsterLink Rule
  3. When you’re finished, click Save.

Add MonsterLink

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

To add a MonsterLink to your site, follow these steps:

  1. Navigate to the Display Rules tab in the campaign builder.
  2. To the right of MonsterLink rule you’ve configured, select the Copy MonsterLink Code button.
  3. Next, you can paste your link somewhere on your site. If you are using an editor, you may only need the URL. If you are using the HTML code, it will look something like the following (although your slug on the end will be different).
    <a href="https://app.monstercampaigns.com/c/aclizd4ba0gfjv9u1hhu/" target="_blank">Subscribe Now!</a>
For WordPress Users Only

If you are using the WordPress OptinMonster API 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 Live status.
  2. Within the Output Settings for the same campaign, ensure all Advanced Output Settings are disabled.

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 MonsterLink URL 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.

<a href="https://app.monstercampaigns.com/c/aclizd4ba0gfjv9u1hhu/" target="_blank">Subscribe Now!</a>
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.

<a href="https://app.monstercampaigns.com/c/aclizd4ba0gfjv9u1hhu/" target="_blank" class="button">Subscribe Now!</a>
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.

<a href="https://app.monstercampaigns.com/c/aclizd4ba0gfjv9u1hhu/" target="_blank"><img src="http://www.example.com/image.jpg" alt="Call to action text in case your image doesn't load." height="" width="" /></a>

Troubleshooting

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?

It’s not possible to use the same link to show two different campaigns. However, you can use CSS’s media queries to accomplish this.

To do this, you’ll add two MonsterLinks; one that is set to load the desktop campaign and the second to load your mobile campaign. Each MonsterLink should have one additional unique class added to them so they might look like:

<a href="https://app.monstercampaigns.com/c/aclizd4ba0gfjv9u1hhu/" target="_blank" class="desktop-monsterlink">Subscribe Now!</a>
<a href="https://app.monstercampaigns.com/c/aclizd4ba0gfjv9u1hhu/" target="_blank" class="mobile-monsterlink">Subscribe Now!</a>

In this example, the classes desktop-monsterlink and mobile-monsterlink were added to indicate which MonsterLink should be available for a user to select from various devices.

Next, add CSS directly to your site (usually in your style.css file) to control which MonsterLink is visible based on the browser size:

/* Show 'desktop-monsterlink' and hide 'mobile-monsterlink' */
@media screen and (min-width: 751px) {
   .desktop-monsterlink { display: block; }
   .mobile-monsterlink { display: none; }
}
/* Show 'mobile-monsterlink' and hide 'desktop-monsterlink' */
@media screen and (max-width: 750px) {
   .desktop-monsterlink { display: none; }
   .mobile-monsterlink { display: block; }
}
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.

Can all campaign types be made into a MonsterLink?

All popup type campaigns can be made into a MonsterLink.

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.