How to Extract AMP4email Markup from Gmail

Borne from a thread in #EmailGeeks, I’ve decided to collect my thoughts into a guide on how to grab valid AMP4email markup code from your Gmail inbox so that you can play around with it yourself.

Step 1: Open the kebab menu and choose “Show original”.

Step 2: On the “Original Message”, copy and paste everything between…

Content-Type: text/x-amp-html; charset="UTF-8"
Content-Transfer-Encoding: quoted-printable

…and:

--0000000000005a460c05bec98b5f
Content-Type: text/html; charset="UTF-8"

*Please note: There will be a different series of numbers above Content-Type: text/html; charset=”UTF-8", but it will always look similar.

Step 3: Decode the Quoted-Printable format

Because what you’ve just copied and pasted looks a bit like a jumbled mess to anyone who can read HTML, you’re going to need to convert it to valid HTML markup.

Webatic’s Quoted Printable Converter is a tool that I’ve used, but I’m certain there are others out there that work just fine.

Pro-Tip: Decoding Quoted-Printable encoding also works for any normal HTML email you might see in Gmail too! Just copy everything below Content-Type: text/html; charset=”UTF-8" instead. However, there are easier ways to do that — like using a Litmus Scope bookmarklet to save you a few clicks.

Step 4: Test it out!

Once you’ve grabbed your converted AMP4email markup, you should test it out to see if it functions as expected.

If you don’t have access to an Email Service Provider that has the ability to send out the AMP MIME type (Salesforce, SparkPost, SendGrid, AmazonSES), here are a few alternative ways to test the interactivity.

Staff Engineer at Squarespace