How to Embed Your Campaigns On Your Site

OptinMonster makes it easy to add your campaigns to your site by giving you flexibility.

In this article, you’ll learn how to embed your OptinMonster campaigns on your site.

Before You Start

Here are some things to know before you begin:

Embed Campaigns

To embed your campaigns, follow these steps:

  1. When you create a new campaign, it’s Paused by default. Navigate to the Publish tab in the campaign builder.
    Click Publish
  2. Next, toggle the Publish Status to Live.
    Change Status to Live
  3. Once your campaign is live you’ll see this status reflected in the top menu bar.
    Publish Live Status
    Need to pause your campaign again? You can do that in the campaign Builder too. Simply click Publish at the top again and toggle Publish Status back to Paused.
  4. Now that the campaign is Live you’re ready to embed it. On the same Publish screen in the campaign builder you’ll see five embed options:
    Embed Options

    1. Any Website – This is a single Account-wide Embed code for all your sites.
    2. Shareable MonsterLink – This is a public link to your campaign. See more about this in our guide on shareable MonsterLinks.
    3. WordPress – Easy to use plugin for WordPress users. If you plan on using this method please review our in-depth guide to using OptinMonster with WordPress.
    4. Shopify – For more information on our Shopify app, see our guide on how to add OptinMonster to your Shopify site.
    5. Campaign Embed – Single embed for this campaign only.
  5. Once you’ve copied the appropriate embed code you’re ready to paste it into your site. We recommend adding it just before the closing </body> tag.
    We have many different platform specific guides as well as our general guide to load OptinMonster on any website.

Troubleshooting

What domain do I enter when creating my campaign?

When creating your campaign you can add your site’s custom domain (the domain used to reach the front-end of your site) in the Publish tab > Website section of the campaign Builder.

Publish Website

What’s the difference between the Account-wide and Campaign Specific embed codes?

You may find a specific purpose for each version of embed code to best fit your workflow:

Account-wide Embed: The Account-wide Embed code only needs to be added once to allow all campaigns that are configured to load on the specific domain to appear. This embed code can save significant time as there is no need to update it when you want to replace or remove a campaign. Simply Pause or Delete the campaign within your OptinMonster account and that change will be immediately reflected on your website.

Campaign Specific Embed: The Campaign Specific Embed code is unique to the individual campaign and must be added everywhere you want that campaign to appear. If you wish to embed multiple campaigns across your site and are using the Campaign Specific Embed you will need to add the unique embed code for each campaign where you want that campaign to load. If you want to replace or remove a campaign you must manually edit the embed code present on your site.

I’m using the Account-wide Embed, how do I control where my campaigns load?

When using the Account-wide embed code, it’s important you use Display Rules in the campaign Builder to configure where and how your campaign loads.

I’m using the Account-wide Embed, how do I control where on the page my Inline campaigns appear?

With the Account-wide Embed option, any Inline campaigns will provide a specific HTML Placeholder in the Account-wide Embed panel you can copy and paste into your page where you want that specific campaign to appear.

Inline Embed Code

Does the embed code have to be pasted before the closing body tag?

No, you can add the embed code anywhere within the body of your site, however there is no reason to add the campaign further up the page for popup type campaigns. Since the campaign doesn’t load until the rest of your site has loaded we recommend adding the embed code for any popup type campaign just before the closing </body> tag.

INLINE CAMPAIGNS: if you’re adding an inline campaign, it’s important to note that the campaign will appear on your page exactly where you place the embed code when using the Campaign Specific Embed.

If you’re using an Account-wide Embed on your site you’ll need to add the HTML placeholder as indicated in the Account-wide Embed panel to control where on the page of your site the inline campaign appears:

Inline Embed Code