Submit Article Requests

Do you have a suggestion for an article you would like to see created?
Feel free to submit this form and add your suggestions to our document board.

Please fill out the contact form below and we will reply as soon as possible.

  • Appcues Certifications & Training
  • Integration Hub
  • Contact Us
  • Docs home
  • Web Experiences
  • Flows

Embed a Video in a Flow

Learn how to embed a video in an Appcues Flow.

Updated at May 14th, 2025

Submit Article Requests

Do you have a suggestion for an article you would like to see created?
Feel free to submit this form and add your suggestions to our document board.

Please fill out the contact form with the details about the help content you'd like to see.

  • Home

  • Installation & Developers

    • Web Experiences

      • Mobile Experiences

        • Workflows

          • Analytics & Data

            • Account Management

              • Best Practices

                • Integrations

                  • System Status

                    Table of Contents

                    Supported video formats Adding Full-Screen YouTube Videos Adding a video that hugs the Modal borders (no top or side margin) How to edit/remove a video

                    Supported video formats

                    You can embed any video with the proper embed code. You cannot upload videos for displaying, they must be hosted elsewhere on services such as YouTube, Wistia, etc.

                    To add a video: add a new 'video' or 'HTML' component, and then paste in the embed code from a web video service. We explicitly support the automatically generated iframe embeds for Wistia, Vimeo, and YouTube.

                    Embeds for other video sources may need to be manually created by wrapping them in an HTML iframe. Here's a simple example:

                    <iframe src="URL" title="Your Title"></iframe>

                    Check out the below video for a short tutorial on how to embed videos inside Appcues.

                    To save you some time, here are the guides for generating embed codes for each service:

                    • How to get video embed codes from Wistia
                    • Embedding videos overview from Vimeo
                    • Embed a video guide from YouTube

                    Adding Full-Screen YouTube Videos

                    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>

                    Adding a video that hugs the Modal borders (no top or side margin)

                    You may need to adjust the margin settings so that it fits the size of your Modal:

                     <div style="margin-left:-54px;margin-top:-29px"><iframe src="YOUR URL HERE" title="your video" allow="autoplay; fullscreen" allowtransparency="true" frameborder=“0" scrolling="no" allowfullscreen msallowfullscreen width="650" height="366"></iframe></div>

                     

                    If you're running into issues with adding videos to your flow, please try to use a fallback option for the embed. This should be an embed code that includes minimal javascript and is an iFrame. Here's an example of what that might look like:

                    <iframe src="//fast.wistia.net/embed/iframe/avk9twrrbn" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="620" height="349"></iframe><script src="//fast.wistia.net/assets/external/E-v1.js" async></script><br>

                    How to edit/remove a video

                    Once you've embedded a video in a flow and you want to edit it or remove it, you'll need hold shift and click the video.

                    Zight Recording 2025-05-14 at 06.09.17 PM

                     

                     

                    flow insert include video embed video video in a flow youtube video wistia

                    Was this article helpful?

                    Yes
                    No
                    Give feedback about this article

                    Related Articles

                    • Forms & Surveys
                    • User Profiles
                    • Deliver a System Failure Message with a Banner
                    • Increase Trial Conversion with Appcues
                    Appcues logo

                    Product

                    Why Appcues How it works Integrations Security Pricing What's new

                    Use cases

                    Appcues Integration Hub User Onboarding Software Feature Adoption Software NPS & Surveys Announcements Insights Mobile Adoption

                    Company

                    About
                    Careers

                    Support

                    Developer Docs Contact

                    Resources

                    The Appcues Blog Product Adoption Academy GoodUX Case studies Webinar Series Made with Appcues Appcues University

                    Follow us

                    Facebook icon Twitter icon grey Linkedin icon Instagram icon
                    © 2022 Appcues. All rights reserved.
                    Security Terms of Service Privacy Policy

                    Knowledge Base Software powered by Helpjuice

                    Expand