10 Great Examples of Animated GIFs in Emails

Hanna Kuznietsova
10 Great Examples of Animated GIFs in Emails
5 (100%) 7 votes
10 Great Examples of Animated GIFs in Emails
December 8, 2017 | 2,083 views

Today, debates about the necessity of a GIF in emails do not stop. Some companies recommend using them in every newsletter templates for emails, while others insist we should use them occasionally. But they all agree that GIFs should be!

That is why we are willing to talk about the best examples of animated GIFs in email marketing campaigns. And let me start with the definition: GIF, also known as animation, means Graphics Interchange Format. In other words, it means an action!
Why would so many companies use it?

Pros you get with GIF banners:
     ➣ GIFs bring life to your newsletters
     ➣ They capture our attention, thus we will likely read this message to the end
     ➣ They do not overload the emails
     ➣ Entertain the readers.

These reasons are valuable enough to persuade you to use GIFs, aren’t they?

Then watch a short video on how to add animated GIFs in emails with Stripo:

So let’s finally take a look at the best examples we have recently seen.

The 10 great examples of Using animated GIF in newsletters

Headspace: Humorous GIF

This company captured my attention with the extraordinary GIF and funny slogan and made me read until the end.
In fact, their main product is a series of meditation customers can get online.

Here, they suggested that you buy a present for your friends and family. And a nice bonus: a bar of hand-made chocolate for the citizens of the USA.


Quartz: Preview of the Product

Must confess, I love reading. And sometimes when buying a book, I need to rely on the annotation to it or believe the customers’ reviews.

Quartz made my dreams come true: I can look inside the book prior to buying it. I see the fonts, the structure and even that it contains pictures, which is a compulsory condition to educational books.

Under the GIF, they offer detailed contents of the book.
But if the animation was a bit slower, that would make the GIF even better.


Alit: Advertising New Products

Alit demonstrated a great way to introduce their new product. Had not they used GIF in their message instead of a usual text, the description of the product would have been boring to read. And the vast majority of their subscribers would have just deleted the email.

Thus, you see that at some stage it is pretty reasonable to animate text for a brief introduction or a manual. This will make the recipients watch your message to the end.



HARRY’S: Polite Way to Urge

In some emails, we need to urge the customers to make a purchase. You can do it in three ways:
1) by adding words like “Now” or “Only today”
2) by including a countdown timer to your email
3) by adding a small clock.

By the way, their CTA said: Shop immediately”. Very creative.

The best thing about this message is that the animated GIF is not too big. It just reminds you that you should hurry up in case you want to congratulate your father on the Father’s Day. But if they had inserted a bigger clock or a huge countdown timer, it would have looked like they try to force us to make that purchase.


The New York Times: Animated Text

A world-famous daily newspaper, based in New York, also sends out its newsletters. Their marketers try to keep their messages conservative, painted in pastel shades – standard colors of the newspaper – and without any distracting objects in them.

But at the same time, you may see some modern features in their messages, as well. No doubt, they perfectly go well with the conception of the newspaper.

Let us be honest, who reads company’s slogans? Nobody does. The New York Times implemented a perfect trick: they animated their slogan for the current campaign. And in that simple way, captured our attention.


Hipmunk: Lively Messages for Special Occasions

We have spoken a lot that GIFs should not be big, should not overload your message. And that works for you if the goods you are promoting are serious enough.

But what if you organize parties? Conservative design will not bring you many clients and followers. Your subscribers may not believe you are able to organize a blowing-mind party.

Or let’s say, you are going to congratulate people with a holiday.
Bright colors, big animated gif in emails and plain text will save the situation.

Just look at this kind chipmunk. He persuaded me to click on the link!
Let me be more specific:
     ➣ The chipmunk reflects the name of the company “Hipmunk”
     ➣ The chipmunk’s outfit shows the company is aware of the holiday
     ➣ A piece of a shamrock plant in his hand stands for indirect congratulations on the holiday.

Creative enough, agree?


Ticketfly: Invitation

Here is an example of a perfect invitation. A captivating description and an animated box surprised the recipients. From the very beginning, you realize this message is about music.

And the trick is they do not suggest that you get the tickets for yourself, they recommend doing it for your loved ones. But who will accompany them? Right, the one who received the message and bought the tickets.

Paravel: Displaying Assortment

Paravel Company is specialized in luxury bags for travelers. In this interesting way, they demonstrated some items of their rich assortment and promoted a new feature.
Personally, I loved this animation.

⇒ But please do not display more than 10 items this way, it can be tiresome for the subscribers.


B2: Funny Way to Inform Subscribers

CB2 sells furniture and home decor. They found a funny way to announce about performing a free shipping. A small GIF attracted my attention but did not distract from reading, as the text was not moving. And the cute dog by itself endeared me to the company.
But if the dog not only arrived but also moved away that would be amazing.
The email animated GIFs are not necessarily supposed to display the main goal of the company. They may just communicate.

🔺 Do not let your subscribers get lost in ideas. Show why you used a definite GIF in your emails.


JustGiving: Perfect Way to Make an Announcement

This is my favorite message. The design is very simple. Just a cheerful, optimistic picture and two hands with a high-five. To my mind, a perfect combination. Nothing here is superfluous.

High-five stands for trust, love, care, the company shares. It is a charity fund. And also the high-five shows the main idea of the announcement – cooperation.


You can ask why we did not show any messages with countdown timers in emails. Yes, among thousands of animated gif email examples there are many brilliant ones with timers. But we did not show them on purpose. Of course, it will be great if you use countdown timers in one of your animated emails. But after the sales period is over, your message will look weird, to say the least.

In order to avoid this, make sure you find the site which will show the expiration date after the sales time is over. With this simple trick, your message will always look up-to-date.


In this post, we have gathered the best to our mind email animations. Looking at them, we can see that there are some simple rules you should stick to in your GIF email marketing Campaigns:

  1. You should pay attention to the quality of the images
  2. Compress the GIFs, as messages should not be heavy
  3. It is ok to animate CTA words, especially if this way you are giving presents to your customers
  4. Avoid animating numbers for your animated GIF emails
  5. Use them seldom

In the previous post, we enumerated some things about creating and sending GIFs you should keep in mind:
     ➣ Tools to create
     ➣ Tools to compress and edit GIFs
     ➣ Tools to create Countdown Timers
     ➣ How to send an animated GIF.

How to insert GIFs into email with Stripo

Now we feel like saying a few words about how to insert GIFs into email with Stripo:
Nothing new for you. Because all the GIFs are just images. Upload them as a normal picture.

But the situation with countdown timers is a bit more complicated. You need to make some changes in the HTML code.

Firstly, you need to add an Additional Stripe in the Structures Tab and place it exactly where you want to place the timer. Then go to the blocks and drag-and-drop HTML block into the new stripe. And you will see “insert your HTML in the code editor. Press this line and the code panel will be opened. Instead of the “Insert the copied from the MotionMail code instead.

Your code will look like <p>Insert your HTML in the Code editor</p>
Insert the copied from the MotionMail code. Now your HTML code will look like:

<p><img src=”http://s.mmgo.io/t/zzj” alt=”motionmailapp.com” /></p>


Click on any empty space in the editor. Done! Your timer has been inserted and activated.

The team of our developers is working non-stop on improving and simplifying our site. So very soon you will be able to add timers with just a click.
⭆ Don’t forget to test your email before sending it out!

If you have any question, please contact us.
I wish you best of luck in your future endeavors!

Be always wide awake in recent email marketing news, guides, articles and how-to’s