How to Manually Add an After Post or Inline Optin

OptinMonster allows you to manually add an After Post or Inline Optin to your site. Follow these directions to easily add an After Post or Inline Optin.

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

Embed on Any Website

Step 1 – Create or Modify an Optin

Create a new optin or modify an existing optin from OptinMonster Dashboard. Open the OptinMonster Builder by selecting the Edit link.

Select the edit button from your Dashboard to edit an optin you've already created.

Step 2 – Copy The Optin Embed Code

Once you have created your optin, you need to copy the embed code. Click the button titled Embed in the top left of your builder screen.

Optin Embed Button in the optin builder.

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

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

You'll find three Embed Options for each optin you create, a sitewide, individual campaign and WordPress option.


Sitewide Embed Code

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

You can use the Sitewide Embed Code to use a single embed for all optins on your site.

Important: If you’ve configured your optin to show on multiple different domains in the Setup panel’s Optin 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 optins on!

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

If you're using a Sitewide Embed you'll need to add the HTML placeholder to control where on the page the inline optin appears.


Campaign Specific Embed Code

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

You can embed your optins individually also, if you don't want to use a Sitewide Embed Code.


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


Step 3 – 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 optin to appear.


Campaign Specific Embed

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


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


Embed on WordPress

See our documentation on using shortcodes if you prefer.

Step 1 – Create or Modify an Optin

Create a new optin or modify an existing optin from OptinMonster Dashboard. Open the OptinMonster Builder by selecting the Edit link.

Select the edit button from your Dashboard to edit an optin you've already created.

Step 2 – Copy The Optin Embed Code

Once you have created your optin, you need to copy the embed code. Click the button titled Embed in the top left of your builder screen.

Optin Embed Button in the optin builder.

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

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

You'll find three Embed Options for each optin you create, a sitewide, individual campaign and WordPress option.


Sitewide Embed Code

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

You can use the Sitewide Embed Code to use a single embed for all optins on your site.

Important: If you’ve configured your optin to show on multiple different domains in the Setup panel’s Optin 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 optins on!

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

If you're using a Sitewide Embed you'll need to add the HTML placeholder to control where on the page the inline optin appears.


Campaign Specific Embed Code

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

You can embed your optins individually also, if you don't want to use a Sitewide Embed Code.


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


Step 3 – 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 optin 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 optin 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 optins using our shortcode.

Step 1 – Create or Modify an Optin

Create a new optin or modify an existing optin from OptinMonster Dashboard. Open the OptinMonster Builder by selecting the Edit link.

Select the edit button from your Dashboard to edit an optin you've already created.

Step 2 – Enable the Optin

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

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

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

In the Output Settings screen, you only need to enable the first option to display the optin via shortcode. If you want to automatically load the optin 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 optin. You can find this in the WordPress Admin > OptinMonster > Optins tab:

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

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


FAQs

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

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

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