OptinMonster Documentation

Documentation, Reference Materials, and Tutorials for OptinMonster

Home

Docs

How to Add an After Post or Inline Campaign

How to Add an After Post or Inline Campaign

Would you like to display an OptinMonster campaign after posts or inline with the page content? No matter what platform your website is built with, it’s just a few steps to add your Inline campaign to any page. In this article, you’ll learn how to display your campaign inline with page content or after posts.

Before You Start

Here are some things to know before you begin:

  • This guide assumes you’ve already created an Inline campaign and you’re ready to embed it.
  • This guide includes instructions for three ways to add your Inline campaign to your site. Each one is based on how your website is connected to OptinMonster.

HTML Placeholder

Important: If you are using the OptinMonster WordPress plugin on your site you should not use the HTML Placeholder option in this section to add your Inline campaign. Instead, use the Campaign Embed Code or one of the WordPress-specific options outlined in this guide.

If you are using the Global Embed code on your site you can follow these instructions to add your Inline campaign.

  1. From the Publish view of the campaign builder, locate the Platform > Any Site > Global Embed section and copy the HTML Placeholder. It will appear highlighted in yellow.
    HTML Placeholder code for Inline Campaign.
  2. Paste the embed code into the page or post content of your site, where you want it to visually appear.

Campaign Embed Code

If you’re using the Campaign Embed option to add campaigns to your site instead of the Global Embed you’ll want to follow these instructions.

  1. From the Publish view of the campaign builder, locate the Platform > Any Site > Campaign Embed section and copy the embed code provided.
    Copy the campaign specific embed code.
  2. Paste the embed code into the page or post content of your site, where you want it to visually appear.

WordPress Automatic Output

If you’re using the OptinMonster WordPress plugin to embed your campaigns and want to automatically show the campaign at the end of your posts, follow these steps:

  1. From the WordPress admin of your site, navigate to the Campaigns screen in the OptinMonster plugin.
    optinmonster plugin campaign screen
  2. Next, hovering over the campaign you wish to edit in the list, select the Output Settings link.
    optinmonster plugin inline campaign outupt settings
  3. Make sure that Automatic radio button is selected in the campaign output settings screen select the place in your post where you’d like the campaign to appear.
    automatic inline optinmonster plugin
  4. When you’re finished, click Save.

WordPress Shortcode

If you’re using the OptinMonster WordPress plugin to embed campaigns on your site you can follow these instructions to embed your Inline campaign using shortcode.

  1. From the WordPress admin of your site, navigate to the Campaigns screen in the OptinMonster plugin.
    optinmonster plugin campaign screen
  2. Next, locate your campaign in the list and click on the Output Settings link.
    optinmonster plugin inline campaign outupt settings
  3. Make sure the Manual Embed Code radio button is selected, then copy the shortcode available.
    manual inline code optinmonster plugin
  4. Paste the shortcode into the post or page content on your site where you want the campaign to appear.
  5. When you’re finished, click Save.

WordPress Gutenberg Block

If your website is built using WordPress and you are using the block editor Gutenberg, you can use our OptinMonster Campaigns block to easily add an Inline campaign exactly where you’d like it to appear.

  1. Click the + Add New Block icon, then search for OptinMonster Campaign.
  2. Select the Inline campaign you’d like to display from the list of available Inline campaigns.
    How to insert an OptinMonster inline campaign using a Gutenberg block for WordPress
By default, Inline campaigns inserted using the OptinMonster Campaign block will display exactly where you place them, despite any Output Settings configured for the campaign. This gives you the flexibility to insert existing campaigns anywhere you’d like.

If you’d like your Inline campaign to use the Output Settings you’ve specified in the WordPress OptinMonster plugin, simply toggle the Use Output Settings option to the on position in the block’s settings.

How to insert an OptinMonster campaign using a Gutenberg block for WordPress

WordPress Widget

If you’re using the OptinMonster WordPress plugin to embed campaigns on your site you can follow these instructions to add your Inline campaign to a widget area of your site.

  1. From the WordPress admin of your site, navigate to the Campaigns screen in the OptinMonster plugin.
    optinmonster plugin campaign screen
  2. Next, click on the Output settings of your Inline campaign from the list.
    optinmonster plugin inline campaign outupt settings
  3. Make sure that Manual Embed Code is toggled.
    manual embed optinmonster plugin
  4. Navigate to the AppearanceWidgets page in WordPress.
  5. Add an OptinMonster widget to the section you want to display your Inline campaign.
    Add-OptinMonster-Widget-to-Sidebar
  6. Finish configuring the OptinMonster widget by selecting the name of the Inline campaign from the dropdown field.
  7. When you’re finished, click Save.

If you’re serious about jumpstarting your website 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

Can I add the same Inline campaign to multiple places on the same post or page?

No, it’s not possible to display the same campaign in multiple different places of the same page/post. Only the first embed code present on the page will load the campaign and any additional instances of the embed code will not display the campaign.

To show the same campaign in multiple places on the same page/post you’ll need to duplicate the campaign in your account and add the embed code for the duplicated campaign where you want the campaign to show a second time. Repeat as necessary.

Can I manually type my shortcode out?

Yes! If you do not want to navigate to the Output Settings screen each time you need a shortcode, you can type it out in this format:


Replace “CAMPAIGN_ID” with the unique slug for your campaign. You can find this unique campaign ID following the Shortcode instructions above, or in OptinMonster’s Campaign Dashboard.

My Inline campaign is showing on a page where the shortcode is placed, but should not show according to my Display Rules.

By default, using the shortcode will force the campaign to show despite its Display Rule settings. If you want the campaign to follow the rules you set in the Display Rules, you can add the parameter followrules=true like this:



Still stuck?

How can we help?

Last updated on


Start Getting More Leads & Sales Today with OptinMonster!

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