How to Integrate OptinMonster with Blogger

OptinMonster can work with any website. The best lead generation tool works on Blogger too! This guide will show you how you can integrate the power of OptinMonster into your Blogger site.

  1. Create and Publish a Campaign
  2. Paste the Embed Code

Step 1 – Create and Publish a Campaign

The first step is to create a campaign and retrieve it’s embed code. See this guide on how to embed your campaigns on your site for a step-by-step walkthrough if you need assistance.

Step 2 – Paste the Embed Code into Your Blogger Site Page(s)

You can add OptinMonster’s code anywhere in the html template file for your site or page.

When it comes to embedding code on Blogger, it is best to follow their latest instructions for adding code into your Blogger site; Blogger’s guide shows you how to add code to all the pages on your site or to a single page.

Head over to Blogger.com and login into your account. From the main screen, you can right click the downward arrow near the View blog button and click template.

EditWebsiteBlogger

Once there, you can click Edit HTML under your “Live on Blog”.

EditBloggerHTML

On this next page, scroll down until you see the closing </body> tag. Paste the embed code you previously copied here.

Remember to add your embed code to every template page on your website that you want to load OptinMonster.

If you’re adding an inline type campaign (After Post / Inline or Sidebar), you’ll add either the HTML Placeholder (if using a Account-wide Embed) or the entire Campaign Specific Embed where you want your campaign to appear on the page.

You’re all done! You can now navigate to the front-end of your Blogger site and test your beautiful new optin!


FAQs

Q: What domain(s) do I enter when creating my campaign on Blogger?

A: 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 should also add your site’s custom domain (the domain used to reach the front-end of your site) in the Setup > Optin Campaign Website section of the campaign Builder.

You can control which domains your campaign is allowed to load on by adding them to the campaign Campaign Website field.


Q: I have questions about how the Embed Code works.

A: If you have any questions, such as:

  • What domain do I enter when creating my campaign?
  • What’s the difference between the Account-wide and Campaign Specific embed codes?
  • I’m using the Account-wide Embed, how do I control where my campaigns load?
  • I’m using the Account-wide Embed, how do I control where on the page my After Post / Inline or Sidebar campaigns appear?
  • Does the embed code have to be pasted before the closing </body> tag?
  • How do Afterpost and Inline Campaigns work with Embed Codes?

All of the questions above are answered on our main Embed Documentation available here.