1. Purpose
Displays a video from an uploaded file, YouTube, or Vimeo. Use it for product demonstrations, brand stories, tutorials, or promotional content.
2. Common use cases
Homepage
Product page
Landing page
About page
Promotional campaign
3. How to add
Shopify Admin → Online Store → Themes → Customize → Add section → Video
4. Key settings
Setting | Description |
|---|---|
Video | Uploads a video directly to Shopify. It overrides the external video when both are added. |
External link video | Embeds a video from YouTube or Vimeo. |
Video ratio | Sets the video aspect ratio: Adapt video, 4:3, 16:9, or 21:9. |
Color | Sets the background color behind the video. |
Full width | Expands the video across the available page width. |
Top padding | Adjusts spacing above the section. |
Bottom padding | Adjusts spacing below the section. |
Rate padding (mobile) | Controls responsive spacing on mobile devices. |
Custom CSS | Adds custom styles to this section only. |
5. Best practices
Use an uploaded video when faster loading and full playback control are required.
Select Adapt video to keep the original video ratio.
Use 16:9 for most standard promotional videos.
Compress uploaded videos to improve page performance.
Check the video layout on both desktop and mobile.
6. Common issues
Issue | Possible cause | Solution |
|---|---|---|
External video is not showing | An uploaded video is also selected. | Remove the uploaded video to use the external link. |
Video appears cropped | The selected ratio does not match the original video. | Use Adapt video or select a more suitable ratio. |
Video does not fill the page width | Full width is disabled. | Enable Full width. |
Video loads slowly | The uploaded file is too large. | Compress the video before uploading. |
YouTube or Vimeo video does not load | The link is invalid or unsupported. | Check and replace the external video link. |
