Shopify Video Modal Section

Description of the Section

The Video Modal section allows you to easily embed videos within a modal popup on your Shopify store. This modal enhances the user experience by presenting videos in a focused and attractive manner. The section includes customizable options for video autoplay, inline playback, looping, controls, and muted audio, among other features.

Demo of the Section

Installation Instructions

1. Download the Sections Pro app on the Shopify App Store
2. Open the app and navigate to Free Sections
3. Search for "Video Modal"
4. Click to Publish or Purchase

Sample Use Cases for a Shopify E-commerce Store

1. Product Demonstrations: Showcase how your products are used or assembled through step-by-step video guides presented in a modal popup.
2. Customer Testimonials: Share customer experiences and reviews in the form of video testimonials to build trust and credibility.
3. Promotional Videos: Highlight special sales, events, or new product launches with immersive promotional videos.
4. How-To Guides: Provide value-added content by sharing how-to or tutorial videos that help your customers get the most out of your products.
5. Brand Stories: Strengthen your brand’s narrative by presenting your brand story or mission in an engaging video format.

Overview of the Configuration Settings

• Target

  • target (text): The target URL string for launching the modal, e.g., #video-modal.

• Colors

  • background_color (color_background): Define the background color for the modal. Default is set to a linear gradient.

• Dimensions

  • padding_top (number): Set the top padding of the modal in pixels. Default is 0.
  • padding_bottom (number): Set the bottom padding of the modal in pixels. Default is 0.
  • padding_left (number): Set the left padding of the modal in pixels. Default is 0.
  • padding_right (number): Set the right padding of the modal in pixels. Default is 0.

• Video Setup

  • video (video): Upload or select the video to be displayed in the modal.
  • video_inline (checkbox): Enable inline playback for the video. Default is true.
  • video_autoplay (checkbox): Enable autoplay for the video. Default is false.
  • video_loop (checkbox): Enable looping for the video. Default is true.
  • video_controls (checkbox): Display video controls such as play, pause, etc. Default is false.
  • video_muted (checkbox): Mute the video by default. Default is false.
  • big_play_pause_button (checkbox): Show a large play/pause button overlay on the video. Default is true.