Carousels and galleries
Banner and product carousels that let customers browse multiple products or offers in a single module.
Email Production
Interactive emails that stand out in the inbox.
From product carousels and tap-to-reveal offers to quizzes, games and 360° product rotators, we design and build interactive emails that customers can use without leaving the inbox. Every build includes a well-designed fallback, so subscribers on email clients without interactive support still get a great email.
Overview
Give subscribers a reason to engage.
Interactive email turns a message into an experience. Customers can browse products, answer questions, reveal offers or play a game right in the inbox, which makes campaigns more memorable and gives you richer engagement data than a click alone.
The challenge is support. Interactivity works in some email clients and not others, so every interactive element needs a fallback. We've built everything from accordions to a fully playable character builder, and we design the fallback with as much care as the interactive version.
Services
What we build
Popular interactive formats include:
Tap-to-reveal and card flips
Hidden offers, answers and launches that customers reveal with a tap, ideal for teasers and promotions.
Accordions and tabs
Expandable content for FAQs, product details and long-form content, keeping emails short and scannable.
Quizzes and choose-your-path
Interactive quizzes that guide customers to the right product or content, ending in a personalised call to action.
Games and gamification
Slot machines, character builders, scratch cards and other playful experiences for seasonal and launch campaigns.
360° product rotators
Let customers spin and explore a product from every angle, directly in the email.
Process
How we work
- 01
Concept
Agree the campaign goal and interactive format, and check support across your audience's email clients.
- 02
Design
Design the interactive experience and the fallback together, so every subscriber gets a great email.
- 03
Build
Hand-code the interaction in HTML/CSS or AMP and test it across devices and email clients.
- 04
Reuse
Package the interaction as a reusable module in your design system, so you can use it again without rebuilding.
What you get
- Interactive concept and email client support review
- Interactive and fallback designs
- Hand-coded HTML/CSS or AMP build
- Cross-client and device testing
- Integration with your email platform
- Reusable interactive module for future campaigns
A good fit if
- You want campaigns that stand out in a crowded inbox
- You're launching a product or planning a seasonal campaign
- You want richer engagement data than clicks alone
- Your platform or builder supports custom modules
- You've tried interactive email before and hit rendering issues
Resources
Related reading
Practical guides from our Resources section, written from real client work.
Interactive email: what's possible, and where it works (HTML/CSS and AMP)
What interactive email can do, how HTML/CSS and AMP for Email differ, which email clients support them, and how to design fallbacks so nobody misses out.
Read article →
Build an Interactive Character Builder for Email, Part 1: Introduction and laying the foundations
What we are building, the basics of interactive email, the plan, and the HTML foundations with a fallback.
Read article →
Build an Interactive Character Builder for Email, Part 3: CSS: making it work
Step four: the CSS that connects the controls to the character, using the sibling selector to swap each layer.
Read article →
Email design best practices: 9 rules for designing emails that are quick to build
Nine email design best practices for designers: grids, live text, simple buttons, @2x assets, GIFs and interactivity, for emails that look great and build fast.
Read article →FAQs
Frequently asked questions
Which email clients support interactive email?
Apple Mail and iOS Mail support the widest range of CSS interactivity, while Gmail and Yahoo Mail support AMP for Email for registered senders. Support changes regularly, so we check your audience's email client mix before recommending a format.
What's the difference between HTML/CSS and AMP interactivity?
CSS interactivity uses techniques like hidden inputs and labels and works in several clients without any registration. AMP for Email allows richer, live features such as forms and real-time content, but requires sender registration and a separate AMP version of the email.
What happens in email clients that don't support interactivity?
Subscribers see a fallback that we design alongside the interactive version. It still delivers the message and the call to action, just without the interaction.
Can interactive modules be used in our email builder?
Yes. We build interactive modules for builders and platforms including Stripo, Taxi for Email and HubSpot, so your team can drop them into future emails.
Contact
Let us take the stress out of managing your lifecycle marketing.
If you are interested in hearing how our lifecycle marketing services can help maximise your email channel and wider customer journey, fill in the form below and receive a FREE consultation. In our initial consultation, we will dive deeper into your unique requirements and learn how we can maximise your email channel for increased performance and conversions.