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

Accessing the widget

1. Open the variation editor on the desired website,
2. Click Widgets in the toolbar on the right-hand side,
3. Browse to the Promotional Content section or filter on the widget’s name,
4. 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:

1. Click Save to save your changes,
2. 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 

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

Conditions tab

Example of a video pop-in creation

In this example, we will detail the steps required to create the following pop-in:

This pop-in features the following elements:

• A video with a personalized title,
• A personalized background color,
• A personalized border,
• A clickable button with personalized colors,
• A personalized close button.

Access the Video pop-in widget

1. Open the variation editor on the desired website,
2. Click Widgets in the toolbar on the right-hand side,
3. Enter Video pop-in in the search field,
4. Click the Video pop-in card:
   The configuration form is displayed and a pop-in featuring a video appears.

You can now start configuring your pop-in. The Layout tab is displayed by default.

Layout tab

1. In the Layout tab, click Top:
   The pop-in displays a title above the video.
2. Click the Content tab.

Content tab

Title

1. Click in the Title field,
   A formatting toolbar appears,
2. Enter “Optimize your conversions!” and select the text,
3. Use the toolbar to make it red,
4. In the URL field, enter the URL of the YouTube or Vimeo video to be used.

Button

1. Enable the Add a button option,
2. Enter “I would like to see a demo” as the button text,
3. Enter the URL of the page users who click on the button will be redirected to,
4. Click Button background color and select a color from the palette or enter its hexadecimal value in the Hex field,
5. Leave the opacity at 100%,
6. Click the Style tab.
   
   

Style tab

Background

1. Click Background color and select a color from the palette or enter its hexadecimal value in the Hex field,
2. Leave the opacity at 100%,
3. Do not configure a background image,
4. Move the overlay opacity cursor to 70%.

Border

1. Leave the Border thickness cursor at 0 px,
2. Move the Border radius cursor to 20 px.

Close button

1. Leave the position on Inside,
2. Click Close button color and select a color from the palette or enter its hexadecimal value in the Hex field,
3. Leave the opacity at 100%.

Animation

1. Select Fade In,
2. Click the Conditions tab.

Conditions tab

1. In the drop-down list, set the recurrence to “Every time”,
2. Leave the default value in the Triggers on drop-down list,
3. Click the Auto play toggle button,
   The video starts playing automatically in the pop-in,
4. Click Save.