{"id":10401,"date":"2019-05-25T11:14:10","date_gmt":"2019-05-25T11:14:10","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&p=10401"},"modified":"2019-07-13T13:14:07","modified_gmt":"2019-07-13T13:14:07","slug":"how-to-use-mailjet-integration-in-amp-opt-in","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-use-mailjet-integration-in-amp-opt-in\/","title":{"rendered":"How to use Mailjet Integration in AMP Opt-in"},"content":{"rendered":"\n

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

After installing you will find this option in\u00a0WordPress Dashboard<\/strong>\u00a0->\u00a0AMP optin<\/strong>\u00a0->\u00a0Add New optin<\/strong>\u00a0-> select \u201c\u00a0Mailjet<\/strong> \u201d option ->now you need three things \u2013\u00a0 From URL, width, Height <\/p>\n\n\n\n

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

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

\nStep 1: <\/mark><\/strong>First of all Signup\/login at Mailjet<\/a>.<\/p>\n\n\n\n

\nStep 2:<\/mark> <\/strong> After Signup\/login Mailjet clicks on the Contact<\/strong> -> Click on “Create a contact list” button.<\/p>\n\n\n\n

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

\nStep 3:<\/mark><\/strong> Create List Name after that click on “save & continue” button like below the screenshot<\/p>\n\n\n\n

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

\nStep 4:<\/mark> <\/strong>Here you need to select Embedde Widget<\/p>\n\n\n\n

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

\nStep 5:<\/mark> <\/strong>Click on Widget fields and Add fields like below the screenshot<\/p>\n\n\n\n

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

Scroll down a little to see this form<\/p>\n\n\n\n

\nStep 6:<\/mark> <\/strong>After customizing the form, please select the Expert Mode<\/p>\n\n\n\n

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

\nStep 7:<\/mark> <\/strong>Click On the “Save widget” button.<\/p>\n\n\n\n

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

\nStep 8:<\/mark> <\/strong>Now Copy the Form URL and Paste this Form URL in AMP Opt-in form <\/p>\n\n\n\n

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

\nStep 9:<\/mark><\/strong> Create a new AMP Opt-in<\/p>\n\n\n\n

\"Add<\/a><\/figure>\n\n\n\n

\n Step 10:<\/mark><\/strong> Now, select MailJet from the Drop down and enters the From URL, width, Height and copy the shortcode and place where you want to display the MailJet Form. <\/p>\n\n\n\n

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

The Output of MailJet 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

To make it easy, we have created a video tutorial on MailJet that you can watch below.<\/h4>\n\n\n\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