Making your emails interactive with mj-carousel ✨

Nicolas Garnier
MJML: Making Responsive Email Easy
2 min readNov 15, 2016

Although email is still hard and we don’t have any standard among email clients yet, email can also be very fun. Can you imagine a better way for your readers to engage with your emails than actually giving them a way to interact with them? TicketMaster experimented this idea for its Music Video Award, including a poll in the email, and the results were simply impressive, with an open rate exceeding the usual rate by more than 180%.

Like Dave Bailey, we’re convinced that 2017 will be the year of interactive email and that’s why we’re taking the leap. We’re proud to release our latest MJML component, mj-carousel, which should make it easy for you to blow your readers’ minds. As you might have guessed from the name, this new component enables you to display a gallery of images that your users can browse through, directly within the email.

While designing such a carousel with a consistent behaviour on major email clients involves a lots of hacks, here is what it takes in MJML:

The component is now officially in public beta. To start using it, update MJML by running npm i mjml@3.1.0-beta.2 -g and head over to the documentation.

We’re convinced you’ll find numerous opportunities to use mj-carousel in a creative way and would love to hear what you think about it, please leave comment to make your voice heard!

Love MJML? Join the team and the community on Slack, Twitter and always keep up to date by subscribing to the newsletter on https://mjml.io.

--

--

Nicolas Garnier
MJML: Making Responsive Email Easy

Building something new at Primary VC. Previously product at Treat, Gorgias, Mailgun, Mailjet, and proud daddy of open-source software MJML (15K stars)