Google AMP for HTML email

Google AMP Slide Show

[{"selector":"#anim-33e71e13-89da-4c4b-a1f3-f5636aed46de","keyframes":{"opacity":[0,1]},"delay":100,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6e34c220-3e2b-421c-8d88-29537335b157","keyframes":{"opacity":[0,1]},"delay":1000,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-699a5702-f89f-4839-860d-751ffdd6d086","keyframes":{"transform":["translate3d(-256.52174%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1000,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d5e34a44-3451-4a6a-a030-e94c3af138d1","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-aba53d55-bcb1-4318-8cdd-6ae8d996920a","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8dec52b3-e584-4de4-bc79-9ab45f7bda93","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c6eb6e20-ae6c-4b78-a1c1-c32ccde3a748","keyframes":{"transform":["translate3d(0px, 98.61111%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 1A Audience can browse through product images by clicking the image thumbnail at the bottom or using the right/left arrow to navigate the product images.

Google AMP Slide Show

[{"selector":"#anim-ed05dfc6-76db-48f9-b50a-10fd2e43cedc","keyframes":{"opacity":[0,1]},"delay":1000,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6e542574-4816-439e-a3f8-f857b5690fc8","keyframes":{"transform":["translate3d(-256.52174%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1000,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5f4a421d-f64a-4c47-bb43-bc4233d65f42","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-eaecc336-566c-4928-b7e4-623c7be9183a","keyframes":{"transform":["translate3d(0px, 98.00159%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-55cbb123-6ae9-4dc6-a220-85c0fdec3189","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fde2baf0-48c4-4e1b-89f9-51a09dfbc1f5","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0fe7c44f-43bb-48b8-99c2-8d13a02d5dce","keyframes":{"opacity":[0,1]},"delay":100,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] 1B Audience can also swipe the images if they are using the Gmail App on iPhones.

Google AMP Interactive Quiz

[{"selector":"#anim-3af056aa-213b-422e-8c9b-b8737261cd4e","keyframes":{"opacity":[0,1]},"delay":1000,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-346292de-18f0-4055-bc3c-b1914c404cce","keyframes":{"transform":["translate3d(-256.52174%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1000,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3c2c4ee4-1b9d-468b-a8e1-68d46586ed35","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-acd281e1-b7fb-4fbc-b964-bb37d2ea58d9","keyframes":{"transform":["translate3d(0px, 98.43063%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-75105753-093f-42d2-aaa2-dce884d70efd","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8e7f3eaf-a925-431f-bb9d-8d02744f7ae6","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d4692176-5845-452b-ae81-07bd8751ca7b","keyframes":{"opacity":[0,1]},"delay":100,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] 2 Engage our audience with a short quiz directly in this email.

Google AMP Responsive Form

[{"selector":"#anim-3da918d0-0c4f-4d4f-b57a-27462b1fdeb8","keyframes":{"opacity":[0,1]},"delay":1000,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0fd3b62d-85bb-4fbd-863c-f958613289d5","keyframes":{"transform":["translate3d(-256.52174%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1000,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-75fcee41-09f7-4ba9-9bf3-b15305a3d7cc","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5f94f663-971e-4baf-ac55-646b54b58327","keyframes":{"transform":["translate3d(0px, 98.43063%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-02502c51-d98c-4bfc-9f0d-cf0ee7a875cd","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ff8916ea-904e-4c6e-9fea-7c6d5e89f797","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-457f51af-9dc1-446d-9f0f-9e466c34fcad","keyframes":{"opacity":[0,1]},"delay":100,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] 3 Embed a streamlined form directly in the AMP HTML email for tasks like pre-orders or newsletter subscriptions.

Google AMP Collapsible Menu

[{"selector":"#anim-a463564b-72da-424c-9434-a157dfd5cc24","keyframes":{"opacity":[0,1]},"delay":1000,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-486d7ece-24bf-49e4-b87d-4e4e5f343f99","keyframes":{"transform":["translate3d(-256.52174%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1000,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9e52b1f2-b76f-4466-9067-3d0eb9ab4b1f","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cc89f1c8-328e-49f6-8552-ca86700ca729","keyframes":{"transform":["translate3d(0px, 98.43063%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-78fa511d-92ca-49a0-b80f-d3b6b187a33c","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dd276497-ace5-4012-ae53-2b3fe907f923","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1073668e-ba8b-44e6-ac3b-870029290fd2","keyframes":{"opacity":[0,1]},"delay":100,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] 4 Showcase product description with expandable menu.

By the way,

[{"selector":"#anim-8f21ce25-6262-4cb6-9541-244b2215060e","keyframes":{"opacity":[0,1]},"delay":1000,"duration":5000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-08c88364-2c84-47fb-9186-81459f484312","keyframes":{"transform":["translate3d(-381.48151%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1000,"duration":5000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4d1a0740-4c16-4e8e-b6c0-5644351ce34a","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-96eb802d-b26e-450f-bf3d-feca5da3d606","keyframes":{"transform":["translate3d(0px, 98.22640%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1ae6f84a-dad5-4a69-9a3b-dcdcb00c2624","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3c9b77da-953c-4825-bd0c-3b43e8e28a31","keyframes":{"opacity":[0,1]},"delay":100,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-acd750ba-c0d6-4e4b-8674-f172b3df40b8 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-13.839285494863903%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":100,"duration":5000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-a8e01998-b999-43d9-a0a1-9b122c271600","keyframes":{"opacity":[0,1]},"delay":100,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7047e611-da75-41b9-92d4-99ce3824d64c","keyframes":{"transform":["translate3d(0px, -110.51879%, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6bb02f31-afdf-4378-afde-9281547ac9f6","keyframes":{"opacity":[0,1]},"delay":100,"duration":3000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dd800d9e-5086-4cae-abdb-38d857a2fbd3","keyframes":{"transform":["translate3d(0px, 210.05279%, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":3000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Want to see some hot new trends? Check out my list of 9 essential HTML email design trends

THANK YOU

[{"selector":"#anim-477c005c-d013-4add-84f4-c0d39f333768","keyframes":{"opacity":[0,1]},"delay":1000,"duration":8000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f7d462fc-d4b8-47d8-88b6-2e431e692a03","keyframes":{"transform":["translate3d(-381.48151%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1000,"duration":8000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c1ba89bf-f273-485d-b5c9-d8504aed6bad","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-86ea2020-eaed-4cb8-8ef1-fe17f87b08b5","keyframes":{"transform":["translate3d(0px, 95.96372%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d6ad99ce-dd5b-4bf3-b64a-60309f169e01","keyframes":{"opacity":[0,1]},"delay":0,"duration":8000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4e362e0d-b4de-46b8-85b2-085876a7ad9f","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3b609e02-d25e-4160-a5eb-8a4ffec847f4","keyframes":{"opacity":[0,1]},"delay":100,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5d703e1f-2e4e-45c1-8191-8714450beeac","keyframes":{"opacity":[0,1]},"delay":100,"duration":4000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5865375a-b2f1-48ac-8941-5fcb82295965","keyframes":{"opacity":[0,1]},"delay":100,"duration":5000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-abf641c5-c986-4813-8f83-7daecebe4f10","keyframes":{"opacity":[0,1]},"delay":100,"duration":6000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5f5598a6-f6af-417c-9377-b33dff53a152","keyframes":{"opacity":[0,1]},"delay":100,"duration":7000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-18869ea4-292a-4ca7-ae61-d7a25abf4c8e","keyframes":{"opacity":[0,1]},"delay":200,"duration":15000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a98c62d5-11ed-40ff-b5d1-2eed172367b7","keyframes":{"opacity":[0,1]},"delay":0,"duration":8000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-97c6f31f-05fa-414a-b0be-db140eadc59c","keyframes":{"transform":["translate3d(-105.37635%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":8000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0b9e21e0-a28f-4501-a365-eb863ac21c21","keyframes":{"opacity":[0,1]},"delay":100,"duration":9000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9aea780f-bf76-4bb8-9ef3-3ab31459d390","keyframes":{"transform":["translate3d(105.37635%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":9000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c7aff80b-9425-42b2-b864-03f53888840a","keyframes":{"opacity":[0,1]},"delay":100,"duration":10000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3f6d00b4-7d6f-46c1-81d0-6682d4147b64","keyframes":{"transform":["translate3d(-105.37635%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":10000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-319b48f6-880e-4b17-b468-159afad9c6d3","keyframes":{"opacity":[0,1]},"delay":100,"duration":11000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b213d577-4757-4257-b594-6fb20446ba9f","keyframes":{"transform":["translate3d(105.37635%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":11000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 4 Please feel free to contact me if you would like any additional information. I appreciate your time and I look forward to hearing from you.