Email Design | Responsive HTML Coding | Landing Pages

So, why is it crucial to let your email rebirth
as a mailable microsite?

More and more email clients have now started supporting interactive animation within the inbox.

A little interactivity might boost your click through rates drastically.

With more and more content as well as stories to tell, it is advisable to make the verbose content appear differently in
a stacked up manner.

With interactive emails, recipients can actually take action within their inbox without dabbling with the associated
landing pages.

While old skinned emails look dull and boring, interactivity pumps up the fresh blood in the email templates making
them look more vivacious, fresh and as good as a nicely designed website with good UX and UI.


Fashioning a sense of urgency in an email with countdowns to promote any sale, event, or any other communication; affects your email campaign positively. Countdown makes the email look exclusive & preeminent.

Countdown in emails is compatible across all platforms. However, Outlook & Lotus will render the images if they are provided proper fallback support.
  • Application
  • Ecommerce sites have a big churn of products. They can offer discounts on different products for a limited period of time through email with the help of countdown in emails.
  • Event companies can use countdown in emails to send reminder to the attendees about the event.
  • Banks while offering a limited period loan offer to customers can also take the advantage of countdown in email to show the validity of the offer.
  • Automobile industry can send emails with countdown before the launch of their new car.
  • Retailers wanting to inform their readers about the expiry of the ongoing offer or expiry of the abandoned products in the cart can also use countdown in email.

Rotational Banners

It is difficult to grab a reader’s attention in an email stuffed with multiple images, CTAs, product/service specifics, and other offers and discounts. So, what different can we do to grab the attention of a reader? Rotating Banner is the answer!

With rotating banners, there are multiple advantages from the standpoint of showcasing multiple images to driving customer interactions. Rotating banners are different from sliders.

It is important to showcase imagery or information using rotating banners as this makes the email aesthetics attractive and catchy.

The rotational banners work perfectly fine on Apple Mail, Thunderbird & Mobile Native Email applications. However, there would be a need to provide appropriate fall back to let it work flawlessly on the other email clients.

  • Application
  • Banks wanting to showcase their credit card options, saving & other account plans, new investment products etc. can also showcase these through rotational banners.
  • Tour and Travel Companies in need of showcasing various tour packages can use rotating banners.
  • E-commerce websites can use rotating banners to showcase and different products and offers.
  • Education Institutes can use such banners to display their award winning students and curriculum snapshots.
  • Automobile companies wanting to send out imagery of various cars can actually use rotating banners.
  • News and media sites can display various news snippets through such multiple rotating banners in their email.
  • Direct marketing and event management companies can also use rotating banners to display their promotional services, in-email banners, destination wedding venues, hall options and much more.
  • Technology companies can also use rotating banners for multiple purposes like multiple product launch email campaigns, showcasing customer testimonials & success stories, team bios, work portfolio and much more.


It is now paramount to send emails that appeal to your subscribers containing equal proportion of relevancy and uniqueness. With sliders, you can better your email campaign displaying multiple products at once, generate curiosity and do much more.

Sliders come with no limitations except for the compatibility. All the major email clients like Apple email and Thunderbird support sliders in email. However, other email clients will provide a smooth and proper fallback of the slider.
  • Application
  • Retailers who desire to show their all newly launched products in one email.
  • E-commerce websites can use sliders in their emails for multiple reasons like displaying multiple products at the same time, recommended products, product reviews, etc.
  • Banks can promote various offers and plans through sliders.
  • Technological companies can showcase their coupon codes and offers for different industries.
  • Automobile companies can display various features and parts of their automobiles.
  • Tour & Travel companies can display their newly introduced travel packages as well as offered discounts. Apart from these, there are several other industries which can take the help of sliders to make the most out of their emails.

Scratch & Flip

Have you been sending those coupons to your loyal customers? Have you been sending product recommendations? If yes, it’s high time you should introduce scratch and flip effects in email.

With scratch effect, you could send out coupon, offers and other discount codes. Your recipients can scratch the code and redeem the offer easily. If you have a new product or news that you want to show in a progressive manner, in that case you can use a scratch effect.

Like menus or accordions in email, flip and scratch (especially flip) can help engage more mobile users. With flip, you can actually cut down on lengthy content paragraphs and flip flop them as per your requirements.

These effects will have mobile native app support. Apple Mail and Thunderbird email will support flip and scratch on hover whereas other desktop email clients will show full fallback contents. It will have no support in Windows mobile.

  • Application
  • Products as usual rank high on our chart wherein e-commerce businesses can send out emails with scratch coupon codes and flip flop product displays with information.
  • Companies wanting to share eBooks or other content with customers can actually share a part of the content in email using flip on hover where they can turn the pages and check the excerpts.
  • Research companies would be able to utilize flip effects in email to provide stats along with brief about the research.
  • Tourism companies can share amazing destinations with related package details using flip. They can likewise also use scratch effects for any coupon or voucher or deals.


With Accordions, you could stack up the content and send out more verbose emails without actually letting recipients to scroll the emails.

Moreover, you can smartly show different email layouts to desktop and mobile recipients so that the email might be longer when viewed on desktop, but it converts to smart accordion automatically when viewed on mobile phones.

With accordion, marketers can measure the clicks on the tabs and identify the area that draws the maximum visibility. Marketers can also choose to provide progressive disclosure of information to enhance engagement.

Accordion has mobile native app support whereas Desktop email clients will show full fallback contents. Accordion is not supported in Windows mobile. The main purpose is to summarize the desktop content and minimize height of email in mobile.

  • Application
  • Retailers as always could show many products with different information clubbed in accordions.
  • Media and technology companies can show various navigation options and use an accordion beneath each of these menus to further smarten their emails.
  • Accordions are sure-fire ways to actually send feedback emails with questionnaire as mentioned earlier.

And, there are so many more industries that can use accordion in emails for providing categorization smartly.


Interactive graphs are immensely helpful for showcasing information in a highly visual way and increasing the credibility of your information.

The interactive graphs are compatible with almost all the platforms. Outlook and Lotus are two platforms where the graphs would be legible but the animation might go missing.

  • Application
  • Research companies who want to share various data and findings held by them.
  • Manufacturing companies wanting to share their annual reports with their shareholders.
  • Educational institutes wanting to share their previous achievements and placement records.
  • Food and Beverage companies wanting to compare their nutrients with their competitors.
  • E-commerce websites wanting to compare the features of various products.

Integrated Forms

In order to collect data from your subscribers, you have two options:

  • Redirect them to a dedicated landing page
  • Collect it directly from email body itself with integrated forms.

The advantage of integrated forms in email increases the form filling efficiency manyfold. Currently Text box, Paragraph, Checkboxes and Radio Buttons are supported.


Email clients like Apple Mail, Gmail Desktop, Yahoo Desktop, AOL, Outlook on Mac will be having functional form. While email clients like Lotus Notes, Outlook 2007, 2010, 2013,, Mobile third party applications like (Gmail app, Yahoo app) etc. will have proper fallback support fulfilling your request to get details.

Thunder Bird will display the form but the form will not function. Apple has limited support for text area, so the apple users might not be able to fill the text box. Also, there might be a possibility that the users aren’t able to input ‘space’ between words. Temporary workaround is to press ‘alt+space’ to input a space.

  • Application
  • Fashion Retailers can use it to survey about the brands the specific subscribers like.
  • Travel and hospitality services can showcase various tour options with their prospects or customers using emails which changes the landing page based on the selected answer.
  • Restaurant owners can send Promotional emails to get subscribers filled form after processing the specific order.
  • E-commerce websites can send Transactional Emails that ask for the review of the product along with the receipt of purchase.
  • Educational Institutes can send a checklist of the books and series to be purchased by their students for the forthcoming holidays


Yes, it is now possible to have GIFs in email with increased email client support.

According to Email Institute, GIF emails increase a click-through rate up to 26%. According to Marketing Sherpa, using GIF emails can help increase the conversion rate by 103%.

Typically, retailers largely use it to display product gifts, explainer animation and much more. Some information technology companies also use GIF to show how interactions on their app work.

Outlook & Lotus would show the first frame however, otherwise GIF is compatible across all platforms.

Search in Emails

Search in emails is a very useful value addition to interactive elements. Integrated search box inside the email body is achieved through CSS3 and PHP script; your subscribers can use this to fill in details within the email itself. Click on search button – and Voila! GET RESULTS either directly on your webstore or on Google.

Email clients like Apple Mail, Gmail Desktop, Yahoo Desktop, AOL, and Outlook on Mac will be having functional search. On the other hand, Email clients like Lotus Notes, Outlook 2007, 2010, 2013,, and Mobile third party applications (Gmail App, Yahoo App) etc. will have proper fallback support fulfilling your request to get details. Thunderbird will display the Search but it will not function.

Apple has limited support for text box, so Apple users might not be able to fill the box. Also, there is a possibility that the users might not be able to input "space" between words. Temporary workaround is to press "alt+space" to input a space.

  • Application
  • Retail Industry, Ecommerce Industry and Travel Industry can let their subscribers search for the relevant terms by including Search text box in their emails.


Imagine if you could add more content than you can in an accordion or slider without increasing the length of an email? A collapsible carousel works wonders in this regard. A medley of Accordion and Carousel, it stacks up content in rows and columns.

  • Application
  • Ecommerce websites can showcase more categories, products (with specifications).
  • Travel companies can share their newly launched travel packages. Try putting destinations in the carousel tabs, various offers associated with that destination as the accordion list titles and details of the offer inside the accordion.
  • Banks can promote various investment plans by dividing them into categories, plans and details of the plan.
  • Automobile industry can display their car models by dividing them into categories in the carousel, models in the accordion, and features of the model inside the accordion

Collapsible carousels are supported by Apple mail, AOL, all native apps, iPad, and Outlook configuration with Mac iOS. For rest of the email clients, you need to provide proper fallback support.

Fixed CTA

It’s a CTA positioned with the help of CSS that remains fixed in a layout when rendered in an email client and does not move irrespective of the scroll while the other content can scroll up or down seamlessly.

*Note: this feature is only for mobile devices. All iPhone devices will render a fallback only.

  Android Native Yes N/A
  Android Gmail App No Yes
  Android Yahoo App No Yes
  Android Outlook App No Yes
  Android Boxer App Yes N/A
  Android BlueMail App Yes N/A

Do let us know by replying to this email if you wish to try this feature. One of our Monks shall get in touch with you soon.

Kinetic Email

Keyframe animation based on kinetic click-event can help you create an ‘experience’ in email. Keyframe animation generates better email engagement by involving the subscriber to take an action to experience the animation. This helps generate better click-through rates.

  • Application
  • Entertainment industry to promote a new series, movie, show.
  • Ecommerce industry to highlight a new product, with 360° display effect.
  • Mobile device brand to launch a new device.
  • Automobile industry to showcase a new car model.
  • Travel industry to display a new destination added in their customer experience list.
  • Restaurants can showcase the ambience they provide with this effect.

Kinetic click-event keyframe animation is currently supported by the following email clients: Apple mail, iOS mail, Android native app, AOL, Outlook iOS.

Email Monks design and code heavenly emails, newsletter templates and landing pages.
To know more email us on or visit

Embed this infographic: