--- title: "Embed a video in a Pop-up using the URL" slug: "embedding-a-video-in-a-pop-up-using-the-url" updated: 2025-04-25T02:35:54Z published: 2025-04-25T02:35:54Z canonical: "support.whatfix.com/embedding-a-video-in-a-pop-up-using-the-url" --- > ## 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 video in a Pop-up using the URL Whatfix enables the addition of videos to Pop-ups to engage users with a visual message. The Visual Editor enables adding video to the Pop-up template directly using the UI. Use the following steps to add a video to your Pop-up using the Visual Editor: Note: - You cannot embed videos hosted on file sharing websites such as Google Drive, Dropbox, and more using the URL method. A published video's URL from your authorized video channel (Youtube, Vimeo, and more) is needed to embed videos to Whatfix Pop-up templates. To embed a video link hosted on Google Drive, try [Embed a video hosted on Google Drive using Embed code](/studio/docs/embed-a-video-hosted-on-google-drive-using-embed-code). - If the Pop-up is shown in a secure webpage (**https**) and the video is hosted on a non-secure website (**http**), then the video is displayed as a broken link to the end users. 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) 2. Click **Pop-ups**. ![ia_widget_popups](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_widget_popups.png) 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) 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) 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) 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) 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) Note: The video URL must contain **https** if the pop-up is displayed on a secure webpage. 1. Click **Insert**. ![Click_insert_video](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_insert_video.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: - You might not be able to undo certain changes once you make changes to the Pop-up using the Drag Handlers. In that case, re-creation of the Pop-up may be necessary. - 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. 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) Info: Click the **Save** button to save and mark the Pop-up as an inactive draft. You can resume editing by clicking the **Edit** icon. 1. 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](/studio/docs/visibility-and-display-rule-conditions). 2. Click **Edit Pop-up** or **Finish later** based 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) 3. Once you have set the 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_button.jpg) 4. Go to the **Ready** stage, and then click **Publish**. ![clm_db_push_to_production](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/db_clm_publish.jpg) ## Related - [Pop-ups](/pop-ups.md)