[Coming Soon] Video Widget | Page Builder (New)

_____35.png

When editing an advanced page, you can add the "Video Widget" to insert a Youtube or Vimeo video and adjust the video's position. 

1. Add Video Widget

Step 1

Proceed to SHOPLINE Admin > [Online Store Design] > [Pages] and click Advanced Page/Edit to open up the Advanced Page settings page.

11.png

 

Step 2

Click the Widget button.

Screen_Shot_2022-08-01_at_4.47.14_PM.png

Step 3

Click the Video widget.

Screen_Shot_2022-08-01_at_4.49.00_PM.png

Step 4

Enter the Youtube or Vimeo video URL. You can enter a general URL or a shortened URL.

*Note: Currently does not support timestamped URLs.

Screen_Shot_2022-08-01_at_4.56.54_PM.png

Step 5

Enter the video title and set the text alignment. (Left/ Middle/ Right).

Screen_Shot_2022-08-01_at_4.59.00_PM.png

Step 6

Then scroll down to adjust the video-related settings, you can adjust the following options (the first 3 are set disabled by default):

  • Full Screen: Adjust the video width, you can set the video as fullscreen. 
  • Auto play: After you switch on this setting, the video will autoplay when customers scroll to the location of the video.
  • Auto mute: You can set the video on mute, and it will be muted by default when playing. 
  • Video Proportions: Select the video proportions, you can select 16:9 or 4:3.
    *Note: It is recommended to follow the proportions of the video when it was filmed or a black frame will appear. 
  • Padding: You can adjust the padding between the video and the page.

Screen_Shot_2022-08-01_at_5.01.09_PM.png

 

Step 7

When setting up, you can click the Save button on the bottom, and a preview screen of the added video widget will display on the right. 

Screen_Shot_2022-08-01_at_5.12.21_PM.png

Or click the Preview Page button on the top right to view the complete storefront preview.

Screen_Shot_2022-08-01_at_5.13.40_PM.png

 

Step 8

Once the above is completed, click the Publish button, and customers will be able to see the added content of this page in the storefront.

Screen_Shot_2022-08-01_at_5.16.12_PM.png

Read more

 

 

 

 

 

Have more questions? Submit a request

Comments