Adding Videos

Note: This article applies to Free Trial accounts created on or after 16 December 2024 and Website, Website+Marketing and eCommerce packages created on or after 18 December 2024. If your accounts were created before these dates, please refer to the article Elements Management.

Adding a Video

Option 1

  • Hover over the desired section, and click the Add Element.

  • Choose the Video from the modal that appears:

  • After you choose the element from the list, drag it to the desired section and drop using the grid.

Option 2

  • Hover over the left sidebar of the Site Editor and click Build (+) button:

  • Choose the element:

  • After you choose the element from the list, drag it to the desired section and drop it using the grid.

Moving and Resizing the Video

Please refer to the Elements Management (New Grid) article to learn more about moving and duplicating elements.

Customizing a Video

To edit, duplicate or delete the element, click on it and switch between the buttons that appears in its toolbar:

Editing the Video

  • Click on the element and choose the Edit button that appears in its toolbar:

Settings Tab

  • Video Link: Replace the sample video link with the YouTube, Vimeo, or Dailymotion video.
  • Autoplay: Select to start playing the video as soon as the visitor accesses the page on the Internet. If Autoplay is disabled, the visitor will need to click the video to start it. The video will keep replaying until the visitor stops it.
  • Allow Full Window: Leave selected to allow users to toggle full screen. Deselect to retain the size of the video's placeholder.

Design Tab

Switch to the Design tab to be able to modify the following:

  • Theme: Choose the color of the video progress bar (white or red).
  • Shadow: Enable a shadow effect and adjust its color, and opacity.
  • Preview: Select the image that will appear on the video preview. You can drag and drop the image onto the Add Preview placeholder or click the Add Preview placeholder to open the Upload Image dialog.

Duplicating the Video

  • To duplicate the video, click on it and choose the Duplicate button that appears in its toolbar:

  • The duplicate of the element will appear immediately.

Deleting the Video

To delete a video:

  • Click on it and choose the Remove button [Bin] that appears in its toolbar:

  • The element will be removed immediately.