{"id":18590,"date":"2023-10-19T11:02:25","date_gmt":"2023-10-19T11:02:25","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=18590"},"modified":"2023-10-19T11:02:47","modified_gmt":"2023-10-19T11:02:47","slug":"how-to-create-an-aweber-form-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-create-an-aweber-form-in-amp\/","title":{"rendered":"How to create an AWeber form in AMP"},"content":{"rendered":"\n<p>If you want to add an AWeber form in AMP then first you need to purchase and install\u00a0<a href=\"https:\/\/ampforwp.com\/opt-in-forms\/\">Opt-in Forms for AMP<\/a>\u00a0plugin and after installing the extension, please follow the steps below.<\/p>\n\n\n\n<p><strong>Step 1<\/strong>: Navigate to the <strong>AMP Optin<\/strong> settings that you can find it under your WP-Admin Dashboard and click on <strong>Add New Optin<\/strong> to create a new optin form.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/AMP-Optin-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-00-49.png\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"493\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/AMP-Optin-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-00-49-1024x493.png\" alt=\"\" class=\"wp-image-18592\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/AMP-Optin-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-00-49-1024x493.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/AMP-Optin-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-00-49-300x144.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/AMP-Optin-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-00-49-768x370.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/AMP-Optin-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-00-49-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/AMP-Optin-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-00-49-1536x739.png 1536w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/AMP-Optin-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-00-49-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/AMP-Optin-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-00-49-100x48.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/AMP-Optin-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-00-49.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Step 2<\/strong>: Once you have created a new form, you have to select the <strong>Company<\/strong>, please select <strong>AWeber<\/strong> from the dropdown<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-19-160508-2023-10-19-16-05-24.png\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"473\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-19-160508-2023-10-19-16-05-24-1024x473.png\" alt=\"\" class=\"wp-image-18593\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-19-160508-2023-10-19-16-05-24-1024x473.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-19-160508-2023-10-19-16-05-24-300x139.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-19-160508-2023-10-19-16-05-24-768x355.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-19-160508-2023-10-19-16-05-24-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-19-160508-2023-10-19-16-05-24-1536x710.png 1536w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-19-160508-2023-10-19-16-05-24-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-19-160508-2023-10-19-16-05-24-100x46.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-19-160508-2023-10-19-16-05-24.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Step 3<\/strong>: After selecting the AWeber form, you have to connect your AWeber account using an API key which you can generate by clicking on the link Click Here as shown in the screenshot below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Edit-Optin-Aweber-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-08-31.png\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"493\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Edit-Optin-Aweber-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-08-31-1024x493.png\" alt=\"\" class=\"wp-image-18595\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Edit-Optin-Aweber-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-08-31-1024x493.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Edit-Optin-Aweber-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-08-31-300x144.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Edit-Optin-Aweber-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-08-31-768x370.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Edit-Optin-Aweber-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-08-31-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Edit-Optin-Aweber-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-08-31-1536x739.png 1536w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Edit-Optin-Aweber-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-08-31-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Edit-Optin-Aweber-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-08-31-100x48.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Edit-Optin-Aweber-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-08-31.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Step 4<\/strong>: After clicking on <strong>Click Here<\/strong> you will be redirected to the page where you have to check AWeber&#8217;s checkbox > click on <strong>Click to connect to AWeber<\/strong> and by this you will get an API that you can add to the <strong>Authentication code Box<\/strong> and click on Validate the code.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Settings80E294WordPress2023-10-1916-14-57.png\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"472\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Settings80E294WordPress2023-10-1916-14-57-1024x472.png\" alt=\"\" class=\"wp-image-18598\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Settings80E294WordPress2023-10-1916-14-57-1024x472.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Settings80E294WordPress2023-10-1916-14-57-300x138.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Settings80E294WordPress2023-10-1916-14-57-768x354.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Settings80E294WordPress2023-10-1916-14-57-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Settings80E294WordPress2023-10-1916-14-57-1536x708.png 1536w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Settings80E294WordPress2023-10-1916-14-57-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Settings80E294WordPress2023-10-1916-14-57-100x46.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Settings80E294WordPress2023-10-1916-14-57.png 1877w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/photo_2023-10-19_15-33-09-2023-10-19-16-16-20.png\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"544\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/photo_2023-10-19_15-33-09-2023-10-19-16-16-20-1024x544.png\" alt=\"\" class=\"wp-image-18599\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/photo_2023-10-19_15-33-09-2023-10-19-16-16-20-1024x544.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/photo_2023-10-19_15-33-09-2023-10-19-16-16-20-300x159.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/photo_2023-10-19_15-33-09-2023-10-19-16-16-20-768x408.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/photo_2023-10-19_15-33-09-2023-10-19-16-16-20-50x27.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/photo_2023-10-19_15-33-09-2023-10-19-16-16-20-60x32.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/photo_2023-10-19_15-33-09-2023-10-19-16-16-20-100x53.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/photo_2023-10-19_15-33-09-2023-10-19-16-16-20.png 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Note<\/strong>: After following the steps above your AWeber account will be connected to AMP Optin and once your account is connected you have to find the List ID that you can add to the form which will help you to record the form responses.<\/p>\n\n\n\n<p>Please follow the steps below that will help you to find the List ID from your <strong>AWeber Dashboard<\/strong>.<\/p>\n\n\n\n<ol>\n<li><strong>Log in to your AWeber Account<\/strong>: Visit the AWeber website and log in to your account using your username and password.<\/li>\n\n\n\n<li><strong>Access the Lists Page<\/strong>:<\/li>\n\n\n\n<li>Once you&#8217;re logged in, you&#8217;ll be on your AWeber dashboard.<\/li>\n\n\n\n<li>In the dashboard, you should see a menu on the left-hand side. Click on the &#8220;Subscribers&#8221; menu or something similar depending on the version of the dashboard.<\/li>\n\n\n\n<li><strong>View Lists<\/strong>:<\/li>\n\n\n\n<li>Click on &#8220;Lists&#8221; or &#8220;Manage Lists.&#8221; This will take you to a page where you can see all your email lists.<\/li>\n\n\n\n<li><strong>Find the List ID<\/strong>:<\/li>\n\n\n\n<li>On the &#8220;Lists&#8221; page, you&#8217;ll see a list of your email lists.<\/li>\n\n\n\n<li>Next to each list, there should be an option to &#8220;Edit List Settings&#8221; or something similar. Click on that option for the list you want to find the List ID for.<\/li>\n\n\n\n<li><strong>Locate List ID<\/strong>:<\/li>\n\n\n\n<li>Inside the list settings, you should find the List ID. It is typically displayed on the settings page along with other information about your list.<\/li>\n\n\n\n<li>Please note that the exact layout and location of the List ID may vary slightly based on updates to the AWeber dashboard. If you have trouble finding it, you can also reach out to AWeber&#8217;s customer support for assistance.<\/li>\n\n\n\n<li>Remember to keep your List ID private as it&#8217;s an important identifier for your email list and is used to integrate your list with other applications and services.<\/li>\n<\/ol>\n\n\n\n<p><strong>Step 5<\/strong>: Now, that you have the List ID, you just have to add it to the option List-ID under the <strong>Company<\/strong> dropdown and your Aweber form is ready<\/p>\n\n\n\n<p><strong>Step 6<\/strong>: As your form is ready now, you can just copy the Form shortcode from the top-right side of your dashboard and add it to the page you want to show the AWeber form.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Edit-Optin-Aweber-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-26-02-1.png\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"493\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Edit-Optin-Aweber-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-26-02-1-1024x493.png\" alt=\"\" class=\"wp-image-18600\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Edit-Optin-Aweber-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-26-02-1-1024x493.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Edit-Optin-Aweber-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-26-02-1-300x144.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Edit-Optin-Aweber-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-26-02-1-768x370.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Edit-Optin-Aweber-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-26-02-1-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Edit-Optin-Aweber-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-26-02-1-1536x739.png 1536w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Edit-Optin-Aweber-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-26-02-1-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Edit-Optin-Aweber-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-26-02-1-100x48.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/Edit-Optin-Aweber-\u2039-Magazine3-\u2014-WordPress-2023-10-19-16-26-02-1.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h4 id=\"the-output-of-the-aweber-form-in-amp\">The Output of the AWeber form in AMP<\/h4>\n\n\n\n<p>Make sure you fill out this form and then click on the <strong>Submit button<\/strong> 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\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/3.png\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"498\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/3-1024x498.png\" alt=\"\" class=\"wp-image-18601\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/3-1024x498.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/3-300x146.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/3-768x373.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/3-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/3-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/3-100x49.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/3.png 1350w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n<p>We hope it helps 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 AWeber form in AMP then first you need to purchase and install\u00a0Opt-in Forms for AMP\u00a0plugin and after installing the extension, please follow the steps below. Step 1: Navigate to the AMP Optin settings that you can find it under your WP-Admin Dashboard and click&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[34,29],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/18590"}],"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=18590"}],"version-history":[{"count":1,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/18590\/revisions"}],"predecessor-version":[{"id":18602,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/18590\/revisions\/18602"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=18590"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=18590"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=18590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}