{"id":17039,"date":"2020-04-04T07:34:35","date_gmt":"2020-04-04T07:34:35","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=17039"},"modified":"2020-04-04T10:38:53","modified_gmt":"2020-04-04T10:38:53","slug":"how-to-create-emailoctopus-form-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-create-emailoctopus-form-in-amp\/","title":{"rendered":"How to create Emailoctopus form in AMP"},"content":{"rendered":"\n<p>If you want to add an Emailoctopus form in AMP then first you need to purchase and install&nbsp;<a href=\"https:\/\/ampforwp.com\/opt-in-forms\/\">Opt-in Forms for AMP<\/a>&nbsp;plugin.<\/p>\n\n\n\n<p>After installing you will find this option in&nbsp;<strong>WordPress Dashboard<\/strong>&nbsp;-&gt;&nbsp;<strong>AMP optin<\/strong>&nbsp;-&gt;&nbsp;<strong>Add New optin<\/strong>&nbsp;-&gt; select \u201c<strong> Emailoctopus  <\/strong>\u201d option -&gt; now you need API URL.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"482\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/17-1024x482.png\" alt=\"\" class=\"wp-image-17040\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/17-1024x482.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/17-300x141.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/17-768x362.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/17-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/17-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/17-100x47.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/17.png 1038w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4>How to get Emailoctopus API URL<\/h4>\n\n\n\n<p>Once you set up and logged in to your&nbsp;Emailoctopus&nbsp;account successfully, please follow the steps below to get API URL<\/p>\n\n\n\n<p><strong>Step 1 &#8211; <\/strong>After Signup\/login  Emailoctopus clicks on the&nbsp;List option&nbsp;-&gt;&nbsp;Click on the Create List button&nbsp;on the dashboard. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"339\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/18-1024x339.png\" alt=\"\" class=\"wp-image-17042\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/18-1024x339.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/18-300x99.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/18-768x254.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/18-50x17.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/18-60x20.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/18-100x33.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/18.png 1334w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 2 &#8211;<\/strong> Create a list and then click on the &#8220;<strong>Create<\/strong>&#8221; button<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"891\" height=\"598\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/19.png\" alt=\"\" class=\"wp-image-17045\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/19.png 891w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/19-300x201.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/19-768x515.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/19-50x34.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/19-60x40.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/19-100x67.png 100w\" sizes=\"(max-width: 891px) 100vw, 891px\" \/><\/figure>\n\n\n\n<p><strong>Step 3 &#8211; <\/strong>Click the \u2018<strong>Forms<\/strong>\u2019 option,  &nbsp;click the \u201d <strong>Embedded<\/strong>\u201c, form type <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"860\" height=\"548\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/20.png\" alt=\"\" class=\"wp-image-17047\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/20.png 860w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/20-300x191.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/20-768x489.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/20-50x32.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/20-60x38.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/20-100x64.png 100w\" sizes=\"(max-width: 860px) 100vw, 860px\" \/><\/figure>\n\n\n\n<p><strong>Step 4 &#8211;<\/strong> Once you\u2019ve selected your form and uncheck below the option like below the screenshot and then click on the &#8220;<strong>Get the code<\/strong>&#8221; button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"499\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/21-1024x499.png\" alt=\"\" class=\"wp-image-17051\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/21-1024x499.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/21-300x146.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/21-768x374.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/21-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/21-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/21-100x49.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/21.png 1349w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 5 &#8211; <\/strong> Copy this API URL and Paste this in AMP Opt-in form. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"990\" height=\"657\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/22.png\" alt=\"\" class=\"wp-image-17053\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/22.png 990w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/22-300x199.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/22-768x510.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/22-50x33.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/22-60x40.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/22-100x66.png 100w\" sizes=\"(max-width: 990px) 100vw, 990px\" \/><\/figure>\n\n\n\n<p><strong>Step 6 &#8211; <\/strong> Create a new AMP Opt-in now enter the API URL and copy the shortcode and place where you want to display the Emailoctopus Form. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"384\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/23-1024x384.png\" alt=\"\" class=\"wp-image-17056\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/23-1024x384.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/23-300x113.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/23-768x288.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/23-50x19.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/23-60x23.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/23-100x38.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/23.png 1346w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 id=\"the-output-of-mailpoet3-in-amp\">The Output of  Emailoctopus in AMP<\/h4>\n\n\n\n<p>Make sure you need to fill this form and then click on the submit button after that you will get the \u201c<strong>Subscription successful<\/strong>\u201d message.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"479\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/24-1024x479.png\" alt=\"\" class=\"wp-image-17057\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/24-1024x479.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/24-300x140.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/24-768x359.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/24-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/24-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/24-100x47.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/24.png 1346w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n<p>We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n<div id=\"div-1\" class=\"hkb-feedback\">\n\t\t\t<strong class=\"ht-mobile-exit__title\">Ask your Questions Directly!<\/strong><br>\n\t\t\t<div class=\"hkb_widget_exit__content\" style=\"font-size: 14px;\">If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t<a href=\"https:\/\/ampforwp.com\/support\/#contact\" id=\"button\" target=\"_blank\" rel=\"noopener noreferrer\"><button>Yes, I have a Question<\/button><\/a>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>If you want to add an Emailoctopus form in AMP then first you need to purchase and install&nbsp;Opt-in Forms for AMP&nbsp;plugin. After installing you will find this option in&nbsp;WordPress Dashboard&nbsp;-&gt;&nbsp;AMP optin&nbsp;-&gt;&nbsp;Add New optin&nbsp;-&gt; select \u201c Emailoctopus \u201d option -&gt; now you need API URL. How to get Emailoctopus API URL&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[29],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/17039"}],"collection":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=17039"}],"version-history":[{"count":15,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/17039\/revisions"}],"predecessor-version":[{"id":17068,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/17039\/revisions\/17068"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=17039"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=17039"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=17039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}