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
|
Conditions tab
Options | Use |
Recurrence |
Pop-in display frequency
|
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. |
Comments
0 comments
Please sign in to leave a comment.