{"id":16480,"date":"2020-02-18T09:23:04","date_gmt":"2020-02-18T09:23:04","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&p=16480"},"modified":"2020-02-18T09:26:19","modified_gmt":"2020-02-18T09:26:19","slug":"how-to-create-mailmunch-form-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-create-mailmunch-form-in-amp\/","title":{"rendered":"How to create Mailmunch form in AMP"},"content":{"rendered":"\n

If you want to add Mailmunch form in AMP then first you need to purchase and install Opt-in Forms for AMP<\/a> plugin.<\/p>\n\n\n\n

After installing you will find this option in WordPress Dashboard<\/strong> -> AMP optin<\/strong> -> Add New optin<\/strong> -> select \u201cMailmunch<\/strong>\u201d option -> Now you need seven things \u2013 API URL, First Name ID, First Name Value, Last Name ID, Last Name Value, Email ID, and Email Value.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Follow the simple steps to get all this ID\u2019s and value from<\/strong> Mailmunch<\/strong> Account.<\/strong><\/p>\n\n\n\n

Step 1: <\/strong>First of all Signup\/login at Mailmunch<\/a><\/strong><\/p>\n\n\n\n

Step 2 \u2013<\/strong> After you\u2019ve set up your initial settings in your MailMunch account, click on the \u201cForms<\/strong>\u201d option in the top right of your screen and then, click the \u201cCreate New<\/strong>\u201d button.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 3 \u2013<\/strong> From the \u201cChoose Form Type<\/strong>\u201d section, click the\u201dEmbedded<\/strong>\u201c, form type
<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 4 \u2013<\/strong> Once you\u2019ve selected your form, you are given the option to choose a basic form section. This will be the design of your form.
<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 5 \u2013 <\/strong>Then give your form a name under the \u201cForm Title<\/strong>\u201d in the \u201cBasic Information<\/strong>\u201d pop up.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 6 \u2013<\/strong> Now go to the \u201cFields<\/strong>\u201d option and select the First Name, Last Name, and Email fields.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 7 \u2013 <\/strong>Click on the \u201cPublish<\/strong>\u201d and enable this option and then click on this link like below the screenshot.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 8 \u2013<\/strong> Copy this below code.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 9 \u2013 <\/strong>Paste the code on the post or pages as per your requirement and click on the \u201cUpdate<\/strong>\u201d button.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 10 \u2013 <\/strong>In browser Inspect this Mailmunch Form in Non-AMP copy this code and paste it in Sublime\/ Notepad.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 11 \u2013 <\/strong>Copy this API URL and Paste this in AMP Opt-in form.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 12 \u2013 <\/strong>Copy this First Name ID, First Name Value and Paste this in AMP Opt-in form.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 13 \u2013 <\/strong>Copy this Last Name ID, Last Name Value and Paste this in AMP Opt-in form.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 14 \u2013 <\/strong>Copy this Email ID, Email Value and Paste this in AMP Opt-in form.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 15 \u2013<\/strong> Create a new AMP Opt-in now enter the API URL, First Name ID, First Name Value, Last Name ID, Last Name Value, Email ID, Email Value and copy the shortcode and place where you want to display the Mailmunch Form.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The Output of Mailmunch in AMP<\/h4>\n\n\n\n

Make sure you need to fill this form and then click on the submit button after that you will get the \u201cSubscription successful<\/strong>\u201d message.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n

We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n

\n\t\t\tAsk your Questions Directly!<\/strong>
\n\t\t\t
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