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


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

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

A Case for Rough Draft Code

Best practices to write python code:

/bin/sh -c  -c option means it will only take one argument after this command

Why Do Many Scrum Teams Put Energy Into Pointless Conversations?

A sequence of robotst

Cloud Computing — The Fantasy, the Facts and Truth the Marketing Ignores

Setting Up An HTTPS Server With Node, Amazon EC2, NGINX And Let’s Encrypt

Nested Factories — Why I chose to use them

Run Hydrocarbon Flow Simulator in Windows (Ubuntu 18.04) — Part I

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Alice Li

Alice Li

Staff Engineer at Squarespace

More from Medium

Google Chrome vs Chromium: What’s the real difference?

Success Blockers That You May Be A Victim To

As a translator, how I help a famous electronic company become successful in China

How to Transfer Files From Google Drive to OneDrive? — CloudFuze