Skip to main content

Fade Image Effect

Heather
  • Updated

Please note: 

To unlock this capability, you will need to have added DynamicMail to your Optimove package. If you can’t see this feature in your Optimove instance, contact your CSM to find out more. 

 

 

The Fade component increases engagement with an animated effect that grabs readers' attention. The Fade effect can be used for both CTA buttons as well as other image content.
Settings Configuration
 
To set up the “Fade Image Effect”:
  • Go to "Create Component"
  • Choose “Fade”
  • Give your newly created component a unique name
  • Fill in the rest of the details, including:
    • Responsiveness type
      Choose "fluid," to stretch the component to fit the width of the screen, or "fixed" to maintain the specified width of the component in all devices.  When choosing “fluid,” there is no carousel or fallback shown in Outlook desktop on PC, because Outlook does not adjust emails for fluidity.
    • The images you would like to fade between
      Images can be used after being uploaded to the File Manager from your computer or a URL. Please note that images must have the same dimensions.
    • Image Duration
      The Image Duration setting allows you to control the length of time each image appears for. The default is 2 seconds. The allowed range is 1 - 10 seconds.
      The click-through URL (optional)
  • Click on "Update Preview" button to update the content in the preview section.
  • Click “Generate Code” to generate the embed code.
  • Input your email address under “Email Test” to send yourself an email with the component.

 

Common Use Cases

Animation is a great way to get your brand to stand out from the crowd, catch the reader’s eye, emphasize a promo or a message, or show different angles of a product (i.e. front of a shirt, back of shirt). 

Custom Development

The following scenarios can be supported by our team through Custom Development:
 

Content Feed

If you have content in a feed (such as a JSON or RSS feed), the DynamicMail team can populate the Fade Image Effect with images and links from the feed. The frequency of new content would be predetermined and would be reflected upon email open.
 

Recommendations

  • This component is an animated GIF that can only contain a single link. 
  • The allowed image durations are between 1 and 10 seconds. 
  • As some versions of Outlook do not support animation, only the first image will be displayed for those users. It is recommended to keep this in mind when creating the fade. 
  • It is recommended to use images smaller than 400 pixels in width for sharper images. 
Fallback Behavior
 
The component is not supported in Outlook and therefore, only the first frame will be displayed. For the list of components and their supporting ESPs, click here.

Related articles