Video with text

Learn how to feature combination of a video and text for a stunning visual display

The Video with text section lets you showcase a video and a copy side-by-side to promote your products, offer, or brand's message.

It's designed to display a video with standard controls that will play with sound.

How to add a Video with text

Steps:

  1. From the theme editor (Customize), click Add section.

  2. Select a Video with text section.

  3. Make necessary changes.

  4. Save the settings.

How to edit a Video with text

Section settings

Video settings

  • Video: Select a video from Shopify Files or insert a YouTube or Vimeo video URL.

  • Cover image: The image that displays before a customer plays the video.

  • Video ratio: Set the ratio of the video.

  • Video alt text: Describe the video for customers using screen readers.

  • Enable video autoplay: Video are muted automatically to allow autoplay.

  • Enable video looping: Video is looped automatically.

  • Desktop video placement: Set where the video is placed compared to the content (Video first/ Video second) on desktop. For mobile view, the video comes first by default.

  • Enable parallax effect: Scroll the background and foreground layers at different speeds, creating vibrant animated scenes.

  • Parallax direction: Vertical/ Horizontal/ Zoom.

Content settings

  • Text alignment: Control whether your texts are centered, left-aligned, or right-aligned.

Block settings

You can choose to edit the following elements:

  • Heading - This will serve as the subject or title of your section. For this one, we suggest using a short, but clear title that will allow your customers to easily understand the message you're trying to convey.

  • Subheading - This will serve as the subtitle of your section.

  • Text - This is displayed below the heading. This offers a set of rich text functions that allow formatting of the text like adding styles, links, or lists. To learn more, see Shopify's Rich Text Editor guide.

  • Button - This is a call-to-action button allowing you to select a page or paste any link of your choice.

Drag to re-order any element you like within the section.

Last updated