Interactive videos with buttons and images are a powerful tool for landing pages, as they boost user engagement by encouraging active participation. Features like clickable CTAs and overlay images help guide users through the content, making it easier for them to find relevant information quickly, which increases the likelihood of conversion. 

Inserting an interactive video

1. To add an interactive video element to your landing page, click on the Insert button to view the menu.
   
   
   
   
2. In the Insert menu click on the Media tab and select the Interactive Video to be inserted in the landing page.
   
   
   
   
3.  In the Interactive Video popup, you have the option of choosing the video from YouTube or Vimeo. Select the video of your choice and click on the Add Button.
   
   
   
   
4. Alternatively you can also use the Embed Video to insert a video of your choice. Copy the embed code of the video and paste it in the field. Now click on the Add button to insert the video in the landing page.
   
   

Adding a button to the interactive video

1. In Interactive Video Editor, click on the Button element to add it to your interactive video.
   
   
   
   
2.  In Button Properties, you can enter the Button Label, the Button Link where it should redirect users, and it's on-video position. You can also edit the typography, background, border, spacing and margins for the video here.  Configure the time for which it should appear in the video and the display frequency (one time or repetitive) depending on your requirements. Once you have configured all the button properties, click on the Add button.
   
   
   
   
3.  Click on the Save button on the top right corner to apply the changes to the interactive video. All interactive video elements such as buttons and images will be displayed only in the published page and not in the builder.
   
   
   

Adding an image to the interactive video

1. In the Interactive Video Editor, click on the Image element to add it to your interactive video.
   
   
   
   
2.  In the Image selection popup, you have the option of choosing images from Image Libraries such as Unsplash and Pixabay or upload your own images using Files. Choose the required image and click on the Insert button below the image to add it to your interactive video. 
   
   
   
   
3.  In Image Properties you can set the display frequency and the timing in which it should appear in the video. Add a link for the image to redirect users to a dedicated landing page. Adjust the on-video position of the image and size of the image using the options given here. In case you want to update the image click on Change Image to select a new image. . Once you have configured all the image properties, click on the Add button.
   
   
   
   
4.   Click on the Save button on the top right corner to apply the changes to the interactive video. All interactive video elements such as buttons and images will be displayed only in the published page and not in the builder.
   
   
   

Editing and removing an interactive video element

1. In the Interactive Video Editor, click on the required element under Interactions to edit the properties. To remove the element, click on the Delete icon in the element.