---
title: "Embed Whatfix generated videos"
slug: "embedding-whatfix-generated-videos"
updated: 2024-12-06T09:10:26Z
published: 2024-12-06T09:10:26Z
canonical: "support.whatfix.com/embedding-whatfix-generated-videos"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.whatfix.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Embed a Flow as Video

Embed Whatfix videos on your preferred website or app using the iFrame code provided by Whatfix.

If the site where you're trying to embed the video accepts only the URL embed and not the iFrame code, then you have to make a small change to the iFrame code and use it.

:::(Info) (your title goes here)
To get the iFrame or URL for a video, you must first authorize a video channel that automatically creates and uploads the videos to the platform. To authorize a video channel, see [Upload Whatfix videos to online video platform](/studio/docs/uploading-whatfix-videos-to-online-video-platform){target="_blank"}.
:::

:::(Warning) (your title goes here)
Generate Whatfix video for a Flow in any stage, be it in **Draft, Ready,** or **Production**. To generate the video, go to the respective stage and follow the steps mentioned in this article. 
![clm_db_stages](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_db_stages.png){height="" width=""}
:::


<div class="accordion">
<div class="accordion-toggle">iFrame embed</div>
<div class="accordion-content">
<p>
    
Use the following steps to embed a video using iFrame:
    
{{snippet.clm_embed}}

5. From the dropdown, click **Video**.
![clm_db_embed_video](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_db_embed_video.png){height="" width=""}

6. Click **Copy iFrame**.
![Studio_Dashboard_CopyiFrame](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Dashboard_CopyiFrame.png){height="" width=""}

7. Use the copied iFrame code to embed the video.

</p>
</div>

<div class="accordion">
<div class="accordion-toggle">URL embed</div>
<div class="accordion-content">
<p>

Never use the URL from your video channel. The URL in the video channel changes each time an update is made, so do not directly use the URL. But the Flow embed URL does not change and renders the latest update as a video.

Use the following steps to get the URL:

{{snippet.clm_embed}}

5. From the dropdown, click **Video**.
![clm_db_embed_video](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_db_embed_video.png){height="" width=""}

6. Click **Copy iFrame**.
![Studio_Dashboard_CopyiFrame](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Dashboard_CopyiFrame.png){height="" width=""}

7. Paste the copied iFrame code in a text editor.
![Studio_Dashboard_iFrameCode](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Dashboard_iFrameCode.png){height="" width="800"}

8. Delete everything except the video URL as shown.
![Studio_Dashboard_DeleteiFrame](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Dashboard_DeleteiFrame.png){height="" width="800"}

9. Add **https:** before the edited URL.
![Studio_Dashboard_AfterAddingHTTPS](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Dashboard_AfterAddingHTTPS.png){height="" width="800"}

10. Use this final URL to embed videos.

</p>
</div>

## Related

- [Share Flows as Video](/share-flows-as-video.md)