{"id":10145,"date":"2021-01-21T08:58:23","date_gmt":"2021-01-21T08:58:23","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=10145"},"modified":"2021-02-04T05:45:54","modified_gmt":"2021-02-04T05:45:54","slug":"mailpoet-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/mailpoet-in-amp\/","title":{"rendered":"How to create MailPoet from in AMP?"},"content":{"rendered":"\n<p>If you want to add <a href=\"https:\/\/wordpress.org\/plugins\/wysija-newsletters\/\">MailPoet<\/a> 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&nbsp;<strong>MailPoet<\/strong>&nbsp;\u201d option -&gt; now you need two things \u2013 Form ID, List ID.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"502\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/46-1024x502.png\" alt=\"\" class=\"wp-image-17899\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/46-1024x502.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/46-300x147.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/46-768x377.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/46-50x25.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/46-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/46-100x49.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/46.png 1028w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Follow the simple steps to get all this ID\u2019s from MailPoet.<\/strong><\/p>\n\n\n\n<ul><li>Download and Install from&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/wysija-newsletters\/\">MailPoet&nbsp;<\/a>plugin.<\/li><li>Upload and Activate.<\/li><\/ul>\n\n\n\n<p><strong>Step 1:<\/strong>&nbsp;First go to&nbsp;<strong>WordPress dashboard&nbsp;<\/strong>-&gt;&nbsp;<strong>MailPoet&nbsp;<\/strong>-&gt;<strong> Settings<\/strong> -&gt;<strong> Forms<\/strong> -&gt; <strong>Create a new forms <\/strong>after that give the name to your form and add these fields like first name, last name, and email -&gt;Click on&nbsp;<strong>Shortcode<\/strong>&nbsp;and copy this shortcode and place where you want to display MailPoet Form.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"789\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/47-1024x789.png\" alt=\"\" class=\"wp-image-17901\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/47-1024x789.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/47-300x231.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/47-768x592.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/47-50x39.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/47-60x46.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/47-100x77.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/47.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong><mark>Step 2:&nbsp;<\/mark><\/strong>In the browser Inspect this Mailpote Form in Non-AMP copy this code and paste it in Sublime\/ Notepad.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"447\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/48-1024x447.png\" alt=\"\" class=\"wp-image-17902\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/48-1024x447.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/48-300x131.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/48-768x335.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/48-50x22.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/48-60x26.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/48-100x44.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/48.png 1369w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong><mark>Step 3:<\/mark><\/strong>&nbsp;Copy this  Form ID, List ID 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=\"1024\" height=\"416\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/49-1024x416.png\" alt=\"\" class=\"wp-image-17904\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/49-1024x416.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/49-300x122.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/49-768x312.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/49-50x20.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/49-60x24.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/49-100x41.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/49.png 1363w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong><mark>Step 4:<\/mark><\/strong>&nbsp;Create a new AMP Opt-in<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/Add-New-Optin.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/Add-New-Optin.png\" alt=\"Add New Optin\"\/><\/a><\/figure>\n\n\n\n<p><strong><mark>Step 5<\/mark><\/strong>: Now enter the Form ID, List ID, and copy the shortcode and place where you want to display the MailPoet Form.<\/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\/2021\/01\/50-1024x499.png\" alt=\"\" class=\"wp-image-17905\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/50-1024x499.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/50-300x146.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/50-768x374.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/50-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/50-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/50-100x49.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/01\/50.png 1349w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 id=\"the-output-of-mailpoet3-in-amp\">The Output of MailPoet 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-3-1024x498.png\" alt=\"\" class=\"wp-image-12238\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-3-1024x498.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-3-300x146.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-3-768x373.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-3-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-3-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-3-100x49.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-3.png 1350w\" 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 MailPoet 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&nbsp;MailPoet&nbsp;\u201d option -&gt; now you need two things \u2013 Form ID, List ID. Follow the simple steps&#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\/10145"}],"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=10145"}],"version-history":[{"count":7,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/10145\/revisions"}],"predecessor-version":[{"id":17916,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/10145\/revisions\/17916"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=10145"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=10145"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=10145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}