{"id":17335,"date":"2020-05-16T10:30:36","date_gmt":"2020-05-16T10:30:36","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=17335"},"modified":"2022-03-11T11:03:20","modified_gmt":"2022-03-11T11:03:20","slug":"how-to-add-mad-mimi-optin-form-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-add-mad-mimi-optin-form-in-amp\/","title":{"rendered":"How to add Mad Mimi optin form in AMP"},"content":{"rendered":"\n<p>If you want to add a Mad Mimi 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<strong>&nbsp;Mad Mimi<\/strong>\u201d option -&gt; Now you need API URL.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"414\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/16-1024x414.png\" alt=\"\" class=\"wp-image-17337\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/16-1024x414.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/16-300x121.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/16-768x311.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/16-50x20.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/16-60x24.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/16-100x40.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/16.png 1048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Follow the simple steps to get API URL from Mad Mimi<\/strong> <strong>Account.<\/strong><\/p>\n\n\n\n<p><strong>Step 1:&nbsp;<\/strong>First of all Signup\/login at&nbsp;<a href=\"https:\/\/madmimi.com\/session\/new\">Mad Mimi<\/a>.<\/p>\n\n\n\n<p><strong>Step 2:<\/strong>&nbsp;After Signup\/login Mad Mimi clicks on the&nbsp;Webform&nbsp;link at the top of any Mad Mimi page&nbsp; <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"465\" height=\"282\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/17-1.png\" alt=\"\" class=\"wp-image-17341\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/17-1.png 465w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/17-1-300x182.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/17-1-50x30.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/17-1-60x36.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/17-1-100x61.png 100w\" sizes=\"(max-width: 465px) 100vw, 465px\" \/><\/figure><\/div>\n\n\n\n<p><strong>Step 3:<\/strong> Now click on the edit button like below the screenshot<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"373\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/18-1024x373.png\" alt=\"\" class=\"wp-image-17343\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/18-1024x373.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/18-300x109.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/18-768x280.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/18-50x18.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/18-60x22.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/18-100x36.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/18.png 1327w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 4:<\/strong> Click on the Embed button like below the screenshot<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"326\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/19-1-1024x326.png\" alt=\"\" class=\"wp-image-17344\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/19-1-1024x326.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/19-1-300x95.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/19-1-768x244.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/19-1-50x16.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/19-1-60x19.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/19-1-100x32.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/19-1.png 1348w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 5:<\/strong> After that Click on <strong>Plain Embed<\/strong> option and copy this code.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"599\" height=\"506\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/21.png\" alt=\"\" class=\"wp-image-17348\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/21.png 599w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/21-300x253.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/21-50x42.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/21-60x51.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/21-100x84.png 100w\" sizes=\"(max-width: 599px) 100vw, 599px\" \/><\/figure>\n\n\n\n<p><strong>Step 6:&nbsp;<\/strong>Paste this code in Notepad or sublime and select the form action tag to select the API URL.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"846\" height=\"284\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/22.png\" alt=\"\" class=\"wp-image-17349\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/22.png 846w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/22-300x101.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/22-768x258.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/22-50x17.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/22-60x20.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/22-100x34.png 100w\" sizes=\"(max-width: 846px) 100vw, 846px\" \/><\/figure>\n\n\n\n<p><strong>Step 7:&nbsp;<\/strong>Paste this URL in AMP Opt-in form.<\/p>\n\n\n\n<p><strong>Step 8:<\/strong>&nbsp;Now select Mad Mimi from the Drop down and enter the API URL and copy the shortcode and place where you want to display the Mad Mimi Form.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"377\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/23-1024x377.png\" alt=\"\" class=\"wp-image-17350\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/23-1024x377.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/23-300x111.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/23-768x283.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/23-50x18.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/23-60x22.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/23-100x37.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/23.png 1343w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 id=\"the-output-of-mailchimp-form-in-amp\"><strong>The output of&nbsp; Ma<\/strong>d Mimi&nbsp;<strong>Form in AMP:<\/strong><\/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 size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"527\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/24-1024x527.png\" alt=\"\" class=\"wp-image-17351\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/24-1024x527.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/24-300x154.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/24-768x395.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/24-50x26.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/24-60x31.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/24-100x51.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/05\/24.png 1125w\" 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\n\n\n<p><br><\/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 a Mad Mimi 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;Mad Mimi\u201d option -&gt; Now you need API URL. Follow the simple steps to get&#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\/17335"}],"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=17335"}],"version-history":[{"count":8,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/17335\/revisions"}],"predecessor-version":[{"id":18458,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/17335\/revisions\/18458"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=17335"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=17335"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=17335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}