{"id":6596,"date":"2021-07-14T03:37:58","date_gmt":"2021-07-14T00:37:58","guid":{"rendered":"https:\/\/adoric.com\/blog\/?p=6596"},"modified":"2021-08-09T16:12:28","modified_gmt":"2021-08-09T13:12:28","slug":"how-to-create-an-inline-optin-form","status":"publish","type":"post","link":"https:\/\/adoric.com\/blog\/how-to-create-an-inline-optin-form\/","title":{"rendered":"How to Create an Inline Opt-in Form in WordPress"},"content":{"rendered":"<p>Are you looking for a way to easily turn visitors to your WordPress website into subscribers and potential customers? An inline opt-in form is one of the solutions that is best suited for the job.\u00a0\u00a0<\/p>\n<p>In this post, you will learn how to create and add an inline form to your WordPress website without stress. And without knowing a thing about CSS, HTML or Javascript.\u00a0<\/p>\n<p>Buckle up!<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_66_1 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-create-an-inline-optin-form\/#Whats_the_Deal_About_Inline_Opt-in_Forms\" title=\"What\u2019s the Deal About Inline Opt-in Forms?\">What\u2019s the Deal About Inline Opt-in Forms?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-create-an-inline-optin-form\/#Reasons_to_Use_an_Inline_Opt-in_Form\" title=\"Reasons to Use an Inline Opt-in Form\">Reasons to Use an Inline Opt-in Form<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-create-an-inline-optin-form\/#Adoric_The_Best_Inline_Form_Plugin_for_WordPress\" title=\"Adoric: The Best Inline Form Plugin for WordPress\">Adoric: The Best Inline Form Plugin for WordPress<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-create-an-inline-optin-form\/#Step_1_Sign_up_for_an_Account\" title=\"Step 1: Sign up for an Account\">Step 1: Sign up for an Account<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-create-an-inline-optin-form\/#Step_2_Install_Adoric_on_Your_Website\" title=\"Step 2: Install Adoric on Your Website\">Step 2: Install Adoric on Your Website<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-create-an-inline-optin-form\/#Step_3_Create_Your_Inline_Form\" title=\"Step 3: Create Your Inline Form\">Step 3: Create Your Inline Form<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-create-an-inline-optin-form\/#Step_4_Add_the_Form_to_Your_PagePost_and_Publish\" title=\"Step 4: Add the Form to Your Page\/Post and Publish\u00a0\">Step 4: Add the Form to Your Page\/Post and Publish\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-create-an-inline-optin-form\/#Step_5_Integrate_Your_CRM\" title=\"Step 5: Integrate Your CRM\">Step 5: Integrate Your CRM<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-create-an-inline-optin-form\/#Wrapping_it_Up\" title=\"Wrapping it Up\">Wrapping it Up<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Whats_the_Deal_About_Inline_Opt-in_Forms\"><\/span>What\u2019s the Deal About Inline Opt-in Forms?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Inline opt-in forms, simply, are forms that you embed somewhere in the middle &#8211; or top\/bottom in some instances &#8211; of a post or a page.\u00a0<\/p>\n<p>As such, visitors get to see them when they have scrolled down a certain distance.<\/p>\n<p>They look something like this:\u00a0<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6597 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Group-19-4.jpg\" alt=\"Inline opt-in form\" width=\"854\" height=\"708\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 854px; --smush-placeholder-aspect-ratio: 854\/708;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6597\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Group-19-4.jpg\" alt=\"Inline opt-in form\" width=\"854\" height=\"708\" \/><\/noscript><\/p>\n<p>You know, it\u2019s only engaged visitors that get to scroll down your web pages. Thus, the best way to convert them into subscribers is by planting an inline opt-in form along their path. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Reasons_to_Use_an_Inline_Opt-in_Form\"><\/span>Reasons to Use an Inline Opt-in Form<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Okay, maybe you aren\u2019t really interested in capturing more subscribers, but rather getting as many people as possible to sign up for your webinar. Guess what? An inline form can also help in such a case.\u00a0<\/p>\n<p>What\u2019s more, you can also use it: Here are some more reasons to use an inline opt-in form:<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\">For promoting a sales offer<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">To entice visitors with<a target=\"_blank\" href=\"https:\/\/adoric.com\/features\/spin-to-win-coupon-wheel-popup\/\"> coupons and discounts<\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">For prompting potential customers to book a demo<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Adoric_The_Best_Inline_Form_Plugin_for_WordPress\"><\/span>Adoric: The Best Inline Form Plugin for WordPress<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Adoric makes creating and publishing an inline opt-in form to your WordPress website a breeze. This is because you don\u2019t need to know a lick about coding to do that, thanks to Adoric\u2019s intuitive <a target=\"_blank\" href=\"https:\/\/adoric.com\/features\/drag-and-drop-builder\/\">drag-and-drop editor<\/a>.\u00a0<\/p>\n<p>Even if your graphic design skills are rather poor, you can still knock out a well-designed opt-in form.\u00a0<\/p>\n<p>This is because we\u2019ve got a huge library of<a target=\"_blank\" href=\"https:\/\/adoric.com\/templates?layout=boxes\"> pre-designed forms<\/a> you can use and tweak to your liking, thus saving you the trouble of building a form from scratch. Each of these forms has been carefully designed to improve the UX of your website.\u00a0<\/p>\n<p>On top of that, Adoric has got a lot of powerful features you can exploit in making your inline opt-in forms really effective and convert better. They include:<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a target=\"_blank\" href=\"https:\/\/adoric.com\/features\/a-b-testing\/\">A\/B testing<\/a> to let you create high-performing forms<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Accurate <a target=\"_blank\" href=\"https:\/\/adoric.com\/features\/audience-targeting\/\">audience targeting<\/a> that ensures only the right people see your form<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a target=\"_blank\" href=\"https:\/\/adoric.com\/features\/adoric-aa-accessibility-compliance\/\">Accessibility settings <\/a>to make your campaigns accessible to physically challenged users<\/li>\n<\/ul>\n<p>And if you feel an inline form isn\u2019t what you need for your campaign, you can try out our <a target=\"_blank\" href=\"https:\/\/adoric.com\/templates?layout=boxes\">popups,<\/a> <a target=\"_blank\" href=\"https:\/\/adoric.com\/templates?layout=sliders\">slide-in forms,<\/a> and <a target=\"_blank\" href=\"https:\/\/adoric.com\/templates?layout=bars\">floating bars<\/a>.\u00a0<\/p>\n<p>They work like a charm. We\u2019ve got one for every type of campaign you want to promote: <a target=\"_blank\" href=\"https:\/\/adoric.com\/templates?event=60ab4652b38f1b13e352c9b0\">summer sales,<\/a> <a target=\"_blank\" href=\"https:\/\/adoric.com\/templates?event=60ab464ea369f31414190995\">spring sales<\/a>, <a target=\"_blank\" href=\"https:\/\/adoric.com\/templates?event=60ab46496e86ec14216e8ab6\">back-to-school promos<\/a>, <a target=\"_blank\" href=\"https:\/\/adoric.com\/templates?event=5fae2f05e2ceee0019adceda\">Cyber Monday deals<\/a>, to name but a few.<\/p>\n<p>Alright, let\u2019s get straight down to business.<\/p>\n<p>How to Create an Inline Form in WordPress With Adoric, Easily \u00a0<\/p>\n<p>Here are the steps to creating and publishing an inline form to your WordPress website without breaking a sweat.\u00a0<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_1_Sign_up_for_an_Account\"><\/span>Step 1: Sign up for an Account<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>First things first: <a target=\"_blank\" href=\"https:\/\/adoric.com\/subscribe?price=0&#038;contractId=0&#038;planId=5a95516746c66eaf00eaa7fd\">sign up for an account<\/a> with Adoric. The good thing about it is that you can start for free, especially if you are looking to test the waters.<\/p>\n<p>During the signup process, you will be asked to provide the URL to your website. Do that, and ensure that there are no errors in the URL you typed in.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6598 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Inline-optin-form.jpg\" alt=\"Inline optin form\" width=\"1326\" height=\"648\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1326px; --smush-placeholder-aspect-ratio: 1326\/648;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6598\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Inline-optin-form.jpg\" alt=\"Inline optin form\" width=\"1326\" height=\"648\" \/><\/noscript><\/p>\n<p>On the next page, you will be asked to install Adoric on your WordPress. This will take us to step 2.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_2_Install_Adoric_on_Your_Website\"><\/span>Step 2: Install Adoric on Your Website<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Click the <b>Install now <\/b>link as shown below<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6599 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Inline-optin-form-wordpress.jpg\" alt=\"inline optin form WordPress\" width=\"1324\" height=\"620\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1324px; --smush-placeholder-aspect-ratio: 1324\/620;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6599\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Inline-optin-form-wordpress.jpg\" alt=\"inline optin form WordPress\" width=\"1324\" height=\"620\" \/><\/noscript><\/p>\n<p>Upon click, you will be directed to the plugin installation page. Before clicking the <b>Download plugin<\/b> button, take note of your <b>Account ID<\/b>. If possible, copy it to somewhere safe.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6600 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Wordpress-inline-form.jpg\" alt=\"WordPress inline form\" width=\"1320\" height=\"518\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1320px; --smush-placeholder-aspect-ratio: 1320\/518;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6600\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Wordpress-inline-form.jpg\" alt=\"WordPress inline form\" width=\"1320\" height=\"518\" \/><\/noscript><\/p>\n<p>Then download, install and activate the plugin on your website. After that, the next step now is to connect the plugin to your account.\u00a0<\/p>\n<p>To do that, from your WordPress dashboard, navigate to <b>Adoric &gt;&gt; Dashboard<\/b><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6601 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Adoric-dashboard.jpg\" alt=\"Adoric dashboard\" width=\"1366\" height=\"312\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1366px; --smush-placeholder-aspect-ratio: 1366\/312;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6601\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Adoric-dashboard.jpg\" alt=\"Adoric dashboard\" width=\"1366\" height=\"312\" \/><\/noscript><\/p>\n<p>Upon click, you will be asked to enter your Account ID. Do so and click the <b>Connect Adoric <\/b>button.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6602 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Connect-adoric-plugin.jpg\" alt=\"Connect adoric plugin\" width=\"1326\" height=\"394\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1326px; --smush-placeholder-aspect-ratio: 1326\/394;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6602\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Connect-adoric-plugin.jpg\" alt=\"Connect adoric plugin\" width=\"1326\" height=\"394\" \/><\/noscript><\/p>\n<p>And you are done! You\u2019re now ready to add an inline opt-in form to your website.\u00a0<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_3_Create_Your_Inline_Form\"><\/span>Step 3: Create Your Inline Form<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>To start the process of creating an inline opt-in form, click the <b>Create popup <\/b>button from your WordPress Adoric dashboard.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6603 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Adoric-inline-form.jpg\" alt=\"Adoric inline form\" width=\"1333\" height=\"376\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1333px; --smush-placeholder-aspect-ratio: 1333\/376;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6603\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Adoric-inline-form.jpg\" alt=\"Adoric inline form\" width=\"1333\" height=\"376\" \/><\/noscript><\/p>\n<p>Clicking that button will take you to the design editor page. This is where you will be building the form.\u00a0<\/p>\n<p>To speed things up a little, we will be using a template and editing it. Of course, you can always build from scratch if you so desire.\u00a0<\/p>\n<p>While still on the design editor page, click the <b>Layouts <\/b>tab.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6604 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/inpage-optin-form.jpg\" alt=\"Inpage optin form WordPress\" width=\"1343\" height=\"538\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1343px; --smush-placeholder-aspect-ratio: 1343\/538;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6604\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/inpage-optin-form.jpg\" alt=\"Inpage optin form WordPress\" width=\"1343\" height=\"538\" \/><\/noscript><\/p>\n<p>Upon click, you will see a plethora of pre-made templates you can use. Find the one that fits your design taste the most and select it.\u00a0<\/p>\n<p>Let\u2019s use this nice back-to-school opt-in form.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6605 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/optin-form-wordpress.jpg\" alt=\"Optin form WordPress\" width=\"1355\" height=\"540\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1355px; --smush-placeholder-aspect-ratio: 1355\/540;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6605\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/optin-form-wordpress.jpg\" alt=\"Optin form WordPress\" width=\"1355\" height=\"540\" \/><\/noscript><\/p>\n<p>You can always change the text, color, font style, image, etc of the form however you want right in the design editor.<\/p>\n<p>With your design all ready, it\u2019s about time you added it to your post\/page on your WordPress website.\u00a0<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_4_Add_the_Form_to_Your_PagePost_and_Publish\"><\/span>Step 4: Add the Form to Your Page\/Post and Publish\u00a0<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>After all the hard work of designing your form, it\u2019s now time to embed it in your page or post. To do that, from the design editor page, click the <b>Position <\/b>tab on the left panel.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6606 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Adoric-form-positioning.jpg\" alt=\"Adoric form positioning\" width=\"1359\" height=\"654\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1359px; --smush-placeholder-aspect-ratio: 1359\/654;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6606\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Adoric-form-positioning.jpg\" alt=\"Adoric form positioning\" width=\"1359\" height=\"654\" \/><\/noscript><\/p>\n<p>Next, select <b>In page <\/b>from the <b>Position Type <\/b>selection box.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6607 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/inline-positioning.jpg\" alt=\"inline positioning\" width=\"1357\" height=\"594\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1357px; --smush-placeholder-aspect-ratio: 1357\/594;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6607\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/inline-positioning.jpg\" alt=\"inline positioning\" width=\"1357\" height=\"594\" \/><\/noscript><\/p>\n<p>After that, click the blue <b>Select <\/b>button that is adjacent to <b>CSS Selector. <\/b>Once you do, a preview page will open. By default, it is your website\u2019s homepage that you will see.\u00a0<\/p>\n<p>But, what if you want the opt-in form to show somewhere else and not your homepage? That\u2019s not an issue with Adoric.\u00a0<\/p>\n<p>Just type in the URL of the page or post that you want the form to be embedded in. For example, I want this form to appear on the blog page of my website. So, what I will do is to type in the sub-URL like so:<\/p>\n<p><b>index.php\/blog<\/b><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6608 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/inline-form.jpg\" alt=\"inline form\" width=\"1329\" height=\"410\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1329px; --smush-placeholder-aspect-ratio: 1329\/410;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6608\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/inline-form.jpg\" alt=\"inline form\" width=\"1329\" height=\"410\" \/><\/noscript><\/p>\n<p>Then hit the next arrow button that you see in the image above. It will take you to the page you are looking to target.\u00a0<\/p>\n<p>Once on the page, select the element you want the form to appear beneath. For example, I want the form to show beneath the second paragraph of my blog page. Here\u2019s I went about the selection:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6609 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/css-selector.jpg\" alt=\"CSS selector\" width=\"1332\" height=\"468\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1332px; --smush-placeholder-aspect-ratio: 1332\/468;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6609\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/css-selector.jpg\" alt=\"CSS selector\" width=\"1332\" height=\"468\" \/><\/noscript><\/p>\n<p>Immediately you select the reference element, you will be automatically redirected back to the design editor. This is where you get to publish the form.\u00a0<\/p>\n<p>But before publishing, there are a few housekeepings to do. One is deleting the close button on the form like so:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6610 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/inline-form-wordpress.gif\" alt=\"inline form wordpress\" width=\"1366\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1366px; --smush-placeholder-aspect-ratio: 1366\/600;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6610\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/inline-form-wordpress.gif\" alt=\"inline form wordpress\" width=\"1366\" height=\"600\" \/><\/noscript><\/p>\n<p>The second is setting the time delay for page load to zero. That is, the time it will take the form to appear after the page loads. By default, it is set as 5 seconds.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6611 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/pageload-min.gif\" alt=\"inline optin form wordpress\" width=\"1366\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1366px; --smush-placeholder-aspect-ratio: 1366\/600;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6611\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/pageload-min.gif\" alt=\"inline optin form wordpress\" width=\"1366\" height=\"600\" \/><\/noscript><\/p>\n<p>Finally, hit the <b>Publish <\/b>button at the top right corner of the design editor. And just like that, the form will appear exactly where you wanted it.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6612 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/inline-form-for-wordpress.jpg\" alt=\"inline form for wordpress\" width=\"1312\" height=\"596\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1312px; --smush-placeholder-aspect-ratio: 1312\/596;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6612\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/inline-form-for-wordpress.jpg\" alt=\"inline form for wordpress\" width=\"1312\" height=\"596\" \/><\/noscript><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_5_Integrate_Your_CRM\"><\/span>Step 5: Integrate Your CRM<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>By default, all the leads captured by your form will be saved in your Adoric account. However, if you prefer to use a CRM like Mailchimp or Hubspot, you can integrate it into your account.\u00a0<\/p>\n<p>To do that, click on the email opt-in form, followed by <b>Integrations<\/b>, select your preferred CRM, and then click <b>Restart<\/b>.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6613 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/crm-integration.gif\" alt=\"CRM integration\" width=\"1366\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1366px; --smush-placeholder-aspect-ratio: 1366\/600;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6613\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/crm-integration.gif\" alt=\"CRM integration\" width=\"1366\" height=\"600\" \/><\/noscript><\/p>\n<p>If you are using Mailchimp, for example, proceed to linking to your account by adding your API keys and then following the subsequent steps.\u00a0<\/p>\n<p>If that is too much work, click the <b>Add Mailchimp account <\/b>button. A new browser window would open. Then log in to your Mailchimp account to link Adoric to it.\u00a0<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Wrapping_it_Up\"><\/span>Wrapping it Up<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>So there you have it: 5 easy steps for creating an inline &#8211; or in-page, if you prefer to call it &#8211; opt-in form to your WordPress website. <\/p>\n<p style=\"text-align: center;\"><a target=\"_blank\" href=\"https:\/\/adoric.com\/subscribe?price=0&#038;contractId=0&#038;planId=5a95516746c66eaf00eaa7fd?\"how_to_add_inline_optin_form_wordpress\"\u201d class=\"big-button\">Try Adoric for Free<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Do you want to add an inline opt-in form to your WordPress website or blog? Adoric can help. Learn how to go about that in this post. <\/p>\n","protected":false},"author":12,"featured_media":6614,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false},"categories":[4],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create an Inline Opt-in Form in WordPress - Adoric Blog<\/title>\n<meta name=\"description\" content=\"Do you want to add an inline opt-in form to your WordPress website or blog? Adoric can help. Learn how to go about that in this post.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/adoric.com\/blog\/how-to-create-an-inline-optin-form\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create an Inline Opt-in Form in WordPress - Adoric Blog\" \/>\n<meta property=\"og:description\" content=\"Do you want to add an inline opt-in form to your WordPress website or blog? Adoric can help. Learn how to go about that in this post.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/adoric.com\/blog\/how-to-create-an-inline-optin-form\/\" \/>\n<meta property=\"og:site_name\" content=\"Adoric Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-14T00:37:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-09T13:12:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Inline-Opt-in-Form-in-WordPress-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Christopher Ike\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Christopher Ike\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create an Inline Opt-in Form in WordPress - Adoric Blog","description":"Do you want to add an inline opt-in form to your WordPress website or blog? Adoric can help. Learn how to go about that in this post.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/adoric.com\/blog\/how-to-create-an-inline-optin-form\/","og_locale":"en_US","og_type":"article","og_title":"How to Create an Inline Opt-in Form in WordPress - Adoric Blog","og_description":"Do you want to add an inline opt-in form to your WordPress website or blog? Adoric can help. Learn how to go about that in this post.","og_url":"https:\/\/adoric.com\/blog\/how-to-create-an-inline-optin-form\/","og_site_name":"Adoric Blog","article_published_time":"2021-07-14T00:37:58+00:00","article_modified_time":"2021-08-09T13:12:28+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Inline-Opt-in-Form-in-WordPress-1.jpg","type":"image\/jpeg"}],"author":"Christopher Ike","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Christopher Ike","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/adoric.com\/blog\/how-to-create-an-inline-optin-form\/","url":"https:\/\/adoric.com\/blog\/how-to-create-an-inline-optin-form\/","name":"How to Create an Inline Opt-in Form in WordPress - Adoric Blog","isPartOf":{"@id":"https:\/\/adoric.com\/blog\/#website"},"datePublished":"2021-07-14T00:37:58+00:00","dateModified":"2021-08-09T13:12:28+00:00","author":{"@id":"https:\/\/adoric.com\/blog\/#\/schema\/person\/759703ff78511d225850732fec85cb9e"},"description":"Do you want to add an inline opt-in form to your WordPress website or blog? Adoric can help. Learn how to go about that in this post.","breadcrumb":{"@id":"https:\/\/adoric.com\/blog\/how-to-create-an-inline-optin-form\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/adoric.com\/blog\/how-to-create-an-inline-optin-form\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/adoric.com\/blog\/how-to-create-an-inline-optin-form\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/adoric.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Create an Inline Opt-in Form in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/adoric.com\/blog\/#website","url":"https:\/\/adoric.com\/blog\/","name":"Adoric Blog","description":"Conversion rate optimization blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/adoric.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/adoric.com\/blog\/#\/schema\/person\/759703ff78511d225850732fec85cb9e","name":"Christopher Ike","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/adoric.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8fc8c1ad90c77eb2b410d87711de08bb?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8fc8c1ad90c77eb2b410d87711de08bb?s=96&d=mm&r=g","caption":"Christopher Ike"},"sameAs":["http:\/\/www.christopherike.com"],"url":"https:\/\/adoric.com\/blog\/author\/christopher\/"}]}},"_links":{"self":[{"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/posts\/6596"}],"collection":[{"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/comments?post=6596"}],"version-history":[{"count":4,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/posts\/6596\/revisions"}],"predecessor-version":[{"id":6889,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/posts\/6596\/revisions\/6889"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/media\/6614"}],"wp:attachment":[{"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/media?parent=6596"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/categories?post=6596"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/tags?post=6596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}