# Video banner

Fully customizable video banner section with mobile and desktop device options including support for multiple buttons, heading styles, and text options.&#x20;

Display a branded promotional MP4 video to your shoppers that loops:

<figure><img src="https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2FBTM5jT1EHw5ZIfYEx5jY%2FAug-27-2023%2006-30-22.gif?alt=media&#x26;token=baa1ccd6-16a4-461d-b531-5e215842b7ad" alt=""><figcaption><p><strong>Looping MP4 video in banner-style format</strong></p></figcaption></figure>

### Overlay blocks

Add and arrange blocks which will be displayed over the looping MP4 video:

<figure><img src="https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2FV3kctywao17JDonCd6xd%2FSTO%20video%20banner%20main%20plans%20B.jpg?alt=media&#x26;token=eb7ad795-67bf-4742-a4fc-bfa98f7040b1" alt=""><figcaption></figcaption></figure>

Customize with a range of optional blocks:

<table data-view="cards"><thead><tr><th></th><th></th></tr></thead><tbody><tr><td><strong>Headings</strong></td><td>Main style and Kicker subheading</td></tr><tr><td><strong>Text</strong></td><td>Body text format</td></tr><tr><td><strong>Video popup</strong></td><td>For longer YouTube or Vimeo videos</td></tr><tr><td><strong>Button</strong></td><td>Call-to-action buttons</td></tr><tr><td><strong>Icon</strong></td><td>Professionally made icons to choose from</td></tr><tr><td><strong>Image</strong></td><td>Smaller sized logo-style</td></tr></tbody></table>

### Customization

Use the section settings to configure the main section components:

<figure><img src="https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2FcsoCcC0TqnpS5bemmTxr%2FSTO%20video%20banner%20section%20settings.jpg?alt=media&#x26;token=c4e71163-61b9-4067-95c3-15b95a35f090" alt=""><figcaption></figcaption></figure>

Each block will also have its own custom options and settings to configure:

<figure><img src="https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2FrnePWyf8NAgyjrKcKdbB%2FSTO%20video%20banner%20block%20settings%20example.jpg?alt=media&#x26;token=483bf14b-d986-491c-b2ff-07da9f843ac7" alt=""><figcaption></figcaption></figure>

### Video Overview

Let's review the settings for sections and blocks in the Video Banner section:

{% embed url="<https://www.loom.com/share/72d7bb3d339044d6863d5cf24445cf69?sid=b9bcc211-851e-47ff-8f47-e7b8738db242>" %}
