{"id":140316,"date":"2025-02-21T13:00:00","date_gmt":"2025-02-21T18:00:00","guid":{"rendered":"https:\/\/optinmonster.com\/?p=140316&#038;preview=true&#038;preview_id=140316"},"modified":"2025-02-22T08:57:41","modified_gmt":"2025-02-22T13:57:41","slug":"how-to-use-inline-optins","status":"publish","type":"post","link":"https:\/\/optinmonster.com\/how-to-use-inline-optins\/","title":{"rendered":"How to Use Inline Optins for Strategic Email List Building"},"content":{"rendered":"<p>Inline optins make it easy to target your most engaged visitors to build your email list. But it&#8217;s not just about throwing an optin form onto the page.<\/p>\n<p>With inline optins, you can turn any post into a content upgrade, lock part of your content, and increase email signups with precise campaign targeting.<\/p>\n<p>In this article, we&#8217;ll show you 8 ways to use inline optins to build your email list strategically.<\/p>\n<p>But first, are inline optins worth it?<\/p>\n<h3>The Power of Inline Optins<\/h3>\n<p>There are so many different ways to use inline optins successfully. Here are a few real-life uses that netted big wins for our customers.<\/p>\n<p><a href=\"https:\/\/optinmonster.com\/case-study-how-escola-edti-increased-conversions-500-using-split-testing\/\">Escola EDTI<\/a>\u00a0<strong>increased conversions 18%<\/strong> using a combination of fullscreen optins and the sidebar optin shown here:<\/p>\n<p><img decoding=\"async\" width=\"620\" height=\"344\" class=\"wp-image-140307 aligncenter\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image1.png\" alt=\"image1\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image1.png 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image1-300x166.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p><a href=\"https:\/\/optinmonster.com\/content-locking-script-case-study\/\">Trading Strategy Guides<\/a>\u00a0<strong>converted 17% of readers<\/strong> using targeted inline optins and <strong>added nearly 7,500 subscribers<\/strong> in a little over a month with a content locking optin like this:<\/p>\n<p><img decoding=\"async\" width=\"478\" height=\"500\" class=\"wp-image-140308 aligncenter\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image2.png\" alt=\"image2\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image2.png 478w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image2-287x300.png 287w\" sizes=\"(max-width: 478px) 100vw, 478px\" \/><\/p>\n<p><a href=\"https:\/\/optinmonster.com\/cpc-strategy-lead-gen-case-study\/\">CPC Strategy<\/a>\u00a0used this after-post inline optin to <strong>convert 1.46% of readers<\/strong> who reached the end of the article:<\/p>\n<p><img decoding=\"async\" width=\"620\" height=\"547\" class=\"wp-image-140314 aligncenter\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image3.png\" alt=\"image3\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image3.png 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image3-300x265.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p><a href=\"https:\/\/optinmonster.com\/how-gated-content-increased-conversions-3806-percent\/\">Photowebo<\/a>\u00a0<strong>increased optins up to 3806%<\/strong> using inline, content locking optins like this:<\/p>\n<p><img decoding=\"async\" width=\"620\" height=\"200\" class=\"wp-image-140313 aligncenter\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image4.png\" alt=\"image4\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image4.png 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image4-300x97.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p><a href=\"https:\/\/optinmonster.com\/repetition-in-marketing-lilach-bullock-case-study\/\">Lilach Bullock<\/a> <strong>converted 28.32% of visitors<\/strong> with this single inline optin repeated four times throughout the content of a single page:<\/p>\n<p><img decoding=\"async\" width=\"620\" height=\"353\" class=\"wp-image-140309 aligncenter\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image5.png\" alt=\"image5\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image5.png 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image5-300x171.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>As you can see, inline optins do a lot of work!<\/p>\n<h2>How You Can Use Inline Optins<\/h2>\n<p>Now that you&#8217;ve seen just how well inline optins perform, let&#8217;s get into some ways you can enjoy success with this versatile optin.<\/p>\n<p>Before you begin, <a href=\"https:\/\/optinmonster.com\/pricing\/\" target=\"_blank\" rel=\"noopener noreferrer\">sign up for OptinMonster<\/a>. Then, <a href=\"https:\/\/optinmonster.com\/docs\/creating-your-first-optin\/\">create a campaign<\/a>\u00a0using the <strong>Inline\u00a0<\/strong>campaign type.<\/p>\n<p><center><iframe src=\"https:\/\/www.youtube.com\/embed\/YVpfWXS12Jo\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/center><\/p>\n<p>Now, you&#8217;re ready to start growing your email list. Let&#8217;s take a closer look at how you can do so.<\/p>\n<h3>1. Use Popular Blog Posts as Content Upgrades<\/h3>\n<p>To start, you&#8217;ll need to identify your most popular posts you&#8217;ll turn into content upgrades.<\/p>\n<p>Using the <a href=\"https:\/\/www.monsterinsights.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">MonsterInsights<\/a>\u00a0plugin for WordPress is the best way to find your popular posts. After you install and link your account, you just go to <strong>Insights \u00bb Reports\u00a0<\/strong>to see your top posts and pages.<\/p>\n<p><img decoding=\"async\" width=\"620\" height=\"250\" class=\"wp-image-140315 aligncenter\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image6.png\" alt=\"image6\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image6.png 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image6-300x121.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>Not using MonsterInsights? Log into your Google Analytics account and head to\u00a0<strong>Behavior \u00bb Site Content \u00bb Landing Pages<\/strong>. This will show you your popular posts:<\/p>\n<p><img decoding=\"async\" width=\"620\" height=\"461\" class=\"wp-image-140312 aligncenter\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image7.png\" alt=\"image7\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image7.png 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image7-300x223.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>Now that you know your most popular posts, you just set up a content lock in your inline campaign so visitors have to sign up to read your valuable content.<\/p>\n<p>To add content blocking to your inline optin, go to the\u00a0<strong>Inline Settings\u00a0<\/strong>tab in your OptinMonster campaign.<\/p>\n<p><img decoding=\"async\" width=\"400\" height=\"501\" class=\"wp-image-140304 aligncenter\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image8.png\" alt=\"image8\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image8.png 400w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image8-240x300.png 240w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n<p>Then, toggle\u00a0<strong>Lock Content Below Campaign?\u00a0<\/strong>to green. This will bring up\u00a0<strong>Content Locking Style<\/strong>.<\/p>\n<p class=\"om-callout\"><b>Note<\/b>Content locking requires a <a href=\"https:\/\/optinmonster.com\/pricing\/\">Plus Plan<\/a>\u00a0or higher.<\/p>\n<p>You have 2 options:<\/p>\n<ul>\n<li><strong>Obfuscation<\/strong>\u00a0blurs content below the campaign<\/li>\n<li><strong>Removal<\/strong>\u00a0removes content below the campaign<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"620\" height=\"325\" class=\"wp-image-140310 aligncenter\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image9.png\" alt=\"image9\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image9.png 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image9-300x157.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>Choose the <strong>Content Locking Style<\/strong> you want and publish your campaign.<\/p>\n<p>Now, when visitors land on one of your most popular posts, they&#8217;ll see a content locking campaign like this:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-132058\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2017\/04\/gated-content-example.png\" alt=\"optinmonster gated content with obfuscation\" width=\"620\" height=\"483\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2017\/04\/gated-content-example.png 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2017\/04\/gated-content-example-300x234.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>And they&#8217;ll have to sign up to your email list to get access.<\/p>\n<h3>2. Make Offers While Visitors Are Reading<\/h3>\n<p>You have a couple of options for using inline campaigns to show visitors offers while they&#8217;re reading.<\/p>\n<p>First, you can use a sidebar optin widget like this:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-137982\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2019\/11\/sidebar-campaign-1.png\" alt=\"sidebar campaign example\" width=\"613\" height=\"476\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2019\/11\/sidebar-campaign-1.png 613w, https:\/\/optinmonster.com\/wp-content\/uploads\/2019\/11\/sidebar-campaign-1-300x233.png 300w\" sizes=\"(max-width: 613px) 100vw, 613px\" \/><\/p>\n<p><a href=\"https:\/\/optinmonster.com\/14-high-converting-places-to-add-email-signup-forms-to-build-your-list\/\">Adding a sidebar widget<\/a>\u00a0is a great way to boost your signups. It&#8217;s the most <a href=\"https:\/\/optinmonster.com\/14-high-converting-places-to-add-email-signup-forms-to-build-your-list\/\">common spot to put an email signup form<\/a>, so visitors are going to be looking for it there.<\/p>\n<p>You can use the sidebar widget to offer things other than a signup for your <a href=\"https:\/\/optinmonster.com\/how-to-create-an-email-newsletter\/\">email newsletter<\/a>, too.<\/p>\n<p>WPBeginner uses inline campaigns in their sidebar to offer lead magnets:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-139154\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2019\/04\/lead-magnet-side-of-content.png\" alt=\"\" width=\"620\" height=\"395\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2019\/04\/lead-magnet-side-of-content.png 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2019\/04\/lead-magnet-side-of-content-300x191.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>You could also use this to advertise products, sales, or whatever you want!<\/p>\n<p>If you use WordPress, adding your sidebar widget is ridiculously easy.<\/p>\n<p>Once you&#8217;ve published your campaign, log in to WordPress and select\u00a0<strong>OptinMonster\u00a0<\/strong>from the menu. Then, click on\u00a0<strong>Refresh Campaigns<\/strong>.<\/p>\n<p>After that, go to\u00a0<strong>Appearance \u00bb Widgets<\/strong>\u00a0and drag the\u00a0<strong>OptinMonster\u00a0<\/strong>widget to your WordPress sidebar.<\/p>\n<p>Choose the campaign you want to show and you&#8217;re done<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-139226\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2019\/11\/sidebar-widget-add-campaign-to-sidebar.png\" alt=\"add campaign to sidebar\" width=\"620\" height=\"451\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2019\/11\/sidebar-widget-add-campaign-to-sidebar.png 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2019\/11\/sidebar-widget-add-campaign-to-sidebar-300x218.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>Even if you don&#8217;t use WordPress, you can put your fancy new inline optin on your site by using the\u00a0<strong>Campaign Embed<\/strong>\u00a0code for your campaign.<\/p>\n<h3>3. Increase Engagement With 2-Step Optins<\/h3>\n<p>One of the most effective ways to capture emails and keep visitors happy is to let them initiate the signup process.<\/p>\n<p>How do you do that?<\/p>\n<p>Easy! Just don&#8217;t show the contact form until\u00a0<strong>after<\/strong>\u00a0the visitor clicks on your inline campaign:<\/p>\n<p><img decoding=\"async\" width=\"620\" height=\"508\" class=\"wp-image-140306 aligncenter\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image10.gif\" alt=\"image10\" \/><\/p>\n<p>To do this, start by creating a <a href=\"https:\/\/optinmonster.com\/6-creative-ways-to-use-yesno-optin-forms\/\">Yes\/No form<\/a>. These forms require a <a href=\"https:\/\/optinmonster.com\/pricing\/\">Pro Plan<\/a>\u00a0or higher.<\/p>\n<p>You&#8217;ll need to delete the Yes\/No buttons from your optin and add a single button block. In the <strong>Yes\/No<\/strong>\u00a0view, hover over the Yes\/No buttons to bring up the small, blue icons in the upper left corner of the element:<\/p>\n<p><img decoding=\"async\" width=\"620\" height=\"311\" class=\"wp-image-140311 aligncenter\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image11.png\" alt=\"image11\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image11.png 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image11-300x150.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>Click on the trash can to delete the element.<\/p>\n<p>Then, click\u00a0<strong>+ Add Blocks<\/strong>\u00a0and drag and drop the\u00a0<strong>Button<\/strong>\u00a0block to where you want it:<\/p>\n<p><img decoding=\"async\" width=\"620\" height=\"287\" class=\"wp-image-140305 aligncenter\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image12.png\" alt=\"image12\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image12.png 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/image12-300x139.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>You&#8217;ll design your <strong>Optin<\/strong>\u00a0and\u00a0<strong>Success<\/strong>\u00a0views as usual.<\/p>\n<p>This inline campaign lets you advertise offers or lead magnets and get qualified leads who are really interested in what you have to offer.<\/p>\n<h3>4. Use Attention Activation\u2122 to Draw Attention<\/h3>\n<p>Attention Activation\u2122 is going to turn heads. It&#8217;s available for <a href=\"https:\/\/optinmonster.com\/pricing\/\">Plus Plans<\/a>\u00a0and higher.<\/p>\n<p>When your visitor scrolls through a page with an inline campaign that has Attention Activation\u2122 enabled, the rest of the page will fade to gray once they hit the campaign.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-132712\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2019\/05\/attention-activation-example-2.gif\" alt=\"attention activation example\" width=\"620\" height=\"372\" \/><\/p>\n<p>The campaign itself stays normal, so it pulls the visitor\u2019s focus, making the inline campaign the focus of the page.<\/p>\n<p>As visitors scroll past the campaign, the page will return to normal.<\/p>\n<p>Adding Attention Activation\u2122 is as simple as going to your\u00a0<strong>Inline Settings<\/strong>\u00a0and sliding the toggle for Attention Activation\u2122 from red to green:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-132702\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2019\/05\/enable-attention-activation.png\" alt=\"enable attention activation\" width=\"620\" height=\"285\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2019\/05\/enable-attention-activation.png 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2019\/05\/enable-attention-activation-300x138.png 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2019\/05\/enable-attention-activation-768x353.png 768w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<h3>5. Create an After-Post Inline Optin to Reach Engaged Readers<\/h3>\n<p>The bottom of your post is a great place to offer a content upgrade or another perk that keeps readers engaged.<\/p>\n<p>If someone makes it to the bottom of a post, they&#8217;re pretty committed to your content. Reward them with an offer!<\/p>\n<p>We recommend using the 2-step method we show in #3, above. And, if you&#8217;re offering content upgrades, it&#8217;s nice to include them near the beginning of your post and at the very end.<\/p>\n<p>Here&#8217;s an example you might see on the OptinMonster blog:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-139156\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2019\/04\/in-line-campaign-after-post.png\" alt=\"\" width=\"620\" height=\"491\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2019\/04\/in-line-campaign-after-post.png 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2019\/04\/in-line-campaign-after-post-300x238.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<h3>6. Use Inline Optins to Lock Content After Multiple Pages Are Viewed<\/h3>\n<p>You know how WSJ.com, NYTimes.com, and even Medium limit the number of posts you can read before you join?<\/p>\n<p>You can do that with OptinMonster&#8217;s inline campaigns, too.<\/p>\n<p style=\"text-align: center;\"><iframe src=\"https:\/\/www.youtube.com\/embed\/LGFAAp6wX6k?rel=0\" width=\"620\" height=\"348.75\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Follow the same steps from #1, above, to create an inline campaign with content locking.<\/p>\n<p>Then, to lock content after multiple pages are viewed, just go to the <strong>Display Rules<\/strong>\u00a0and add these rules:<\/p>\n<ul>\n<li>If current URL path is any page<\/li>\n<li>If pages viewed is at least 2 (or whatever number of pages you want to allow)<\/li>\n<\/ul>\n<p>Publish your campaign and add it to your highest-performing content for the best results. Then, when a visitor tries to view more than the number of pages you&#8217;ve allowed, they&#8217;ll be locked out until they opt-in.<\/p>\n<p class=\"om-callout\"><b>Pro Tip<\/b>The amount of time your content stays locked is set by the <a href=\"https:\/\/optinmonster.com\/docs\/how-optin-cookies-and-the-global-cookie-work-in-optinmonster\/\">success cookie duration<\/a>.<\/p>\n<h3>7. Use a Feature Box Inline Optin for Above the Fold Engagement<\/h3>\n<p>A feature box is a highly effective optin form that marketers use to collect email subscriptions <a href=\"https:\/\/optinmonster.com\/11-examples-of-superb-above-the-fold-content\/\"><strong>above the fold<\/strong><\/a> on their site. They usually show up just below the navigation header but above your blog posts.<\/p>\n<p>Here&#8217;s an example from Michael Hyatt:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-93206\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2016\/02\/michaelhyattheader.png\" alt=\"Michael Hyatt feature box\" width=\"620\" height=\"317\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2016\/02\/michaelhyattheader.png 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2016\/02\/michaelhyattheader-300x153.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>If you&#8217;re a WordPress user, make sure you have the <a href=\"https:\/\/optinmonster.com\/docs\/how-to-install-the-optinmonster-wordpress-plugin\/\">OptinMonster plugin installed and activated<\/a>.<\/p>\n<p>Then, go ahead and create your inline campaign. Once you have your campaign created, click <strong>OptinMonster<\/strong> in your WordPress menu and refresh your campaigns.<\/p>\n<p>Finally, go to the part of your WordPress theme where you want to add your feature box. Paste the following shortcode (replace \u201cOPTIN_SLUG\u201d with your unique slug):<\/p>\n\n<p>The feature box will now show up on your page.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-128673\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2016\/08\/inline-feature-box.png\" alt=\"feature box\" width=\"620\" height=\"244\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2016\/08\/inline-feature-box.png 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2016\/08\/inline-feature-box-300x118.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>For non-WordPress users, just add the\u00a0<strong>Campaign Embed\u00a0<\/strong>code wherever you want your feature box to load.<\/p>\n<h3>8. Add an Inline Optin to Your Facebook Page<\/h3>\n<p>This use of inline campaigns is for advanced users.<\/p>\n<p>After you&#8217;ve created your inline campaign, you&#8217;ll need to add this domain: <strong>raw2.statichtmlapp.com<\/strong>. If you need help adding a domain, follow our <a href=\"https:\/\/optinmonster.com\/docs\/how-to-add-edit-or-delete-a-website-in-optinmonster\/#add-domain-to-campaign\">domain guide<\/a>.<\/p>\n<p>Now, add an <strong>iFrame application<\/strong> to your Facebook page. For our setup, we&#8217;re using the Facebook App called\u00a0<strong>Static HTML &#8211; Thunderpenny<\/strong>. This app is easy to set up and provides HTTPS security.<\/p>\n<p class=\"om-callout\"><b>Note<\/b>Facebook is no longer allowing Pages with fewer than 2,000 likes to install custom tabs.<\/p>\n<p>After your app is ready to go, head to your Facebook page and find the <strong>Custom iFrame App<\/strong> you installed. It will be on the left-hand side above <strong>Manage Tabs<\/strong>, likely named <strong>Welcome<\/strong>.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-140377\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/custom-iframe-app-in-facebook.png\" alt=\"custom iframe app will show up in facebook menu above manage tabs\" width=\"620\" height=\"352\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/custom-iframe-app-in-facebook.png 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/custom-iframe-app-in-facebook-300x170.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>Click <strong>Setup Tab<\/strong>\u00a0to add content.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-140378\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/facebook-set-up-tab-button.png\" alt=\"click set up tab button in facebook\" width=\"620\" height=\"352\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/facebook-set-up-tab-button.png 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/facebook-set-up-tab-button-300x170.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>Add your <strong>Campaign Embed Code<\/strong>\u00a0in the <strong>index.html section<\/strong>\u00a0before the closing tag.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-140381\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/add-campaign-embed-code-to-index-2.png\" alt=\"add campaign embed code to index\" width=\"620\" height=\"533\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/add-campaign-embed-code-to-index-2.png 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/add-campaign-embed-code-to-index-2-300x258.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>Here&#8217;s an example of what your HTML could look like:<\/p>\n<pre><pre class=\"brush: plain; title: ; notranslate\" title=\"\">&amp;amp;lt;\/pre&amp;amp;gt;\n&amp;amp;lt;pre&amp;amp;gt;&amp;amp;lt;!DOCTYPE html&amp;amp;gt;\n&amp;amp;lt;html&amp;amp;gt;\n&amp;amp;lt;head&amp;amp;gt;\n  &#x5B;&#x5B;style.css]]\n&amp;amp;lt;\/head&amp;amp;gt;\n&amp;amp;lt;body&amp;amp;gt;\n\n&amp;amp;lt;h1&amp;amp;gt;My First Heading&amp;amp;lt;\/h1&amp;amp;gt;\n\n&amp;amp;lt;h2&amp;amp;gt;My First Subheading&amp;amp;lt;\/h2&amp;amp;gt;\n\n&amp;amp;lt;!-- Enter Campaign Embed code here --&amp;amp;gt;\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer luctus dictum ex. Donec porta augue eu tellus sagittis porta. Nullam et arcu scelerisque, accumsan elit rhoncus, gravida risus. Aliquam id justo quis dolor pellentesque dapibus. Praesent lacus leo, ornare vitae sagittis vitae, maximus et sapien. Aenean sit amet velit ipsum. Donec placerat, est non varius vulputate, magna dolor luctus lacus, a ultrices felis neque id augue.\n\n&amp;amp;lt;\/body&amp;amp;gt;\n&amp;amp;lt;\/html&amp;amp;gt;&amp;amp;lt;\/pre&amp;amp;gt;\n&amp;amp;lt;pre&amp;amp;gt;<\/pre>\n<p>In the <strong>Thunderpenny Application<\/strong>, you can style your Facebook tab\u2019s content area by adding <strong>Custom CSS<\/strong>\u00a0to the <strong>style.css<\/strong>\u00a0area of Thunderpenny\u2019s editor:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-140382\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/add-custom-css-to-stylecss.png\" alt=\"add custom css to style css\" width=\"620\" height=\"305\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/add-custom-css-to-stylecss.png 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/add-custom-css-to-stylecss-300x148.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>On Facebook, click <strong>Preview<\/strong> and your campaign should appear:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-140383\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/facebook-tab-campaign.png\" alt=\"facebook tab campaign\" width=\"620\" height=\"549\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/facebook-tab-campaign.png 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/facebook-tab-campaign-300x266.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>Click\u00a0<strong>Save &amp; Publish<\/strong>:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-140385\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/facebook-tab-save-and-publish.png\" alt=\"facebook tab save and publish\" width=\"620\" height=\"305\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/facebook-tab-save-and-publish.png 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/facebook-tab-save-and-publish-300x148.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>Click <strong>View on Facebook<\/strong>\u00a0to see your campaign in action.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-140386\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/facebook-tab-view-on-facebook.png\" alt=\"facebook tab view on facebook\" width=\"620\" height=\"307\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/facebook-tab-view-on-facebook.png 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/facebook-tab-view-on-facebook-300x149.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>The next screen will show your inline campaign in your Facebook tab:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-140387\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/inline-optin-shown-in-facebook-tab.png\" alt=\"inline optin shown in facebook tab\" width=\"620\" height=\"430\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/inline-optin-shown-in-facebook-tab.png 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/01\/inline-optin-shown-in-facebook-tab-300x208.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>There you have it! Eight awesome ways to use inline optins for strategic email list building. Which one do you like best? Let us know in the comments!<\/p>\n<p>And, if you liked this article, be sure to check out these <a href=\"https:\/\/optinmonster.com\/optinmonster-hacks-to-boost-your-conversions\/\">OptinMonster hacks to boost your conversions<\/a>. Exit popups more your thing? Here are <strong>40<\/strong>\u00a0<a href=\"https:\/\/optinmonster.com\/40-exit-popup-hacks-that-will-grow-your-subscribers-and-revenue\/\">exit-popup hacks<\/a>\u00a0to grow subscribers and revenue.<\/p>\n<p>For even more killer marketing tips, subscribe to our <a href=\"https:\/\/www.youtube.com\/c\/Optinmonster?sub_confirmation=1\" target=\"_blank\" rel=\"noopener noreferrer\">YouTube<\/a>\u00a0channel and follow us on <a href=\"https:\/\/www.facebook.com\/optinmonster\" target=\"_blank\" rel=\"noopener noreferrer\">Facebook<\/a>\u00a0and <a href=\"https:\/\/twitter.com\/optinmonster\" target=\"_blank\" rel=\"noopener noreferrer\">Twitter<\/a>.<\/p>\n<p>Oh, and if you&#8217;re still not an OptinMonster customer&#8230; What are you waiting for? <a href=\"https:\/\/optinmonster.com\/pricing\/\">Join OptinMonster today<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Inline optins make it easy to target your most engaged visitors to build your email list. But it&#8217;s not just about throwing an optin form onto the page. With inline optins, you can turn any post into a content upgrade, lock part of your content, and increase email signups with precise campaign targeting. In this&nbsp;&hellip;<\/p>\n","protected":false},"author":24602,"featured_media":201628,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"limit_modified_date":"","last_modified_date":"2020-01-24T12:48:23","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"om_meta_post_subtitle":"","footnotes":""},"categories":[22,95],"tags":[23961,431],"class_list":["post-140316","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-lead-generation","category-tutorials","tag-inline-campaigns","tag-inline-form"],"case_study_meta":[],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/posts\/140316","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/users\/24602"}],"replies":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/comments?post=140316"}],"version-history":[{"count":8,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/posts\/140316\/revisions"}],"predecessor-version":[{"id":201631,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/posts\/140316\/revisions\/201631"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/media\/201628"}],"wp:attachment":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/media?parent=140316"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/categories?post=140316"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/tags?post=140316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}