How to Manually Add an After Post or Inline Campaign

Ready to add you After Post or Inline Campaign to your website? Our embed codes make it easy. Follow these directions to easily add an After Post or Inline Campaign to your website.

NOTE: this walkthrough presumes that you have already created your after post or inline campaign. If you have not yet created a campaign of that campaign type, then please follow our guide for Creating an After Post or Inline Campaign.

Embed on Any Website

Step 1 – Create or Modify a Campaign

Create a new campaign or modify an existing campaign from OptinMonster Dashboard.

Step 2 – Enable the Campaign

When you create a new campaign, it’s Paused by default.

Once you’ve finished configuring your campaign and it’s ready to be displayed on your site, click Publish at the top right.

Click Publish in the Builder

Then, toggle the Status to Live.

Builder Change Status to Live

Once your campaign is live you’ll see this status reflected in the top menu bar.

Need to pause your campaign again? You can do that in the campaign Builder too; simply click Publish at the top again and toggle Status back to Paused.

Step 3 – Copy The Campaign Embed Code

Once you have created your campaign, you need to copy the embed code. Click the button titled Publish in the top right of your Builder screen.

Builder Publish Live

It will take you to the screen below where you’ll see three embed options:

  • Any Website – This is a single Sitewide Embed code for all campaigns attached to a site.
  • Campaign Embed – Single embed for this campaign only.
  • WordPress – Easy to use plugin for WordPress users.This method is for automatically placing your inline campaigns, please see our in-depth guide to using OptinMonster with WordPress if you want to learn more about automatically placing your inline type campaigns.

Builder Embed Platform

Sitewide Embed Code

If you choose to use the Sitewide Embed Code option, click Any Website to expand its view and you’ll see the embed code you can copy to add to your site.

Builder Embed any Website

Important: If you’ve configured your campaign to show on multiple different domains in the Setup panel’s Campaign Website field, you’ll see a Sitewide Embed Code for each unique domain. You must use the appropriate Sitewide Embed Code for each unique domain you want to show your campaigns on!

Your inline type campaign will also show the HTML placeholder you’ll need to use to control where on the page of your site your campaign appears:

builder-embed-sitewide-placeholder

Campaign Specific Embed Code

If you choose to use the Campaign Specific Embed Code option, click Campaign Embed to expand its view and you’ll see the embed code you can copy to add to your site.

Builder Embed Campaign Embed

Once you’ve copied the appropriate embed code, you’re ready to move to the next step.

Step 4 – Paste the Embed Code
Sitewide Embed

If you’re using the Sitewide Embed, you can add the code to the bottom of your site just before the closing </body> tag, then place the HTML placeholder on the page where you want your inline campaign to appear.

Campaign Specific Embed

If you’re using the Campaign Specific Embed, paste the embed code to your site where you want the campaign to appear.

Save the changes to your site and you can now view your After Post or Inline campaign on your site!

Embed on WordPress

See our documentation on using shortcodes if you prefer.
Step 1 – Create or Modify a Campaign

Create a new campaign or modify an existing campaign from OptinMonster Dashboard.

Step 2 – Enable the Campaign

When you create a new campaign, it’s Paused by default.

Once you’ve finished configuring your campaign and it’s ready to be displayed on your site, click Publish at the top right.

Click Publish in the Builder

Then, toggle the Status to Live.

Builder Change Status to Live

Once your campaign is live you’ll see this status reflected in the top menu bar.

Need to pause your campaign again? You can do that in the campaign Builder too; simply click Publish at the top again and toggle Status back to Paused.

Step 3 – Copy The Campaign Embed Code

Once you have created your campaign, you need to copy the embed code. Click the button titled Publish in the top right of your Builder screen.

Builder Publish Live

It will take you to the screen below where you’ll see three embed options:

  • Any Website – This is a single Sitewide Embed code for all campaigns attached to a site.
  • Campaign Embed – Single embed for this campaign only.
  • WordPress – Easy to use plugin for WordPress users.This method is for automatically placing your inline campaigns, please see our in-depth guide to using OptinMonster with WordPress if you want to learn more about automatically placing your inline type campaigns.

Builder Embed Platform

Sitewide Embed Code

If you choose to use the Sitewide Embed Code option, click Any Website to expand its view and you’ll see the embed code you can copy to add to your site.

Builder Embed any Website

Important: If you’ve configured your campaign to show on multiple different domains in the Setup panel’s Campaign Website field, you’ll see a Sitewide Embed Code for each unique domain. You must use the appropriate Sitewide Embed Code for each unique domain you want to show your campaigns on!

Your inline type campaign will also show the HTML placeholder you’ll need to use to control where on the page of your site your campaign appears:

builder-embed-sitewide-placeholder

Campaign Specific Embed Code

If you choose to use the Campaign Specific Embed Code option, click Campaign Embed to expand its view and you’ll see the embed code you can copy to add to your site.

Builder Embed Campaign Embed

Once you’ve copied the appropriate embed code, you’re ready to move to the next step.

Step 4 – Paste the Embed Code
Sitewide Embed

If you’re using the Sitewide Embed, you can add the code to the bottom of your site just before the closing </body> tag, then add the HTML placeholder in a post, page, text widget or even add it to your theme’s template files where you want your inline campaign to appear.

Campaign Specific Embed

If you’re using the Campaign Specific Embed, paste your embed code in a post or page, a text widget or even add it to your theme’s template files!

In this demonstration, I’ve added the Campaign Specific Embed to a post.

Note: when adding your embed code to a post or page, be sure the Text Editor tab is selected. If you paste your code in the Visual Editor it will not work properly.
You can add your campaign manually to a page, post, text widget or theme template.

WordPress Shortcode Option

If you’re using WordPress, you can alternatively add your After Post / Inline campaigns using our shortcode.

Step 1 – Create or Modify a Campaign

Create a new campaign or modify an existing campaign from OptinMonster Dashboard.

Step 2 – Enable the Campaign

Next, you need to enable your After Post / Inline campaign to display on your site in the Output Settings screen. Navigate to OptinMonster > Optins tab > Edit Output Settings for the campaign you wish to enable.

Important: If your new campaign doesn’t appear in the Optins list be sure to select the Refresh Optins button to refresh your campaign list and pull down any new campaigns you’ve created.

Select the Edit Output Settings link in the Optins tab to enable your campaign to be displayed on the site.

In the Output Settings screen, you only need to enable the first option to display the campaign via shortcode. If you want to automatically load the campaign on any other posts/pages you can further configure its appearance.

You only need to enable the first option to show your optin with shortcode, or further configure it's automatic appearance.

Step 3 – Add the Shortcode

There is now an OptinMonster shortcode, [optin-monster-shortcode], that accepts one parameter, id. It looks like this:

[optin-monster-shortcode id="OPTIN_SLUG"]

Where “OPTIN_SLUG” is the slug for your campaign. You can find this in the WordPress Admin > OptinMonster > Optins tab:

You can locate your campaign's slug ID in the Optins tab of the OptinMonster plugin.

Armed with this, you can place your campaign anywhere on a page or post!

Ready to impress your subscribers? See our article on types of blog posts that are proven to work to encourage new subscribers and maintain your email list.


FAQs

Q: Can I manually add my campaign to the same page/post in multiple places?

A: 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, 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.