- Email Builder Review
- Designing your email
- Creating a Synchronized Module
- Setting Responsivity
- Building Smart Containers
- Creating a Gmail Promotions Annotation
- Adding a Rollover Effect
- Adding a Background to an Email
- Adding Anchor Links
- Adding a Video to an Email
- Adding a Table to an Email
- Adding a Custom Font
- Adding Social Media Buttons
- Editing HTML and CSS
- Working with “Images” block
- Using AI in the Email Editor
- SDK for Mobile Apps
- Managing mobile SDK access keys
- Connecting Mobile App
- Creating a Google Project for Mobile Push Notifications
- Creating Mobile Push Messages
- Setting Up Delivery and Clicks Analytics
- Deep Links and Universal Links
- Scheduled Mobile Push Message
- Sending Test Messages from the Event Debug View
- Setting Up Widgets for Your Site
- Widget Calling
- Storing data from widgets to contact fields
- Using Annoyance Safeguard
- Actions After Form Submission
- Yespo Extension for Google Chrome
- Creating Pop-ups via Google Tag Manager or WordPress
- Sending Yespo Widget Events to Google Analytics
- Replacing Double Opt-In System Workflow
- Setting Up Locations for the Widget Calling Rules
- Email Campaign Report
- Web Push Campaign Report
- Viber Campaign Report
- Mobile Push Campaign Report
- App Inbox Campaign Report
- Widget Report
- Triggered Campaign Report
- AMP Campaign Report
- SMS Campaign Report
- Multilingual Campaign Report
- Setting up UTM Tags
- Revenue from Campaigns
- Tracking Campaign Performance in Google Analytics
Events and Behaviour Tracking
Adding a Rollover Effect
Rollover Images are images that change when hovered over with a cursor. They are used for a better product showcase, and make email content interactive.
Previously, rollover effect creation required multiple tools and coding skills. However, in the system you now can create rollover images in a few clicks, without technical expertise required.
How to Create a Rollover Image
1. Choose two images in PNG or JPG format. The aspect ratio of both images should be identical.
2. One of the images will be displayed as the main one, and another will appear when being hovered over.
Note! If the aspect ratio of the images differs, the email layout may be broken.
3. Add to the template an empty structure, click Image and upload the main image via any method.
4. Enable Roller effect.
5. Upload the second image.
6. Note that the link to the image and the alternative text are set only once, after uploading the second picture.
7. To preview the ready rollover image, click Message view.
Things to Keep in Mind
Note these peculiarities when adding a rollover image to email campaigns:
- This feature is available for limited email clients: Gmail, iCloud Mail, Outlook 2003, Apple Mail, Yahoo! Mail, Ukr.net, AOL.
- A rollover effect works only on desktop where it’s possible to hover over images. Touchscreen devices don’t support this feature: they display one picture a click on which would forward you to the website.
- By far, no email testing tool (Litmus, Email on Acid) offers interactive message testing. To see how your campaign looks like on a variety of devices, send tests to all the available email clients and devices.
- Currently, this feature is available for images only. The rollover effect for CTA and other elements isn’t supported.
Rollover Effect Examples
Interactive images can be used in any campaigns, making your emails more attractive and engaging. Let’s take a look at several examples.
Clothing, Shoes, and Accessories - Different Color, Different Angles
A great way to promote the product is by demonstrating it from different angles:
- show texture and color;
- display different angles;
Renting - Accommodation Interior, Multi-Views
Show as many advantages of the place, avoiding voluminous text.
Furniture - Wide Product Range
Demonstrate different colors, patterns, and material options.
Add interactive vibes and impress your subscribers with a new design.
The use of interactive images is limited only by your imagination. The proper application of the rollover effect can help increase the number of conversions and click-through rates, and boost sales.