Google AMP for HTML email

Google AMP Slide Show

[{"selector":"#anim-66eade3d-6167-4587-bec3-a8468faa2306","keyframes":{"opacity":[0,1]},"delay":100,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2c3b8683-c95d-44ca-bf4b-c095585b7ca6","keyframes":{"opacity":[0,1]},"delay":1000,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3d8423ae-e5a0-4db6-b3ca-066a9d1fc8e0","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-c1b14ad4-8c9a-4112-8745-7e6c97b12b9e","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-272a78ec-bd5e-4a5d-a336-4420d90fe398","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6b319dfc-f2b1-46f5-8ae9-436256ebd1bd","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b84b14d1-28b1-4649-ba1e-c92a77379e01","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-120f13ab-e6bc-450a-b6d3-3fcb647286ad","keyframes":{"opacity":[0,1]},"delay":1000,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e65f143b-5894-4224-928c-8cb7e1815b5a","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-adc8a411-4f2d-4714-9d77-d9405482191c","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-692dd5c0-0666-47f8-8801-2f712f91b228","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-3b7f4e69-99f0-446c-bebc-ca2684328cd4","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3f4928e6-f042-4d8d-8e73-e0bb2fd18165","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-208e0ace-087d-4a88-b495-032f186a4e9b","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-123f2b6a-b9a7-461a-a2ee-6734554d73f2","keyframes":{"opacity":[0,1]},"delay":1000,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-552fe646-63ce-4ee9-af5b-7ba138e8f392","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-858e3324-72c6-47db-b243-2f5a19990a9f","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fea7c76d-940c-4c0f-a379-9e89430779b3","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-f534ce57-2750-4870-85a3-44960991dfe7","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-53b3f3cb-c5c4-411c-b9cc-9228e3e01084","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3382205c-f569-4f23-8848-94e713b1de8f","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-65bb256c-59e7-4904-9f57-95b339a9a230","keyframes":{"opacity":[0,1]},"delay":1000,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-12b42afa-82e6-466a-bb94-47fc1fa6dd0a","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-13ed4232-9d16-4140-83a0-8f51afea82e5","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-75d47aae-7e67-4ab4-8648-73d6355f80d7","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-73ff37dc-c56d-4537-96a6-84290f3bbfbc","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-684830f5-da2c-412d-ac64-972cb22f7f54","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fbbf5374-848c-4796-9ce3-4708b6ab4dd6","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-1038e697-1a66-4bb7-ac77-99eecf9c9117","keyframes":{"opacity":[0,1]},"delay":1000,"duration":4000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7f233f50-a808-459e-85c6-1298d30b87a4","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-985ccadb-fbe1-4ac7-86b4-f61bf28b6e96","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b2fe3492-7e46-4e0d-a8d3-5b6b9904add0","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-d6601c94-48b3-4a89-a673-1c8fb78dbe0f","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-849ba363-f0fb-413d-bf0e-86b02e6ab58e","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c7496c91-cc84-40ef-9560-b6c1bc056865","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-7f93e45e-18b4-4011-9d5a-6f600582591b","keyframes":{"opacity":[0,1]},"delay":1000,"duration":5000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c8f42c0f-66d4-4e8d-acef-ae2152a0ed89","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-a9a17b34-3636-4d07-a1e2-bf594982b747","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-134977c3-455a-4381-a997-38e9657bafcf","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-a1eba425-09e7-4372-8736-39ae1ce410fc","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2ad8f95b-c44b-4e5c-a287-15c8f0e0bd77","keyframes":{"opacity":[0,1]},"delay":100,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-77694bcf-2ee2-4ea0-81df-9d958044e387 [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-b6adde1a-c918-4779-9c46-c24544081b07","keyframes":{"opacity":[0,1]},"delay":100,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-df608efd-825e-44fd-a9ac-4d6cc22dbf9c","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-53cc687f-d327-4892-8d6f-b3716fc696f5","keyframes":{"opacity":[0,1]},"delay":100,"duration":3000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e296b318-1b4a-4029-add5-21a7d1c32c48","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-6fbbd156-ce37-4473-b2f2-9510acaa985e","keyframes":{"opacity":[0,1]},"delay":1000,"duration":8000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ba14dd15-352e-4d5b-80b4-95140ee1f439","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-23ffdea6-b2b0-41cc-a17b-cfad27a9ec04","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-340a5e2b-4f38-4ace-a3a5-d39b358c5d33","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-8e22dba2-191c-4249-aec9-de74461927da","keyframes":{"opacity":[0,1]},"delay":0,"duration":8000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-41a8a411-6883-4817-9799-448cf8cd013b","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9ef45da7-445f-4642-8db4-a5c399bd5a53","keyframes":{"opacity":[0,1]},"delay":100,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-28b3c75e-c3e0-41fd-93ec-572fe0627f20","keyframes":{"opacity":[0,1]},"delay":100,"duration":4000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c3949e1a-5c55-4a4e-86fa-3d8b0429701b","keyframes":{"opacity":[0,1]},"delay":100,"duration":5000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c916dcce-58ce-4511-9a8c-1b369553db60","keyframes":{"opacity":[0,1]},"delay":100,"duration":6000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-605b26f2-a5d0-47a7-9140-fa2ef8aa0c73","keyframes":{"opacity":[0,1]},"delay":100,"duration":7000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-658232cb-f3cb-4901-8dd1-4c37147cd8dd","keyframes":{"opacity":[0,1]},"delay":200,"duration":15000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f8985aaf-e3b3-4f9d-b03d-bb935432c032","keyframes":{"opacity":[0,1]},"delay":0,"duration":8000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-130aa186-3cf7-485b-9487-7ca94d598956","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-00020e8f-fa31-455b-89ac-5dbb73728d3d","keyframes":{"opacity":[0,1]},"delay":100,"duration":9000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1302bce3-c215-407c-81ec-979b2df72eb2","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-991d49af-7769-4a43-b3ee-e33d004c2e1d","keyframes":{"opacity":[0,1]},"delay":100,"duration":10000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5e4c4c5c-1d0b-4ccf-876f-3aaee73cd261","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-55bde6a8-f0b9-48e5-9445-1a96b5eda772","keyframes":{"opacity":[0,1]},"delay":100,"duration":11000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f2f8fd5d-3bfe-465e-958c-f5923cb4efd5","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.