{"id":339,"date":"2017-05-11T09:50:59","date_gmt":"2017-05-11T09:50:59","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?p=339"},"modified":"2019-07-11T11:30:02","modified_gmt":"2019-07-11T11:30:02","slug":"aweber-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/aweber-in-amp\/","title":{"rendered":"How to create a AWeber form in AMP"},"content":{"rendered":"<p>If you want to add MailPoet3 form in AMP then first you need to purchase and install <a href=\"https:\/\/ampforwp.com\/opt-in-forms\/\">Opt-in Forms for AMP<\/a>\u00a0plugin.<\/p>\n<p>After installing you will find this option in\u00a0<strong>WordPress Dashboard<\/strong>\u00a0-&gt;\u00a0<strong>AMP optin<\/strong>\u00a0-&gt;\u00a0<strong>Add New optin<\/strong> -&gt; select \u201c <strong>AWeber<\/strong> \u201d option -&gt; now you need Form URL.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/13.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12299\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/13.png\" alt=\"\" width=\"1047\" height=\"398\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/13.png 1047w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/13-300x114.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/13-768x292.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/13-1024x389.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/13-50x19.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/13-60x23.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/13-100x38.png 100w\" sizes=\"(max-width: 1047px) 100vw, 1047px\" \/><\/a><\/p>\n<p><strong>Follow the simple steps to get all this form URL from Aweber Account.<\/strong><\/p>\n<p><strong><mark style=\"background-color: yellow;\">Step 1: <\/mark><\/strong>First of all Login\/SignUp at <a href=\"https:\/\/www.aweber.com\/\">AWeber<\/a>.<\/p>\n<p><strong><mark style=\"background-color: yellow;\">Step 2:<\/mark>\u00a0<\/strong>Create\/Select a list and click on Sign Up Forms as shown in image below<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/Aweber.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-340 aligncenter\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/Aweber.png\" alt=\"Signup form\" width=\"600\" height=\"130\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/Aweber.png 600w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/Aweber-300x65.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><strong><mark style=\"background-color: yellow;\">Step 3:<\/mark>\u00a0<\/strong>After creating and styling the form, click on publish and copy the link from &#8220;Have AWeber Host My Form&#8221;.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/amp-optin.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-4272 size-full\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/amp-optin.jpg\" alt=\"\" width=\"1085\" height=\"320\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/amp-optin.jpg 1085w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/amp-optin-300x88.jpg 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/amp-optin-768x227.jpg 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/amp-optin-1024x302.jpg 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/amp-optin-50x15.jpg 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/amp-optin-60x18.jpg 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/amp-optin-100x29.jpg 100w\" sizes=\"(max-width: 1085px) 100vw, 1085px\" \/><\/a><\/p>\n<p><strong><mark style=\"background-color: yellow;\">Step 4:<\/mark>\u00a0<\/strong>Create a new AMP Opt-in<\/p>\n<figure id=\"attachment_299\" aria-describedby=\"caption-attachment-299\" style=\"width: 504px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/Add-New-Optin.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-299\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/Add-New-Optin.png\" alt=\"Add New Optin\" width=\"504\" height=\"505\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/Add-New-Optin.png 504w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/Add-New-Optin-150x150.png 150w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/Add-New-Optin-300x300.png 300w\" sizes=\"(max-width: 504px) 100vw, 504px\" \/><\/a><figcaption id=\"caption-attachment-299\" class=\"wp-caption-text\">Add New Optin<\/figcaption><\/figure>\n<p><strong><mark style=\"background-color: yellow;\">Step 5:<\/mark> <\/strong>Now select AWeber from Dropdown and add the link which we have copied and copy the shortcode and place where you want to display the AWeber Form.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/14.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12302\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/14.png\" alt=\"\" width=\"1351\" height=\"415\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/14.png 1351w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/14-300x92.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/14-768x236.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/14-1024x315.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/14-50x15.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/14-60x18.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/14-100x31.png 100w\" sizes=\"(max-width: 1351px) 100vw, 1351px\" \/><\/a><\/p>\n<h4>The Output of the AWeber form in AMP<\/h4>\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<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/3.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12287\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/3.png\" alt=\"\" width=\"1350\" height=\"656\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/3.png 1350w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/3-300x146.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/3-768x373.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/3-1024x498.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/3-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/3-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/3-100x49.png 100w\" sizes=\"(max-width: 1350px) 100vw, 1350px\" \/><\/a><\/p>\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\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 Opt-in Forms for AMP\u00a0plugin. After installing you will find this option in\u00a0WordPress Dashboard\u00a0-&gt;\u00a0AMP optin\u00a0-&gt;\u00a0Add New optin -&gt; select \u201c AWeber \u201d option -&gt; now you need Form URL. Follow the simple steps to&#8230;<\/p>\n","protected":false},"author":5,"comment_status":"open","ping_status":"open","template":"","format":"standard","meta":[],"ht-kb-category":[29],"ht-kb-tag":[37,39],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/339"}],"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\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=339"}],"version-history":[{"count":8,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/339\/revisions"}],"predecessor-version":[{"id":12306,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/339\/revisions\/12306"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=339"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=339"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=339"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}