How To Create A MailChimp Sign Up Form For AMP Pages

If you've been living without a Smartphone for the last few years and you're not a digital marketer, you probably have no clue what AMP pages are, but they're kind of a big deal. Mobile internet access is by far the more popular medium due to Smartphone penetration and Google wants to be able to serve results on mobile devices with real speed.

Which is why it has been punting the AMP technology on webmasters and site owners and encouraging adoption a distinct algorithmic bias now placed on AMP pages in mobile rankings. As a result, site owners have migrated their mobile sites to be served in AMP but with it comes a few restrictions, having a watered down version of a webpage with minimal coding for rendering it makes it hard to add rich media services like embedded third-party tools like the tried and tested MailChimp sign up form.

I mean, what good is having all the traffic but not being able to convert those visitors into leads for your email database, right? Exactly, which is why marketers and a few smart coders have helped us put together a workaround that allows you the best of both worlds. 

How to embed a MailChimp Email Sign up form in an AMP page

AMP is still a fairly young technology so the implementations can get a bit technical so if you don't feel comfortable with these steps I recommend you enlist the help of a developer. If you read my warning and still want to take on the task yourself, you can find the steps that suit you best here:

WordPress

In my opinion, the simplest way to get this working would be to purchase the AMP Opt-In Plugin by AMP for WP. Once you have the plugin installed an ensure that it is compatible with your AMP setup/plugin and your version of WordPress you can then proceed to set up the form.

• Step 1: First of all Signup/login at MailChimp.
• Step 2: After Signup/login MailChimp clicks on the Audience option in the dashboard.
• Step 3: click on Manage Audience -> Signup forms.
• Step 4: Here you need to select the Embededded forms and click on the select button you can select the existing form.
• Step 5: Paste this code in Notepad and select the form action tag to select the URL.
• Step 6: Paste this URL in AMP Opt-in form.
• Step 7: Select MailChimp from the Drop down and enters the API URL and copy the shortcode and place where you want to display the MailChimp Form.

If you require more detailed instructions then you can find the original guide here.

Other sites

Test and tracking

Now that you've set up your MailChimp sign up form it's not just enough to let it run you need to start collecting data on how it performs which can be done with a little help from Google Tag Manager's AMP set up and the trusted Google Analytics. Once you've started to gather data on your AMP page performance you may want to start to make changes to see which elements work best. 

I would highly recommend using Google Ads AMP A/B testing to start pushing visitors to your AMP pages and tracking their behaviour. You can then create well crafted mobile experiences that will leave your competition in the dust and you're visitors wanting more. 

While many see mobile as a nice to have, it is fast becoming the must-have and while it may not convert as highly when it comes to transactions it's a great channel for gathering leads for direct communication.

Protip! If you want to take things further you can also use AMP to create dynamic email templates for a complete mobile experience. 

Tell us your email marketing story

Have you been frustrated with your email marketing on AMP sites? How did you or the company overcome it? Are there any tips you would like to share on improving your reports? Share it with us in the comments.

Contact us

If you would like us to build embedded forms for you or want to know more about digital marketing for your business, then don’t be shy we’re happy to assist. Simply contact us

Are you looking to promote your business?

South African Business owners can create your free business listing on nichemarket. The more information you provide about your business, the easier it will be for your customers to find you online. Registering with nichemarket is easy; all you will need to do is head over to our sign up form and follow the instructions.

If you require a more detailed guide on how to create your profile or your listing, then we highly recommend you check out the following articles. 

• How to create a nichemarketer profile 
• How to create a nichemarket business listing 

Recommended reading

If you enjoyed this post and have a little extra time to dive deeper down the rabbit hole, why not check out the following posts on email marketing and mobile marketing.

• Google Updates AMP's To Give Publishers Visibility
• AMPs Find A Home In Tag Manager
• How To Set Up A MailChimp Drip Campaign

Tags: mailchimp, email marketing, amp , mobile marketing