Capture attention instantly by showcasing a video banner that communicates your brand story or promotion with the Tapita Video Banner #2 Section. This powerful section is designed to enhance your Shopify store: 

1. Seamless Integration: Works effortlessly with Shopify themes for a smooth performance and fast load time.
2. Fully Customizable: Tailor the video banner to align with your brand’s aesthetic and messaging.
3. Versatile Use: Showcase your brand story, promote new products, or highlight campaigns.
4. Enhanced Appeal: Creates a visually engaging experience to boost customer interaction.
   

This section empowers you to communicate your brand’s identity effectively, driving engagement and enhancing the overall appeal of your Shopify store.

1, Adding Tapita Video Banner #2 Section

For instructions on how to add the video banner section to your store, please refer to the Getting Started guide for Tapita Theme Sections Builder.

2, Customizing Tapita Video Banner #2 Section

👉🏻 View section demo

After adding the Tapita Video Banner #2 Section to your store, you can customize its content as follows within the Shopify Theme Editor.

2.1. Main video

Upload a video in MP4 format. 

The main video displays as the background of the Video Banner section.

2.2. Secondary video

Upload a video in MP4 format. 

The secondary video displays as the small overlay video on the main video. 

2.3. Content 

Heading

Enter the heading for the video banner section. (e.g. Your vibe. Your sound.)

Assisting format: AI-Generated content, Bold format, Italic format, and Hyperlink.

Heading size

Control the size of the heading: Small, Medium, Large.

Description 

Enter the description for the video banner section.

Assisting format: AI-Generated content, Paragraph styles, Bold format, Italic format, Hyperlink, Numbered format, and Bulleted format.

Button label

Enter the label (text) for the button. (e.g. Discover now)

Button link

Insert or search for a link.

Button style

Control the style of the button. 

Choose Primary for filled button, choose Secondary for transparent button style.

Primary button style

Secondary button style

Content configurations

2.4. Section layout

Height on desktop

Control the height of the section on the desktop view.

Slide to set your desired value or enter a number. (e.g. 60 vh)

Height on mobile

Control the height of the section on the mobile view.

Slide to set your desired value or enter a number. (e.g. 50 vh)

Section full width

Toggle this ON to display the section in full width.

Section max width

Control the maximum width of the section.

Slide to set your desired value or enter a pixel number. (e.g. 1600 px)

Margin desktop

Control the left spacing of the section on the desktop view.

Slide to set your desired value or enter a pixel number. (e.g. 40 px)

Margin tablet, mobile

Control the left spacing of the section on the tablet, mobile view.

Slide to set your desired value or enter a pixel number. (e.g. 40 px)

2.5. Section color

Background overlay

Control the background overlay effect color.

Choose via the color picker or enter a HEX color code. (e.g. #FFFFFF for white)

Overlay opacity

Control the transparency of the overlay. 

Slide to set your desired value or enter a percentage number. (e.g. 10 % or 0% - no overlay effect)

Text color

Control the color of the section description.

Choose via the color picker or enter a HEX color code. (e.g. #FFFFFF for white)

Title color

Control the title color of the button.

Choose via the color picker or enter a HEX color code. (e.g. #FFFFFF for white)

Button background 

Control the background color of the button (Primary Button style).

Choose via the color picker or enter a HEX color code. (e.g. #FFFFFF for white)

Button text 

Control the text color of the button.

Choose via the color picker or enter a HEX color code. (e.g. #FFFFFF for white)

Secondary button border 

Control the border color of the secondary style button.

Choose via the color picker or enter a HEX color code. (e.g. #FFFFFF for white)

Button border radius

Control the corner rounding of the button.

Slide to set your desired value or enter a pixel number. (e.g. 25 px or 0 px - no corner rounding)

Now you know how to customize the Tapita Video Banner #2 Section to effectively communicate your brand story or promotion that captures attention instantly. If you have any questions or need assistance, don’t hesitate to reach out to Tapita support here support@tapita.io