Hero

How to Add a Video Hero in Shopify ?

Learn how to create a video hero section in Shopify to showcase engaging background videos, highlight products, and improve conversions with modern design.

Below is a step-by-step guide to help you create this section easily using the ZS Sections Shopify app—no coding required.

With the ZS Sections Shopify app, you can easily create this section without writing a single line of code.

Md Masud Rana, Shopify Expert.

Installation Steps

Slim banner at the top of your store for promotions, free shipping notices, or important updates.

  1. Add the section

    Search "ZS Announcement Bar" in Shopify theme editor.

  2. Add messages

    Create multiple rotating announcement blocks.

  3. Set rotation speed

    Control how fast messages rotate.

  4. Style bar

    Match brand colors for better visibility.

Live demo

How to Add a Video Hero in Shopify ?