Top
Embed a video in a Pop-up using the URL
  • 24 Feb 2025
  • 2 Minutes To Read
  • Dark
    Light
  • PDF

Embed a video in a Pop-up using the URL

  • Dark
    Light
  • PDF

Article summary

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 like 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.

  • 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

  2. Click Pop-ups.
    ia_widget_popups

  1. Hover your cursor over the Pop-up segment you want to configure, and then click the Edit icon.
    Edit_popup_DB

  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

  3. Click the + icon. The Add Component dialog box opens.
    Add_component

  4. On the Add Component dialog box, click Video.
    Click_Video_Addcomponent

  5. Paste the video URL.
    Insert_video_URL

Note:

The video URL must contain https if the pop-up is displayed on a secure webpage.

  1. Click Insert.
    Click_insert_video
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

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.

  1. Once the video is added, click Set Visibility Rules →.
    studio_pop_up_VR
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.

  2. Click Edit Pop-up or Finish later based on your preference.
    Studio_pop-up_finish later or edit

  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

  4. Go to the Ready stage, and then click Publish.
    clm_db_push_to_production


Was this article helpful?


Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.