---
title: "Embed a Youtube video"
slug: "embedding-a-youtube-video-using-embed-code"
description: "This article helps you in embedding a youtube video in a Whatfix Pop-up using Embed code"
updated: 2026-08-14T03:48:10Z
published: 2026-08-14T03:48:10Z
canonical: "support.whatfix.com/embedding-a-youtube-video-using-embed-code"
---

> ## 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 Youtube video

Whatfix enables you to embed YouTube videos to any Pop-up template to deliver more information to your users. For more information on Whatfix Pop-up templates, see [Choose the pop-up template](/desktop/docs/choosing-a-pop-up-template).

Adding Youtube video in a Pop-up is a 2-step process.

**Step 1: Get the YouTube video URL**

Use the following steps to get the video URL from a Youtube video:

1. Go to the YouTube video that you want to add in the Pop-up.
2. Click **Share**. ![Click_YT_Share](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_Share.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A39Z&se=2026-11-12T09%3A43%3A39Z&sr=c&sp=r&sig=6nwnWSv6bJmY1Bknm6tlxMdJXNHnfEOT3%2BHmfwQjDtI%3D)
3. Click **Copy** to copy the video URL. ![Click_Copy_URL](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_Copy_URL.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A39Z&se=2026-11-12T09%3A43%3A39Z&sr=c&sp=r&sig=6nwnWSv6bJmY1Bknm6tlxMdJXNHnfEOT3%2BHmfwQjDtI%3D)

> [!WARNING]
> Note
> 
> A **Link copied to clipboard** message is displayed.

**Step 2: Insert a YouTube video using the Visual Editor**

> [!WARNING]
> Note:
> 
> - You cannot embed videos hosted on file sharing websites like Google Drive, Dropbox, and more using the URL method. You need a published video's URL from your authorised video channel (Youtube, Vimeo, and more) to embed videos to Whatfix Pop-up templates. In case, you want to embed a video link hosted on Google Drive, try [Embedding a video hosted on Google Drive using Embed code](/desktop/docs/embedding-a-video-hosted-on-google-drive-using-embed-code)
> - If the Pop-up is shown in a secure webpage (**https**) and if the video is hosted on a non-secure website (**http**), then the video is displayed as a broken link to the end users.

The Visual Editor enables you to add a video to the Pop-up template directly using the UI.

Use the following steps to embed a video URL in a Pop-up using the Visual Editor:

1. On the Whatfix Guidance dashboard, click **Widgets**. ![ia_left_nav_widgets](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left_nav_widgets.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A39Z&se=2026-11-12T09%3A43%3A39Z&sr=c&sp=r&sig=6nwnWSv6bJmY1Bknm6tlxMdJXNHnfEOT3%2BHmfwQjDtI%3D)
2. Click **Pop-ups**. ![ia_widget_popups](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_widget_popups.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A39Z&se=2026-11-12T09%3A43%3A39Z&sr=c&sp=r&sig=6nwnWSv6bJmY1Bknm6tlxMdJXNHnfEOT3%2BHmfwQjDtI%3D)

1. Hover your cursor over the Pop-up segment you want to configure, and then click the **Edit** icon. ![Edit_popup_DB](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Edit_popup_DB.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A39Z&se=2026-11-12T09%3A43%3A39Z&sr=c&sp=r&sig=6nwnWSv6bJmY1Bknm6tlxMdJXNHnfEOT3%2BHmfwQjDtI%3D)
2. In the **Description** section, place the cursor where you want to add the video and double-click to open the **Rich Text Editor**. ![RTE_add_video](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-09%20at%2011.28.27%20AM.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A39Z&se=2026-11-12T09%3A43%3A39Z&sr=c&sp=r&sig=6nwnWSv6bJmY1Bknm6tlxMdJXNHnfEOT3%2BHmfwQjDtI%3D)
3. Click the **+** icon. The **Add Component** dialog box opens. ![Add_component](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-09%20at%2011.28.27%20AM%281%29.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A39Z&se=2026-11-12T09%3A43%3A39Z&sr=c&sp=r&sig=6nwnWSv6bJmY1Bknm6tlxMdJXNHnfEOT3%2BHmfwQjDtI%3D)
4. On the **Add Component** dialog box, click **Video**. ![Click_Video_Addcomponent](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_Video_Addcomponent.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A39Z&se=2026-11-12T09%3A43%3A39Z&sr=c&sp=r&sig=6nwnWSv6bJmY1Bknm6tlxMdJXNHnfEOT3%2BHmfwQjDtI%3D)
5. Paste the video URL. ![Insert_video_URL](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-06%20at%2011.26.00%20PM%281%29.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A39Z&se=2026-11-12T09%3A43%3A39Z&sr=c&sp=r&sig=6nwnWSv6bJmY1Bknm6tlxMdJXNHnfEOT3%2BHmfwQjDtI%3D)

> [!WARNING]
> your title goes here
> 
> The video URL must contain **https** if the Pop-up is displayed on a secure webpage.
6. Click **Insert**. ![Click_insert_video](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_insert_video.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A39Z&se=2026-11-12T09%3A43%3A39Z&sr=c&sp=r&sig=6nwnWSv6bJmY1Bknm6tlxMdJXNHnfEOT3%2BHmfwQjDtI%3D)

> [!NOTE]
> your title goes here
> 
> - Using the **Drag and Drop** feature, move or re-position the video around the Pop-up.
> - Using the Drag Handlers the video can be moved or re-positioned both vertically (column-wise) and horizontally (row-wise).
> 
> ![Video_DND](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Video_DND.gif?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A39Z&se=2026-11-12T09%3A43%3A39Z&sr=c&sp=r&sig=6nwnWSv6bJmY1Bknm6tlxMdJXNHnfEOT3%2BHmfwQjDtI%3D)

> [!WARNING]
> your title goes here
> 
> When you make changes to the Pop-up using the Drag Handlers, you may not be able to undo certain changes. In that case, you may need to re-create the Pop-up. For more information, see [Can I undo the changes made with the Drag Handlers](/desktop/docs/can-i-undo-the-changes-made-with-the-drag-handlers)?

1. Once the video is added, click **Set Visibility Rules →**. ![studio_pop_up_VR](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/studio_pop_up_VR.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A39Z&se=2026-11-12T09%3A43%3A39Z&sr=c&sp=r&sig=6nwnWSv6bJmY1Bknm6tlxMdJXNHnfEOT3%2BHmfwQjDtI%3D)
2. Set the visibility rules for the Pop-up to appear. For more information on the different conditions that can be used in Visibility rules, see [Visibility Rules](/desktop/docs/visibility-and-display-rule-conditions).
3. Click **Edit Pop-up** or **Finish later** depending on your preference. ![Studio_pop-up_finish later or edit](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_pop-up_finish%20later%20or%20edit.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A39Z&se=2026-11-12T09%3A43%3A39Z&sr=c&sp=r&sig=6nwnWSv6bJmY1Bknm6tlxMdJXNHnfEOT3%2BHmfwQjDtI%3D)
4. Once you have set Visibility Rules, select the Pop-up using the checkbox, and then click **Send to ready**. ![clm_db_send_to_ready](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_db_send_to_ready.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A39Z&se=2026-11-12T09%3A43%3A39Z&sr=c&sp=r&sig=6nwnWSv6bJmY1Bknm6tlxMdJXNHnfEOT3%2BHmfwQjDtI%3D)
5. Go to the **Ready** stage, and then click **Push to production.** ![clm_db_push_to_production](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_db_push_to_production.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A39Z&se=2026-11-12T09%3A43%3A39Z&sr=c&sp=r&sig=6nwnWSv6bJmY1Bknm6tlxMdJXNHnfEOT3%2BHmfwQjDtI%3D)