About the Video element
Unlike version 6, the latest version of the editor combines various video elements, such as YouTube and Vimeo, into a single Video element.
With this updated feature, users can easily showcase videos from multiple sources and customize them to quickly capture their customers’ attention.
From the GemPages Dashboard, open a template to edit. You can quickly find the Video element on the left sidebar of the Editor, under the Media section. Drag & drop the element to any position you prefer.
Clicking on the Video element, the configuration will be available on the left sidebar, which will be covered in the following sections.
Configure the Settings Tab
Video URL
Video Source: Select a video source from the available options, which include YouTube, Vimeo, and Video hosting video, by using the drop-down menu. Then, enter the corresponding video link into the designated box.
If you opt for the Video hosting option, you can upload the video to Shopify and input the video link into the Weblink box. Please note that the result needs to be checked on the live page.
Below is a step-by-step guide for uploading the video to Shopify using Shopify CDN (Content Delivery Network) as the host.
Step 1: Go to Shopify Admin > Content > Files.
Step 2: Click on the “Upload files” button at the top right corner. If you haven’t uploaded any files here, the “Upload files” button will appear in the middle of the screen.
Step 3: Select the file to upload from your device.
Step 4: After finishing the upload, copy the URL by clicking on the chain icon.
Return to the GemPages Dashboard and paste the copied link into the Weblink box.
Video thumbnail
A video thumbnail is a static image used as a preview for your video. You have three options for uploading your video thumbnail:
- Change Image: Simply hover over the image and select “Change Image.” This enables you to select an image from your computer and upload it.
- Browse Gallery: You can choose an image from the gallery, which includes all of your previously uploaded images.
- Source: This option allows you to provide the image link directly.
- Ratio: Choose a preferred ratio for your thumbnail from the drop-down menu.
Options
- Autoplay: Toggle this switch to enable automatic video playback. Please be aware that certain browsers have implemented restrictions on autoplay. In such cases, your video will return to the thumbnail image, requiring viewers to manually click play to initiate playback. Enabling the sound of your video might also result in autoplay being disabled.
- Enable sound: Switch on to activate the audio of the video.
- Loop video: The video will play from start to finish and then restart from the beginning.
- Show control bar: Choose whether to display or hide the video control bar on the preview/live pages.
- Lazy load: Turn on/off the Lazy load feature for the video. For more information about this feature, check out this article. Please note that turning on the Lazy Load option may disable the autoplay function.
Starting and ending time
- Start video at: Choose the starting point for your video.
- End video at: Choose the ending point for your video.
Configure the Advanced Tab
For more advanced customization, please navigate to the Advanced tab and follow the instructions in this article.
And there you have it! If you need any further assistance along the way, our GemPages Support Team is always here for you!