HTML Placeholder<\/h2>\n\n\n\n\nImportant:<\/p>\n\n\n\n
If you are using the OptinMonster WordPress plugin on your site you should not use the HTML Placeholder<\/strong><\/em> 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.<\/p>\n\n\n\n<\/p>\n<\/div>\n\n\n\n
If you are using the Global Embed code<\/em><\/strong> on your site you can follow these instructions to add your Inline campaign.<\/p>\n\n\n\n\n- From the Publish<\/strong> view of the campaign builder, locate the Platform > Any Site > Global Embed<\/strong> section and copy the HTML Placeholder<\/b>. It will appear highlighted in yellow.
![\"HTML](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/inline-html-placeholder-code.jpg\")
<\/li>\n\n\n\n- Paste the embed code into the page or post content of your site, where you want it to visually appear.<\/li>\n<\/ol>\n\n\n\n
Campaign Embed Code<\/h2>\n\n\n\n
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.<\/p>\n\n\n\n
\n- From the Publish<\/strong> view of the campaign builder, locate the Platform > Any Site > Campaign Embed<\/strong> section and copy the embed code provided.
![\"Copy](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/campaign-embed-code-inline.jpg\")
<\/li>\n\n\n\n- Paste the embed code into the page or post content of your site, where you want it to visually appear.<\/li>\n<\/ol>\n\n\n\n
WordPress Automatic Output<\/h2>\n\n\n\n
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:<\/p>\n\n\n\n
\n- From the WordPress admin of your site, navigate to the Campaigns<\/strong> screen in the OptinMonster plugin.
![\"optinmonster](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/01\/campaigns-optinmonster-1024x660.png\")
<\/li>\n\n\n\n- Next, hovering over the campaign you wish to edit in the list, select the Output Settings<\/strong> link.
![\"optinmonster](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/01\/Campaigns-\u2039-OptinMonster-\u2014-WordPress-2023-01-25-at-2.04.08-PM-1024x563.png\")
<\/li>\n\n\n\n- Make sure that Automatic<\/strong> 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](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/01\/Output-Settings-Inline-Campaign-\u2039-OptinMonster-\u2014-WordPress-2023-01-25-at-2.19.22-PM.png\")
<\/li>\n\n\n\n- When you’re finished, click Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n
WordPress Shortcode<\/h2>\n\n\n\n
If you’re using the OptinMonster WordPress plugin<\/a> to embed campaigns on your site you can follow these instructions to embed your Inline campaign using shortcode.<\/p>\n\n\n\n\n- From the WordPress admin of your site, navigate to the Campaigns<\/strong> screen in the OptinMonster plugin.
<\/li>\n\n\n\n- Next, locate your campaign in the list and click on the Output Settings<\/strong> link.
<\/li>\n\n\n\n- Make sure the Manual Embed Code<\/strong> radio button is selected, then copy the shortcode available.
![\"manual](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/01\/Output-Settings-Inline-Campaign-\u2039-OptinMonster-\u2014-WordPress-2023-01-25-at-2.05.17-PM.png\")
<\/li>\n\n\n\n- Paste the shortcode into the post or page content on your site where you want the campaign to appear.<\/li>\n\n\n\n
- When you’re finished, click Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n
WordPress Gutenberg Block<\/h2>\n\n\n\n
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.<\/p>\n\n\n\n
\n- Click the + Add New Block icon, then search for OptinMonster Campaign.<\/li>\n\n\n\n
- Select the Inline campaign you’d like to display from the list of available Inline campaigns.
![\"How](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/07\/OptinMonster-Gutenberg-Block-1.gif\")
<\/li>\n<\/ol>\n\n\n\n\nNote<\/p>\n\n\n\n
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\u2019d like.
If you\u2019d like your Inline campaign to use the Output Settings you\u2019ve specified in the WordPress OptinMonster plugin, simply toggle the Use Output Settings<\/strong> option to the on position in the block\u2019s settings.
![\"How](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/07\/OptinMonster-Gutenberg-Block-Settings-1024x533.png\")
<\/p>\n\n\n\n<\/p>\n<\/div>\n\n\n\n
WordPress Widget<\/h2>\n\n\n\n
If you’re using the OptinMonster WordPress plugin<\/a> to embed campaigns on your site you can follow these instructions to add your Inline campaign to a widget area of your site.<\/p>\n\n\n\n\n- From the WordPress admin of your site, navigate to the Campaigns<\/strong> screen in the OptinMonster plugin.
<\/li>\n\n\n\n- Next, click on the Output settings<\/strong> of your Inline campaign from the list.
<\/li>\n\n\n\n- Make sure that Manual Embed Code<\/strong> is toggled.<\/strong>
![\"manual](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/01\/Output-Settings-Inline-Campaign-\u2039-OptinMonster-\u2014-WordPress-2023-01-25-at-2.05.17-PM-1.png\")
<\/li>\n\n\n\n- Navigate to the Appearance<\/strong> > Widgets<\/strong> page in WordPress.<\/li>\n\n\n\n
- Add an OptinMonster widget to the section you want to display your Inline campaign.
![\"Add-OptinMonster-Widget-to-Sidebar\"](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2017\/12\/Add-OptinMonster-Widget-to-Sidebar.jpg\")
<\/li>\n\n\n\n - Finish configuring the OptinMonster widget by selecting the name of the Inline campaign from the dropdown field.<\/li>\n\n\n\n
- When you’re finished, click Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n
Shopify HTML Placeholder Code<\/h2>\n\n\n\n
If you’re using the OptinMonster Shopify App<\/a> to embed campaigns on your site you can follow these instructions to add your Inline campaign to a section area of your site. This assumes you have a copy of the HTML Placeholder Code<\/a><\/p>\n\n\n\n\n- Log into Shopify and go to Online Store > Themes.
![\"Select](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/01\/shopify-themes.jpg\")
<\/li>\n\n\n\n - Select Customize button for the Current Theme.
![\"Customize](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/01\/shopify-customize-current-theme.jpg\")
<\/li>\n\n\n\n - Once inside the Theme Customizer, from the top center provided dropdown, select which page you want to add the campaign into.
![\"Select](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/01\/shopify-select-page.jpg\")
<\/li>\n\n\n\n - In the page outline in the left sidebar, choose where you would like the campaign to be embedded and click Add section. You can drag and drop sections to reorder them in the sidebar.
![\"Add](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/01\/add-section.jpg\")
<\/li>\n\n\n\n - Then search for Custom Liquid in the Search Sections box and click it to select it.
![\"Select](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/01\/select-custom-liquid.jpg\")
<\/li>\n\n\n\n - Add the HTML Placeholder code for your campaign in the liquid code box and Save the change.
![\"Add](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/01\/add-placeholder.jpg\")
<\/li>\n\n\n\n - Once the change has been saved, you should be able to see your inline campaign in the page content.
![\"View](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/01\/view-inline-campaign.png\")
<\/li>\n<\/ol>\n\n\n\n\n\nTroubleshooting<\/h2>\n\n\n\nCan I add the same Inline campaign to multiple places on the same post or page?<\/h5>\n\n\n\n
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.<\/p>\n\n\n\n
Important:<\/p>\n\n\n\n
If you are using the OptinMonster WordPress plugin on your site you should not use the HTML Placeholder<\/strong><\/em> 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.<\/p>\n\n\n\n <\/p>\n<\/div>\n\n\n\n If you are using the Global Embed code<\/em><\/strong> on your site you can follow these instructions to add your Inline campaign.<\/p>\n\n\n\n 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.<\/p>\n\n\n\n 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:<\/p>\n\n\n\n If you’re using the OptinMonster WordPress plugin<\/a> to embed campaigns on your site you can follow these instructions to embed your Inline campaign using shortcode.<\/p>\n\n\n\n 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.<\/p>\n\n\n\n Note<\/p>\n\n\n\n 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\u2019d like. <\/p>\n<\/div>\n\n\n\n If you’re using the OptinMonster WordPress plugin<\/a> to embed campaigns on your site you can follow these instructions to add your Inline campaign to a widget area of your site.<\/p>\n\n\n\n If you’re using the OptinMonster Shopify App<\/a> to embed campaigns on your site you can follow these instructions to add your Inline campaign to a section area of your site. This assumes you have a copy of the HTML Placeholder Code<\/a><\/p>\n\n\n\n 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.<\/p>\n\n\n\n\n
<\/li>\n\n\n\nCampaign Embed Code<\/h2>\n\n\n\n
\n
<\/li>\n\n\n\nWordPress Automatic Output<\/h2>\n\n\n\n
\n
<\/li>\n\n\n\n<\/li>\n\n\n\n<\/li>\n\n\n\nWordPress Shortcode<\/h2>\n\n\n\n
\n
<\/li>\n\n\n\n<\/li>\n\n\n\n<\/li>\n\n\n\nWordPress Gutenberg Block<\/h2>\n\n\n\n
\n
<\/li>\n<\/ol>\n\n\n\n
If you\u2019d like your Inline campaign to use the Output Settings you\u2019ve specified in the WordPress OptinMonster plugin, simply toggle the Use Output Settings<\/strong> option to the on position in the block\u2019s settings.<\/p>\n\n\n\nWordPress Widget<\/h2>\n\n\n\n
\n
<\/li>\n\n\n\n<\/li>\n\n\n\n<\/li>\n\n\n\n<\/li>\n\n\n\nShopify HTML Placeholder Code<\/h2>\n\n\n\n
\n
<\/li>\n\n\n\n<\/li>\n\n\n\n<\/li>\n\n\n\n<\/li>\n\n\n\n<\/li>\n\n\n\n<\/li>\n\n\n\n<\/li>\n<\/ol>\n\n\n\n\n\nTroubleshooting<\/h2>\n\n\n\n
Can I add the same Inline campaign to multiple places on the same post or page?<\/h5>\n\n\n\n