---
title: "Embed a Vimeo video using embed code"
slug: "embedding-a-vimeo-video-using-embed-code"
updated: 2025-04-25T02:36:37Z
published: 2025-04-25T02:36:37Z
---

> ## 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 Vimeo video using embed code

Whatfix enables you to embed Vimeo videos to any Pop-up template to deliver more information to your users. Embed the video in the description section of the Pop-up.

For more information on Whatfix Pop-up templates, see [Choose the pop-up template](/studio/docs/choosing-the-pop-up-template).

Adding a Vimeo video's embed code in a Pop-up is a 2-step process.

[**Step 1**: Get the video embed code](/studio/docs/embedding-a-vimeo-video-using-embed-code#step-1-get-the-video-embed-code) [**Step 2**: Insert the video embed code in the Pop-up using Visual Editor](/studio/docs/embedding-a-vimeo-video-using-embed-code#step-2-insert-the-video-embed-code-in-the-popup)

Use the following steps to add a Vimeo video:

## Step 1: Get the video embed code

1. Go to the Vimeo video that you want to include in the Pop-up.
2. Click **Embed**. ![Click_Embed](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-08%20at%203.45.04%20PM.png)
3. Copy the `<iframe>` code. ![copy_iframe_code](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-09%20at%2011.19.20%20AM.png)

## Step 2: Insert the video embed code in the Pop-up using Visual Editor

Use the following steps to insert the video embed code in the Pop-up using 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)
2. Click **Pop-ups**. ![ia_widget_popups](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_widget_popups.png)
3. 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)
4. 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)
5. 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)
6. 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)

1. Click the **embed code** icon. ![Click_embed_code](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-09%20at%2011.33.17%20AM.png)
2. Paste the embed code and click **Insert**. ![Embed_code](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-09%20at%2011.34.36%20AM.png)

          Info:

          

- Use the **Drag and Drop** feature to move or reposition the video around the Pop-up.
- Use the Drag Handlers to move or reposition the video both vertically (column-wise) and horizontally (row-wise).

    

![Video_DND](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Video_DND.gif)

          Note:

          

- When you make changes to the Pop-up using the Drag Handlers, you may not be able to undo certain changes. In that case, re-creation of the Pop-up may be necessary. For more information, see [Can I undo the changes made with the Drag Handlers](/studio/docs/can-i-undo-changes-made-with-the-drag-handlers)?
- If you want the video to autoplay for your end users, click **Autoplay** while inserting the video.  

![Autoplay videos on pop-ups ](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Pop-up_video_autoplay.png)

1. Finish creating the Pop-up.

## Related

- [Add voiceovers to Whatfix videos of Flows](/adding-voiceovers-to-whatfix-videos.md)