The Video Pop-in widget enables you to play a video hosted on YouTube or Vimeo to your visitors.

Accessing the widget

Open the variation editor on the desired website,
Click Widgets in the toolbar on the right-hand side,
Browse to the Promotional Content section or filter on the widget’s name,
Click the widget’s card,
The configuration form is displayed and the animation starts.

Configuring the widget

During this configuration step, changes are displayed in real-time.

Once your changes have been applied:

Click Save to save your changes,
If necessary, you can click History in the toolbar to edit and make changes to your configuration.

Widget tracking

Two “action tracking” type goals are created automatically in the report of the test or personalization: one linked to the displaying of the pop-in and one to record the number of clicks on the close button.

List of options of the Video pop-in widget

The first time you access the widget, red dots are displayed on the tabs to indicate that new options are available.

Layout tab

Options	Use
No title	Display only the video in the pop-in
Top	Display a title above the video
Bottom	Display a title below the video

Content tab

Options	Use
Title	Change the title of the pop-in. Click in the field to display the toolbar and format the text.
Toolbar	Format the title and content of the pop-in
	Font color
	Bold or italic
	Paragraph format
	Numbered list or bullet list
	Enter text and content in HTML format
	Add a hypertext link
	Insert an image
URL	Specify the URL of the video hosted on YouTube or Vimeo.
Add a button	Insert a button inside the pop-in
Button text	Change the label of the button
Button link	Specify the URL of the page the user should be redirected to when they click the button.
Color of the button text	Personalize the font color of the button label: use the palette to configure the hexadecimal value and opacity
Button background color	Personalize the button background color: use the palette to configure the hexadecimal value and opacity

Style tab

Options	Use
Background
Background color	Select a background color for the pop-in
Background image	Choose a background image for the pop-in: select a local file or specify its URL
Overlay opacity	Darken or lighten the visual used for the pop-in background
Border
Border thickness	Add a border and configure its thickness in pixels
Border radius	Configure the border radius of the pop-in in pixels
Image border radius	Configure the border radius of the image in the pop-in in pixels
Border color	Add a border and configure its color: use the palette to configure the hexadecimal value and opacity
Close button
Close button position	Choose if the close button should be located inside or outside of the pop-in
Close button color	Choose the color of the pop-in’s close button: use the palette to configure the hexadecimal value and opacity

Animation	Configure the way the pop-in is displayed on the website Slide in: from top to bottom Fade in: gradual display

Conditions tab

Options	Use
Recurrence	Pop-in display frequency On every page of the website Once per session Once a day when the user visits the page Once a week when the user visits the page Once a month when the user visits the page Once per visitor (no recurrence)
Triggers on
Page load	Displays the pop-in when the page is loaded
Click	Displays the pop-in when a visitor clicks an element of the page. Click Select element to specify the HTML element of the page.
Exit intent	Displays the pop-in after a delay, to be configured in seconds, if the visitor moves the mouse to the top of the screen with the intention of closing the browser tab
Delay	Displays the pop-in after a certain amount of time spent on the page, to be configured in seconds
Reengage	Displays the pop-in after inactivity on the page, to be configured in seconds
Auto play	Starts playing the video automatically when the pop-in is displayed, without the user having to click it. This option only works if the video is hosted on YouTube.

Example of a video pop-in creation

Articles in this section

Video Pop-in widget