---
title: "Embed Whatfix generated videos"
slug: "embed-whatfix-generated-videos"
updated: 2026-08-13T13:59:59Z
published: 2026-08-13T13:59:59Z
canonical: "support.whatfix.com/embed-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 Whatfix generated videos

You can 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.

> [!NOTE]
> your title goes here
> 
> To get the iFrame or URL for a video, you must first authorize a video channel, which automatically creates and uploads the videos to the platform.

> [!WARNING]
> your title goes here
> 
> You can 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?sv=2026-02-06&spr=https&st=2026-10-30T06%3A27%3A10Z&se=2026-10-30T07%3A27%3A10Z&sr=c&sp=r&sig=iLvwePIhVMCC2Rp6HK2WzhB%2FcwnC6yGaWrM75zFoPzI%3D)

**iFrame embed**

1. On the Whatfix Guidance dashboard, go to the **Production** tab. ![CLM_DB_Production_Stage.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CLM_DB_Production_Stage%282%29.png?sv=2026-02-06&spr=https&st=2026-10-30T06%3A27%3A10Z&se=2026-10-30T07%3A27%3A10Z&sr=c&sp=r&sig=iLvwePIhVMCC2Rp6HK2WzhB%2FcwnC6yGaWrM75zFoPzI%3D)
2. Open the Flow you want to embed as a Slideshow. ![Production_Click_Flow.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Production_Click_Flow%281%29.png?sv=2026-02-06&spr=https&st=2026-10-30T06%3A27%3A10Z&se=2026-10-30T07%3A27%3A10Z&sr=c&sp=r&sig=iLvwePIhVMCC2Rp6HK2WzhB%2FcwnC6yGaWrM75zFoPzI%3D)
3. Click the **More** icon. ![Db_Flow_Click_More.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Db_Flow_Click_More%281%29.png?sv=2026-02-06&spr=https&st=2026-10-30T06%3A27%3A10Z&se=2026-10-30T07%3A27%3A10Z&sr=c&sp=r&sig=iLvwePIhVMCC2Rp6HK2WzhB%2FcwnC6yGaWrM75zFoPzI%3D)
4. Click **Embed** dropdown menu. ![clm_db_embed](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_db_embed.png?sv=2026-02-06&spr=https&st=2026-10-30T06%3A27%3A10Z&se=2026-10-30T07%3A27%3A10Z&sr=c&sp=r&sig=iLvwePIhVMCC2Rp6HK2WzhB%2FcwnC6yGaWrM75zFoPzI%3D)

1. Click **Video** from the dropdown. ![2023-02-20_17-27-08.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2023-02-20_17-27-08%283%29.png?sv=2026-02-06&spr=https&st=2026-10-30T06%3A27%3A10Z&se=2026-10-30T07%3A27%3A10Z&sr=c&sp=r&sig=iLvwePIhVMCC2Rp6HK2WzhB%2FcwnC6yGaWrM75zFoPzI%3D)
2. Click **Copy iFrame**. ![Studio_Dashboard_CopyiFrame](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Dashboard_CopyiFrame.png?sv=2026-02-06&spr=https&st=2026-10-30T06%3A27%3A10Z&se=2026-10-30T07%3A27%3A10Z&sr=c&sp=r&sig=iLvwePIhVMCC2Rp6HK2WzhB%2FcwnC6yGaWrM75zFoPzI%3D)
3. Use the copied iFrame code to embed the video.

**URL embed**

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

Use the following steps to get the URL:

1. On the Whatfix Guidance dashboard, go to the **Production** tab. ![CLM_DB_Production_Stage.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CLM_DB_Production_Stage%282%29.png?sv=2026-02-06&spr=https&st=2026-10-30T06%3A27%3A10Z&se=2026-10-30T07%3A27%3A10Z&sr=c&sp=r&sig=iLvwePIhVMCC2Rp6HK2WzhB%2FcwnC6yGaWrM75zFoPzI%3D)
2. Open the Flow you want to embed as a Slideshow. ![Production_Click_Flow.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Production_Click_Flow%281%29.png?sv=2026-02-06&spr=https&st=2026-10-30T06%3A27%3A10Z&se=2026-10-30T07%3A27%3A10Z&sr=c&sp=r&sig=iLvwePIhVMCC2Rp6HK2WzhB%2FcwnC6yGaWrM75zFoPzI%3D)
3. Click the **More** icon. ![Db_Flow_Click_More.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Db_Flow_Click_More%281%29.png?sv=2026-02-06&spr=https&st=2026-10-30T06%3A27%3A10Z&se=2026-10-30T07%3A27%3A10Z&sr=c&sp=r&sig=iLvwePIhVMCC2Rp6HK2WzhB%2FcwnC6yGaWrM75zFoPzI%3D)
4. Click **Embed** dropdown menu. ![clm_db_embed](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_db_embed.png?sv=2026-02-06&spr=https&st=2026-10-30T06%3A27%3A10Z&se=2026-10-30T07%3A27%3A10Z&sr=c&sp=r&sig=iLvwePIhVMCC2Rp6HK2WzhB%2FcwnC6yGaWrM75zFoPzI%3D)

1. Click **Video** from the dropdown. ![2023-02-20_17-27-08.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2023-02-20_17-27-08%283%29.png?sv=2026-02-06&spr=https&st=2026-10-30T06%3A27%3A10Z&se=2026-10-30T07%3A27%3A10Z&sr=c&sp=r&sig=iLvwePIhVMCC2Rp6HK2WzhB%2FcwnC6yGaWrM75zFoPzI%3D)
2. Click **Copy iFrame**. ![Studio_Dashboard_CopyiFrame](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Dashboard_CopyiFrame.png?sv=2026-02-06&spr=https&st=2026-10-30T06%3A27%3A10Z&se=2026-10-30T07%3A27%3A10Z&sr=c&sp=r&sig=iLvwePIhVMCC2Rp6HK2WzhB%2FcwnC6yGaWrM75zFoPzI%3D)
3. 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?sv=2026-02-06&spr=https&st=2026-10-30T06%3A27%3A10Z&se=2026-10-30T07%3A27%3A10Z&sr=c&sp=r&sig=iLvwePIhVMCC2Rp6HK2WzhB%2FcwnC6yGaWrM75zFoPzI%3D)
4. Delete everything except the video URL as shown in the following image. ![Studio_Dashboard_DeleteiFrame](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Dashboard_DeleteiFrame.png?sv=2026-02-06&spr=https&st=2026-10-30T06%3A27%3A10Z&se=2026-10-30T07%3A27%3A10Z&sr=c&sp=r&sig=iLvwePIhVMCC2Rp6HK2WzhB%2FcwnC6yGaWrM75zFoPzI%3D)
5. Add **https:** before the edited URL. ![Studio_Dashboard_AfterAddingHTTPS](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Dashboard_AfterAddingHTTPS.png?sv=2026-02-06&spr=https&st=2026-10-30T06%3A27%3A10Z&se=2026-10-30T07%3A27%3A10Z&sr=c&sp=r&sig=iLvwePIhVMCC2Rp6HK2WzhB%2FcwnC6yGaWrM75zFoPzI%3D)
6. Use this final URL to embed videos.