--- title: "Embed a Vimeo video" slug: "embedding-a-vimeo-video-using-embed-code" description: "This article helps you in embedding a Vimeo video in a Whatfix Pop-up using the Embed code. " updated: 2026-08-10T06:56:28Z published: 2026-08-10T06:56:28Z canonical: "support.whatfix.com/embedding-a-vimeo-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 Vimeo video Whatfix enables you to embed Vimeo videos to any Pop-up template to deliver more information to your users. The video can be embedded in the description section of the Pop-up. For more information on Whatfix Pop-up templates, see [Choose the pop-up template](/desktop/docs/choosing-a-pop-up-template). ## 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?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. 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?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) ## 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?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) 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?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. 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) 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?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) 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?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. 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?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. 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?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) 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) 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. Finish creating the Pop-up.