Video with Text Section Combine Video With Clear Store Content

Pair a Shopify video with a heading, supporting content, and a call-to-action button to highlight products, collections, promotions, services, or brand stories.

  • check-icon 2.0 Compatible
  • check-icon Video & Text Layout
  • check-icon Responsive Design
Product story
Brand promotion
vector
vector

Key Features: Create Engaging Video and Text Sections

Combine video with customizable text, buttons, alignment, sizing, colors, and responsive settings to create focused content sections for your Shopify store.

Shopify Video Support

Shopify Video Support

Add a Shopify-hosted video as the section's main visual element.

Flexible Video Playback

Flexible Video Playback

Control autoplay, looping, sound, and video controls from the theme editor.

Play & Pause Button

Play & Pause Button

Show an interactive play and pause button when video controls are disabled.

Left or Right Video

Left or Right Video

Choose whether the video appears on the left or right side of the content.

Custom Text Content

Custom Text Content

Add a heading and rich text to explain your product, collection, promotion, or brand message.

Custom Call-to-Action

Custom Call-to-Action

Add a button with your own label and destination link.

Flexible Video Height

Flexible Video Height

Choose Small, Medium, Large, or Auto for video height.

Responsive Layout

Responsive Layout

The video and text stack neatly on mobile devices for a better browsing experience.

Video with Text Settings & Options

Control the video, text, button, colors, spacing, alignment, and section width from the Shopify theme editor.

Section Settings

Section Settings

Applies to the whole section

Video displayed as the main visual content.

Video

Start the video automatically when the section loads.

Autoplay

Repeat the video continuously after it ends.

Loop Video

Show native playback controls on the video.

Video Controls

Play the video without sound.

Mute Video

Show a custom play and pause button over the video.

Play / Pause Button

Choose whether the video appears on the left or right.

Video Alignment

Choose the video height for different layouts.

Video Height

Set the rounded corners of the main content area.

Section Radius

Add the main heading for the text area.

Heading

Add supporting rich text below the heading.

Content

Choose the alignment of the text content.

Text Alignment

Set the text section background color.

Content Background

Set the heading and content colors.

Text Colors

Customize the call-to-action button styling.

Button Styling

Set desktop and mobile section spacing.

Section Padding

Make the section span the available screen width.

Full Width

Set the maximum width for a contained section.

Section Width

Where This Section Can Be Used

Use video alongside focused text and a clear call to action to explain products, highlight collections, promote campaigns, or tell your brand story.

  • Home Page
  • Collection Page
  • Product Page
  • Landing Page
Home Page

Create a Strong Visual Brand Introduction

Use video with supporting text to introduce your brand, highlight featured products, promote collections, or share an important store message.

check-iconIntroduce your brand visually

check-iconHighlight featured products

check-iconPromote important collections

check-iconGuide visitors with a CTA

Collection Page

Add More Context to Your Collections

Use video and text to introduce a collection, explain its style, highlight selected products, or share useful information before shoppers browse.

check-iconIntroduce collection themes

check-iconExplain product categories

check-iconHighlight collection benefits

check-iconGuide shoppers to products

Product Page

Show Products With More Visual Context

Use video alongside text to demonstrate product features, explain benefits, share product stories, or direct customers toward a relevant destination.

check-iconExplain product features

check-iconShowcase products visually

check-iconShare product benefits

check-iconAdd a focused CTA

Landing Page

Build Focused Sections for Campaigns

Combine video, messaging, and a CTA to present promotions, product launches, services, or campaign stories in a focused layout.

check-iconCapture visitor attention

check-iconSupport campaign storytelling

check-iconHighlight key promotions

check-iconDrive visitors to relevant pages

Combine Visual Storytelling With Clear Messaging

Pair engaging video with focused text and a clear call to action to explain your products, collections, promotions, or brand story in one section.

Video with Text section

Create Balanced Video and Content Experiences

Use flexible video placement, playback controls, text alignment, button styling, and responsive layouts to create sections that fit your store design.

check-iconCombine video and text in one layout

check-iconChoose left or right video placement

check-iconControl video autoplay and looping

check-iconAdd custom headings and rich text

check-iconInclude a clear call-to-action button

check-iconChoose different video height options

check-iconCustomize text and section colors

check-iconCreate responsive desktop and mobile layouts

Do this, skip that.

DO

  • do Use a high-quality and relevant video
  • do Keep the heading short and clear
  • do Match the text with the video message
  • do Use a relevant CTA link
  • do Choose a video height that suits your content

DON'T

  • don't Use unrelated video content
  • don't Add overly long text
  • don't Use unclear CTA labels
  • don't Choose video settings that distract from the message
  • don't Overload the section with too much content

Frequently Asked Questions

Can I add a video to the section?

Yes. You can select a Shopify-hosted video to display alongside the text.

Can I control video autoplay and looping?

Yes. You can enable or disable Autoplay and Loop Video from the section settings.

Can I mute the video?

Yes. The Mute Video setting lets you control whether the video plays without sound.

Can I show video controls?

Yes. You can enable native video controls from the Video Controls setting.

Can I add a play and pause button?

Yes. You can enable the custom Play / Pause Button when video controls are disabled.

Can the video appear on either side of the text?

Yes. Use the Video Alignment setting to place the video on the left or right side.

Can I add a button with a custom link?

Yes. You can add a button label and destination link, with an option to use an outline button style.

Is the section mobile responsive?

Yes. On mobile screens, the video and text areas stack vertically for a better responsive layout.

Can I control the video height?

Yes. You can choose Small, Medium, Large, or Auto video height.

Can I customize the section colors and spacing?

Yes. You can customize background colors, text colors, button colors, desktop and mobile padding, and the section width.

Help Center

support e-mail

We're Here to Help: We believe in providing exceptional customer support!

For Support or any Questions Email Us: [email protected]

Ready When You Are: Combine Video With Clear Store Content

Install SectionHub and add the Video with Text section to your theme in minutes - no coding required.