Adding Media to Flows

Adding rich media, like images, GIFs, and videos, to your flows is easy with Appcues. Let's walk through how you can add media to your flows!

Here's an example:

Adding Media to Modals and Slideouts:

In a modal or slideout, add media by clicking the green circle icon containing the '+' sign to open the menu. From this menu, you can add emojis, hosted video scripts, and images into your Appcues flows. 

If you need to add HTML, hover over the Advanced section to select HTML. Here's an example of what that looks like in a modal or slideout:

Adding Media to Tooltips and Hotspots:

The menu for Tooltips and Hotspots is also accessed by clicking the green circle icon.

For images or gifs, select "Image" in the media section, and you can drag and drop the file in. For videos, paste the video embed code into the HTML section. 

Keep in mind: For security reasons, Appcues will block scripts that are placed inside our content.  

Adding Full-Screen Videos (YouTube)

To allow the option for full-screen mode, add the below snippet in the HTML section within the Iframe embed link (provided by YouTube):

allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" oallowfullscreen="true" msallowfullscreen="true"><iframe>

More about GIFs

GIFs are a great visual to include in an Appcues flow. They are effective for building motivation and explaining core parts of your UI. However, they can also be very large files and take a long time to load. We recommend keeping them below 2MBs.