{"id":9452,"date":"2019-05-09T07:30:51","date_gmt":"2019-05-09T07:30:51","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=9452"},"modified":"2020-04-04T06:13:18","modified_gmt":"2020-04-04T06:13:18","slug":"how-to-create-campaign-monitor-form-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-create-campaign-monitor-form-in-amp\/","title":{"rendered":"How to create Campaign Monitor form in AMP"},"content":{"rendered":"\n<p>If you want to add Campaign Monitor 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>&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> Campaign Monitor<\/strong> \u201d option -> now you need API KEY, list ID.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"547\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/15-1024x547.png\" alt=\"\" class=\"wp-image-17028\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/15-1024x547.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/15-300x160.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/15-768x410.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/15-50x27.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/15-60x32.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/15-100x53.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/15.png 1044w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4><mark style=\"background-color: yellow;\">How to get Campaign Monitor API Key<\/mark><\/h4>\n\n\n\n<p>Once you set up and logged in to your <a href=\"https:\/\/www.campaignmonitor.com\/c\/\">Campaign Monitor<\/a> account successfully, please follow the steps below to get API Key and List ID.<\/p>\n\n\n\n<p><strong>Step 1 &#8211; <\/strong>Under the administrator dashboard, click\u00a0Account Settings.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/preventdirectaccess.com\/wp-content\/uploads\/2019\/01\/get-cm-api-keys-account-settings.jpeg\" alt=\"\" class=\"wp-image-3342\"\/><\/figure>\n\n\n\n<p><strong>Step 2 &#8211; <\/strong>Locate the\u00a0<strong>API keys<\/strong>\u00a0on the right of the screen.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/preventdirectaccess.com\/wp-content\/uploads\/2019\/01\/get-cm-api-keys.jpeg\" alt=\"\" class=\"wp-image-3341\"\/><\/figure><\/div>\n\n\n\n<p><strong>Step 3 &#8211;<\/strong> By default the Client ID is visible but you need to click\u00a0<strong>Show API key<\/strong>\u00a0to see your API key.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/preventdirectaccess.com\/wp-content\/uploads\/2019\/01\/get-cm-api-keys-show.jpeg\" alt=\"\" class=\"wp-image-3343\"\/><\/figure><\/div>\n\n\n\n<h4><mark style=\"background-color: yellow;\">How to find your Campaign Monitor LIST ID<\/mark><\/h4>\n\n\n\n<p><strong>Step 1 &#8211;\u00a0<\/strong>First of all Signup\/login at <a href=\"https:\/\/www.campaignmonitor.com\/c\/\">Campaign Monitor<\/a>.<\/p>\n\n\n\n<p><strong>Step 2<\/strong> <strong>&#8211; <\/strong>Select \u2018Lists and subscribers\u2019 from the top menu <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"291\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-1-1024x291.png\" alt=\"\" class=\"wp-image-9544\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-1-1024x291.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-1-300x85.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-1-768x219.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-1-50x14.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-1-60x17.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-1-100x28.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-1.png 1342w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 3<\/strong> <strong>&#8211; <\/strong>Click on the list that you want to integrate<\/p>\n\n\n\n<p><strong>Step 4<\/strong> <strong>&#8211; <\/strong>Click the \u2018change name\/type\u2019 option <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"345\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-2-1024x345.png\" alt=\"\" class=\"wp-image-9546\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-2-1024x345.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-2-300x101.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-2-768x259.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-2-50x17.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-2-60x20.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-2-100x34.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-2.png 1348w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 5<\/strong> <strong>&#8211;<\/strong> Copy this List ID<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"322\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-3-1024x322.png\" alt=\"\" class=\"wp-image-9548\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-3-1024x322.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-3-300x94.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-3-768x241.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-3-50x16.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-3-60x19.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-3-100x31.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/campaign-3.png 1355w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 6 &#8211; <\/strong>Now enter the &#8220;<strong>API KEY<\/strong>&#8221; and &#8220;<strong>List ID<\/strong>&#8221;  and copy the shortcode and place where you want to display the Campaign Monitor Form. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"371\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/16-1024x371.png\" alt=\"\" class=\"wp-image-17036\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/16-1024x371.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/16-300x109.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/16-768x278.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/16-50x18.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/16-60x22.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/16-100x36.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/16.png 1349w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul><li><strong>Company:<\/strong> Select Campaign Monitor Option.<\/li><li><strong>API Key:<\/strong>  Paste API Key from Campaign Monitor Account <\/li><li><strong>List ID:<\/strong> Paste List ID from Campaign Monitor Account<\/li><\/ul>\n\n\n\n<p><strong>Step 7 &#8211;  <\/strong>Click on the &#8220;<strong>Publish<\/strong>&#8221; button.<\/p>\n\n\n\n<h4 id=\"the-output-of-mailpoet3-in-amp\">The Output of Campaign Monitor 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 Campaign Monitor form in AMP then first you need to purchase and install 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 Campaign Monitor \u201d option -> now you need API KEY, list ID. How&#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\/9452"}],"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=9452"}],"version-history":[{"count":26,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/9452\/revisions"}],"predecessor-version":[{"id":17038,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/9452\/revisions\/17038"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=9452"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=9452"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=9452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}