Including a little bit of motion into an electronic mail can deliver the message to life and elevate your electronic mail advertising. As these 5 manufacturers have proven us, GIF hero picture designs wow the recipient into trying out what an electronic mail has to supply.
However there are another methods a GIF can improve an electronic mail. On this publish, we’ll cowl some totally different makes use of for animated GIFs in electronic mail and how one can implement them in your subsequent electronic mail marketing campaign.
Dimension for GIFs in E-mail
It’s vital to contemplate the sorts of photos you utilize in an electronic mail, in addition to the general weight of an electronic mail’s HTML and its loading velocity. A slower load time might imply decrease engagement out of your subscribers.
There isn’t a hard-and-fast rule on the utmost dimension of a GIF in electronic mail, however the greater the file dimension, the longer it can take to load. Aiming for below 200kb is an effective rule of thumb.
With most readers receiving electronic mail on their smartphones, it is best to contemplate loading time on cell networks (though many readers are capable of join cell units to WiFi). In case your readership is principally desktop, why not check out some greater GIFs to see how they do?
Nike despatched a marketing campaign with a 2.7mb GIF:
E-mail on Acid’s Marketing campaign Precheck consists of an picture optimization function that lets you see in case your photos are too heavy. It additionally helps you to optimize the picture with one click on, then host it or obtain it to incorporate it in your electronic mail.
What About Outlook?
Now that it is solely older Outlook purchasers that don’t assist GIFs, it’s price exploring some extra choices for animating photos all through an electronic mail. If in case you have a variety of subscribers utilizing older Outlook purchasers, take a look at this helpful hack to indicate a selected static picture to those purchasers.
Methods to Use an Animated GIF in E-mail
Animated GIFs aren’t only for hero photos anymore. Try these totally different strategies for utilizing GIFs in your campaigns.
Encouraging a Recipient to Scroll
Including an arrow or character beckoning a consumer to hold on scrolling is nice for longer emails, or to attract consideration to a selected module.
Convey Life to Static Photos
Followers of the Harry Potter movies and books have most likely imagined including real-life motion to images.
These animated photos might have many purposes, from e-commerce to leisure. For instance, you may experiment with including a refined spinning motion to a mannequin sporting the clothes you might be promoting. This may give the e-mail recipient a bit of extra data and a full 360º view of the product, rising the prospect of a click on.
Enjoyable Typography
Including shifting textual content to photographs is a cool method so as to add a signature or attention-grabbing aspect to a message. Should you use this system, be sure you embrace a separate static picture or embrace all of the textual content within the first body to accommodate older Outlook purchasers. Additionally, don’t overlook to incorporate descriptive alt textual content.
Try the code for this “Thank You!” message, together with a fallback static picture.
Transferring Backgrounds
Utilizing background picture fixes to cowl as many electronic mail purchasers as attainable, you’ll be able to embrace an animated GIF instead of a static picture so as to add some motion behind your content material. The fallback for these photos is similar as a traditional GIF, so solely the primary body will present if the e-mail consumer doesn’t assist animated GIFs.
View the total electronic mail on-line.
Calls-to-Motion
By including a small little bit of motion or encouragement to a CTA (a vital a part of your electronic mail), you’ll be able to draw consideration to an motion you prefer to the recipient to make.
Discover the code for this button on codepen.
Cinemagraphs
Including motion to an in any other case static picture could make a photograph extra partaking and efficient. Utilizing this sort of picture provides a little bit of intrigue into an electronic mail (“Did that simply transfer?”) by including refined motion. This system can improve the studying time and encourage readers to scroll on to see extra.
Emphasize Your Model Fashion or Voice
Don’t overlook you may also use GIFs so as to add some character to an in any other case formal electronic mail or use it to boost your model fashion and voice.
Inventive Growth, a global graphic design weblog, has a set of eyes that observe you round their web site. They carry this enjoyable approach into their electronic mail, as properly, by putting it subtly inside the footer.
Pizza Specific makes use of dough ball characters that seem all through their youngsters’ menu, firm web site and social media channels. So, bringing these characters into their electronic mail is a good way to boost the model.
How Do You Use GIFs in E-mail?
As we’ve seen in these examples, together with extra motion in your electronic mail can encourage longer studying time, spotlight vital areas of your electronic mail, or improve your branding.
How do you utilize GIFs in your emails? Share with us within the feedback part beneath!
