Store Setup
Content Management

Media Gallery

4min

Overview & Purpose

The Media Gallery functionality allows Admins to add video tutorials and images to guide customers through the design process, such as creating custom patterns or personalizing products. This feature enhances the user experience by providing clear, step-by-step instructions directly within the Studio and on CMS pages.

The Media Gallery is designed to simplify the customer journey by offering visual aids and tutorials, ensuring a smoother design and customization experience. It helps customers better understand the tools and options available, ultimately improving engagement and satisfaction.

Configuration

To configure the Media Gallery, follow these steps, navigate to the Content Management module in the Admin Panel, where the Media Gallery option is available. This is the central hub for managing all video tutorials and media resources.

Document image


Adding a New Media Item

  • Click on the Add button to create a new media entry:
Document image

  • Input the required details, such as the Title, Description, and the Media Type (e.g., video or image).
  • Upload the media file or provide the necessary URL if hosting externally.
  • In the Display On setting, select where the media should appear. Options include:
    • Studio: The media will be shown within the Designer Studio.
    • CMS: The media will be displayed on a CMS page.
    • Both: The media will appear in both the Studio and on a CMS page.
  • Select the Product type, set the sorting and enable the status.
  • In the Studio, the videos will be displayed in the Tutorials section:
Document image


You can even manage the display of Tutorial section via Studio Settings:

Document image


Setting Up Media Gallery for CMS Pages

To showcase the Media Gallery on a CMS page, create a new CMS page and insert the {% block_media_gallery %} block into the Page Contents section. After saving the configuration, all videos and images added to the Media Gallery will be displayed smoothly and effectively:

Document image


Once configured, the Media Gallery will provide customers with easy access to helpful tutorials and visuals, improving their understanding of the design tools and enhancing their overall customization experience. By offering resources directly within the Studio and on CMS pages, this functionality ensures a streamlined and user-friendly design process for customers.