Video

Steps to add a section:

1. In your Shopify admin dashboard, go to Online Store > Themes.
2. Choose the theme you want to edit and click on the Customize button.
3. Click on the arrow down next to Home page↓and select a template you want your Video section to add to. 
4. Click on Add section which can be found in your left sidebar or directly in the live editor. 
5. Click and hold the drag-and-drop handles ⋮⋮ to re-order your sections.
6. Scroll down, or search for Video, then click on Video. 

Congrats! 👏 You just added your Video section.

To style your video (height, background image, etc.):

1. In your Shopify admin dashboard, go to Online Store > Themes.
2. Choose the theme you want to edit and click on the Customize button.
3. Click on the Video section.
4. You will now see customization options for Video. If checked, Enable narrow width will add additional space to the left and right of the video.
5. Insert the URL of your video to the URL field. We accept mp4, YouTube, and Vimeo links.

Upload the mp4 Video to the Content > Files and copy the link to the URL field.

6. Video height options are Small, Medium, Large, or Original. Select one of them.
7. Two Video options are Preview mode (Muted) and Background image.
1. Preview mode (Muted) will play a preview of your video with the sound muted.
2. Background image allows you to upload an image in the Background Image section and display it instead of your video. Simply click Select image to upload the image or choose one from the Shopify library.
8. Checkmark Show controls box if Preview mode (Muted) was chosen in step 7 and you wish to show controls buttons such as play, pause, etc.
9. In the Accessibility section, for Video alt text, include a description of the video. This is especially useful for those using screen readers
10. Click Save.

Steps to style the content block (position, colors, gradient, etc.):

1. In your Shopify admin dashboard, go to Online Store > Themes.
2. Choose the theme you want to edit and click on the Customize button.
3. Click on the Video section.
4. If you wish to change the layout of the content block, use Content position and Text alignment fields. Go over different options and see how that changes your content layout in real time.
5. Choose a Color Scheme. Remember that you can Edit the existing scheme or add a new one ↗ in Theme settings.
6. (Optional) Checkmark Show controls field to display the controls for the video.
7. (Optional) Checkmark Enable gradient to enable a gradient at the bottom of your video. Please note that it only applies when content is floating over an image.
8. (Optional) You can change both top and bottom section padding (the empty space above and below the section) and set it anywhere from 0px to 100px.
9. Read more about Custom CSS ↗.

10. Click Save.

    

Steps to add a content block to your video:

1. In your Shopify admin dashboard, go to Online Store > Themes.
2. Choose the theme you want to edit and click on the Customize button.
3. Click + Add Block under the Video section. You can have up to 4 content blocks. Available options are Heading, Subheading, Text, and Buttons. Delete the blocks you don't need by hovering over the block name and clicking on the trash icon. You can also hide a block by clicking on the eye icon.
4. For Text block, populate the Description field.
5. For the Heading block, insert the heading in the Heading field. Then, you can change the heading size. You can also select a collection and your heading will have a number at the end indicating how many collection items are in the collection you selected.
6. For Subheading block, insert the subheading in the Subheading field. Then, you can change the Subheading size.
7. For Buttons, populate Button label, Button link (paste a link or select one of the options). You can also choose a Button style.
8. Click Save.