{"id":314,"date":"2017-04-26T18:19:49","date_gmt":"2017-04-26T18:19:49","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?p=314"},"modified":"2019-07-11T10:02:46","modified_gmt":"2019-07-11T10:02:46","slug":"mailerlite-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/mailerlite-in-amp\/","title":{"rendered":"How to Create MailerLite form in AMP"},"content":{"rendered":"\n<p>If you want to add MailPoet3 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\u00a0<strong>WordPress Dashboard<\/strong>\u00a0->\u00a0<strong>AMP optin<\/strong>\u00a0->\u00a0<strong>Add New optin<\/strong> -> select \u201c <strong>MailerLite<\/strong> \u201d option -> now you need API URL.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"390\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/6-3-1024x390.png\" alt=\"\" class=\"wp-image-12255\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/6-3-1024x390.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/6-3-300x114.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/6-3-768x292.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/6-3-50x19.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/6-3-60x23.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/6-3-100x38.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/6-3.png 1048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Follow the simple steps to get all this ID\u2019s from  MailerLite Account.<\/strong><br><\/p>\n\n\n\n<p><strong><mark style=\"background-color: yellow;\">Step 1:&nbsp;<\/mark><\/strong>First of all Signup\/login at  <a href=\"https:\/\/www.mailerlite.com\/\">MailerLite<\/a>.<\/p>\n\n\n\n<p><strong><mark style=\"background-color: yellow;\">Step 2:<\/mark><\/strong> After Signup\/login MailerLite clicks on the Forms option in the dashboard.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"898\" height=\"475\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/1-13.png\" alt=\"\" class=\"wp-image-10192\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/1-13.png 898w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/1-13-300x159.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/1-13-768x406.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/1-13-50x26.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/1-13-60x32.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/1-13-100x53.png 100w\" sizes=\"(max-width: 898px) 100vw, 898px\" \/><figcaption><br><\/figcaption><\/figure>\n\n\n\n<p> <strong><mark style=\"background-color: yellow;\">Step 3:<\/mark><\/strong> Click on Embedded Form button<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"896\" height=\"403\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/2-13.png\" alt=\"\" class=\"wp-image-10193\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/2-13.png 896w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/2-13-300x135.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/2-13-768x345.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/2-13-50x22.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/2-13-60x27.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/2-13-100x45.png 100w\" sizes=\"(max-width: 896px) 100vw, 896px\" \/><\/figure>\n\n\n\n<p> <strong><mark style=\"background-color: yellow;\">Step 4:<\/mark><\/strong> Enter the form name and click on the &#8220;Save and continue&#8221; button.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"939\" height=\"361\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/3-7.png\" alt=\"\" class=\"wp-image-10194\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/3-7.png 939w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/3-7-300x115.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/3-7-768x295.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/3-7-50x19.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/3-7-60x23.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/3-7-100x38.png 100w\" sizes=\"(max-width: 939px) 100vw, 939px\" \/><\/figure>\n\n\n\n<p> <strong><mark style=\"background-color: yellow;\">Step 5:<\/mark><\/strong> Select subscriber group and click on &#8220;save and continue&#8221; button<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"918\" height=\"449\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/4-7.png\" alt=\"\" class=\"wp-image-10195\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/4-7.png 918w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/4-7-300x147.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/4-7-768x376.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/4-7-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/4-7-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/4-7-100x49.png 100w\" sizes=\"(max-width: 918px) 100vw, 918px\" \/><\/figure>\n\n\n\n<p> <strong><mark style=\"background-color: yellow;\">Step 6:<\/mark><\/strong> Once you get API URL need to copy this API URL. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"887\" height=\"331\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/5-8.png\" alt=\"\" class=\"wp-image-10196\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/5-8.png 887w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/5-8-300x112.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/5-8-768x287.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/5-8-50x19.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/5-8-60x22.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/5-8-100x37.png 100w\" sizes=\"(max-width: 887px) 100vw, 887px\" \/><\/figure>\n\n\n\n<p>  <strong><mark style=\"background-color: yellow;\">Step 7:<\/mark><\/strong> Paste this URL in AMP Opt-in form.<\/p>\n\n\n\n<p><strong><mark style=\"background-color: yellow;\">Step 8:<\/mark><\/strong> Now select MailerLite from the Drop down and enter the API URL and copy the shortcode and place where you want to display the MailPoet3 Form. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"372\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/7-1-1024x372.png\" alt=\"\" class=\"wp-image-12258\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/7-1-1024x372.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/7-1-300x109.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/7-1-768x279.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/7-1-50x18.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/7-1-60x22.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/7-1-100x36.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/7-1.png 1346w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4>The Output of the MailerLite form 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\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"498\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-4-1024x498.png\" alt=\"\" class=\"wp-image-12263\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-4-1024x498.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-4-300x146.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-4-768x373.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-4-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-4-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-4-100x49.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-4.png 1350w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4>To make it easy, we have created a video tutorial on Mailerlite that you can watch below.<\/h4>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/Recording-4.mp4\"><\/video><\/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 MailPoet3 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\u00a0WordPress Dashboard\u00a0->\u00a0AMP optin\u00a0->\u00a0Add New optin -> select \u201c MailerLite \u201d option -> now you need API URL. Follow the simple steps to get&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"open","template":"","format":"standard","meta":[],"ht-kb-category":[29],"ht-kb-tag":[44,37],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/314"}],"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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=314"}],"version-history":[{"count":17,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/314\/revisions"}],"predecessor-version":[{"id":12265,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/314\/revisions\/12265"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=314"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=314"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}