It lets you include GIFs and other elements like disclaimers, ad banners and social media icons in your emails.ĬMS is an organisational solution, allowing you to specifically set up rules for when and where elements, including GIFs, appear on your email. If you’d prefer a more customisable and flexible editor than the in-built Outlook editor, Crossware Mail Signature could be the tool for you. Crossware Mail Signature for Office 365 and Exchange Grab a copy here, from the Outlook store. Note: Giphy warns that the content may not be appropriate for kids under age 13 due to people freely uploading to the site. You will also need to be using Outlook 2013 or later, or Outlook on the web.Ĭheck out this link to see if your version of Outlook is able to support add-ins like Giphy, it generally seems to be compatible with the newer versions. In a cinemagraph, only a small part of an image moves while the rest of the image remains static.You must have an Office 365 of Exchange account to use this add-in. Wow your subscribers with CinemagraphsĪs a hybrid between image and video, cinemagraphs are a very powerful type of animation.
HOW TO CREATE ANIMATED GIF FOR OUTLOOK HOW TO
The result feels a bit like a video that’s activated on hover - that’s why the technique is also called Faux Video.įor a step-by-step guide on how to add hover effects to your images to reveal an animation and copy-and-paste-ready code snippets check out this fantastic guide by Alice Li.ģ. On hover, you’re hiding the image and reveal the animated GIF that’s placed underneath.
![how to create animated gif for outlook how to create animated gif for outlook](https://media.emailonacid.com/wp-content/uploads/2018/09/corgis-animated.gif)
The idea is simple: When the user opens the email, they’ll see a static cover image. For example, you can create a static image that - on hover - magically starts to move, like you can see in this example: The easiest way to do this is with a hover effect. But did you know that it’s also possible to add an interactive element to your animation so that your subscribers can be the ones to bring your animations to life? In most email designs that use animated GIFs, the animation plays as soon as you open your email. Make your GIFs interactive: Starting animations on hover Check it out to see more examples of campaigns using animated background images, along with step-by-step instructions on how you can set up your own and even make them work in (most) Outlook clients. We’ve teamed up with ActionRocket’s email developer extraordinaire Jay Oram for this Ultimate Guide to Animated Background Images. But rather than using a static image to fill your table cell, you add in an animated GIF! Anything you then put inside that cell sits on top of the background image. To set an animated GIF as a background image, you’ll start off just like you would for setting a static background image: You’ll need to create a containing table-and then set the background image attributes and inline styling on the first. Or, you could use an animated GIF as a subtle background animation to frame your entire email content, like Uber did so beautifully in this email here: For example, you can place live copy on top of your animated GIFs like you can see in this example from Article. Setting a GIF as a background image unlocks a whole new set of opportunities for your email designs.
![how to create animated gif for outlook how to create animated gif for outlook](https://www.sendinblue.com/wp-content/uploads/2020/06/dropbox_email_example-min.gif)
Animated Backgrounds: Combining the power of background imagery and animationĭo you love the creative opportunities that background images provide? In this case, you might be excited to hear that you can animate background images, too!
![how to create animated gif for outlook how to create animated gif for outlook](https://www.mail-signatures.com/wp-content/uploads/2019/07/GIF_Signature_Image.gif)
Want to go even further? Read on for three advanced ideas and creative use cases for animated GIFs that you might not have tried yet. But simply replacing your static image with an animated GIF is just the first step. Many email marketers rely on animated GIFs as an easy-to-implement way to add movement to their campaigns. You’re an email expert and have already mastered the fundamentals of animated GIFs in email design? It’s time to bring your GIF game to the next level!