OM Documentation Website Platforms

How to Integrate OptinMonster with Blogger

OptinMonster works on any website where you can add our embed code, including Blogger.

In this article, you’ll learn how to integrate OptinMonster with Blogger.

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 →

Embed Site-Wide

After you’ve created a campaign in OptinMonster, you’ll want to embed it on your Blogger site.

To add the embed code to your entire site, follow these steps:

  1. In the OptinMonster campaign builder, navigate to the Publish view and copy the Global Embed code.
    Copy the embed code for your OptinMonster campaign from the Publish screen of the campaign builder.
  2. Next, log into your Blogger account and navigate to the Theme page.
    Navigate to the Theme page in Blogger.
  3. Next, select the three dot icon next to your active theme and click on the Edit HTML link.
    Edit the Theme HTML in Blogger to add OptinMonster.
  4. On the next screen, scroll to the bottom of the template file and paste the OptinMonster embed code just before the </body> tag.
    Paste the OptinMonster embed code in your Blogger template file.
  5. When you’re finished, click the Save icon.
    Save the changes to your Blogger template file.

Embed on Specific Page

When adding an Inline campaign you will need to place the embed code on the specific page within the content where it should visually appear. You can also use this method to add a specific campaign (of any type) to just a single page of your site.

To add the embed code to a specific page of your site, follow these steps:

  1. In the OptinMonster campaign builder, navigate to the Publish view and copy the Campaign Embed code.
    Copy the embed code for your OptinMonster campaign from the Publish screen of the campaign builder.
  2. Next, log into your Blogger account and select a Page or Post to edit.
  3. In the edit screen, select the pencil icon in the top-left corner of the edit pane and click on the HTML view option.
    Change to HTML view when editing a post or page in Blogger.
  4. Paste the OptinMonster embed code in the page content where you want your Inline campaign to appear. If you are adding the campaign-specific embed code for any type of popup campaign you can add the embed code anywhere in the page content.
    Paste OptinMonster embed code in your Blogger page or post.
  5. When you’re finished, click the Update button.

Troubleshooting

What domain do I enter when creating my campaign?

When creating your campaign you can add the domain blogspot.com for your campaign to load on. This will allow you to view the campaign when previewing your site.

If your site uses a custom domain, you’ll need to also add the domain that appears in the address bar when you view your website.

If you haven’t registered the domain you want to use in your OptinMonster account yet, you can add the site through the Publish screen in the campaign builder, or through the Account > Sites screen. Learn more about how to register your domain in OptinMonster.

  1. In the Publish view of the campaign builder, be sure the domain is listed under the Websites section. Click Add a website if your domain isn’t already assigned to the campaign to select and add it.
    Add site to the Publish screen for your OptinMonster campaign.
  2. When you’re finished, click Save.