Offsite Email Use Cases

A walkthrough on how to add a carousel widget to an email.

Yael Yaari avatar
Written by Yael Yaari
Updated over a week ago

Create

There are two types of carousel widgets, one thats suitable for email flows triggered by a product related event and the other is suitable for email campaigns showing the same content in all emails sent.

Email campaigns - Trending videos

The 'Trending videos' use case is great to add to a newsletter, product launch and even to a welcome flow. Even though its designed for campaigns it can be used in a flow only it would show the same videos no matter what the trigger is.

Selecting the videos source and GIF action

By default, a new 'Trending videos' project's videos are shown from a new set of playlists selected. In this case, since the feed is not yet added to your site the GIF will redirect to a a new TV page automatically added to your store.

If you want to source the videos from an existing onsite project use the following steps:

  1. Go to the projects settings, from the โš™๏ธ icon on the top right of the screen.

  2. Under 'Video source', select from your active onsite projects. Notice that product page projects won't appear in this list for the 'Trending videos' use case.

  3. Under 'GIF action', either type a URL of the page where the selected source is live on, or select a '+ New TV page'. Notice that if selecting a page where the source project is not live on the GIF will redirect to a new TV page.

Notice that if you change the video source to any of your existing projects some of the video, design and settings wont be available since they're pulled from the selected source project.

Email flows - Abandonment flows

The 'Abandonment flows' use case creates multiple feeds based on the product from the event trigger from the email provider. Make sure the email you're adding the widget to is part of a flow triggered by a product related event.

Selecting the videos source and GIF action

By default, the videos are set to show from the latest active onsite product page project. The videos will be grouped by product to represent the different GIF variations that would be generated. Notice that some settings wont be available since they're pulled from the selected source project. In this case, the GIF will redirect to the video on the product page.

If you want to change the source of the videos use the following steps:

  1. Go to the projects settings, from the โš™๏ธ icon on the top right of the screen.

  2. Under 'Video source', select from your active onsite product page projects or create a new feed. Notice that only product page projects appear in this list for Abandonment use case.

  3. Under 'GIF action', either select Product page, this will dynamically redirect to the product page based on the product in the event that triggered to flow. Or select a '+ New TV page'.

Publish

Select the email provider so we can properly track the email attribute and provide user journeys, if your email provider is not in the list please contact support. Publishing the email widget is done using an HTML, the code can be added via an HTML editor or via source code in text block in a drag and drop editor.

Simply add the code to an email template and the GIF automatically updates with new videos from the feed set up in the project editor on the Tolstoy app. Notice that the GIF won't show if there are fewer than three videos eligible.

Klaviyo flows

To preview the the GIF for the email flows use cases, edit the template from the flow, it will show broken images instead of the videos in the GIF, it's OK. To preview properly click 'Preview & test' and swipe through events. The GIF will show different videos per event based on the products connected to it. If you can't see the GIF it means there were't three videos found for the GIF.

Did this answer your question?