Module Documentation: Image Video Gallery

Welcome to the documentation for the Image Video Gallery module! This comprehensive guide will walk you through the features and functionalities of the Image Video Gallery module, designed to showcase images and videos in an interactive gallery format on your website.

Overview

The Image Video Gallery module enables you to create captivating galleries on your webpages, showcasing a combination of images and videos in an elegant and interactive format. With this module, you can display your media content attractively, enhancing user engagement and visual appeal on your website.

Key Features

1. Responsive Design: The Image Video Gallery module is designed with responsiveness in mind, ensuring that your galleries adapt seamlessly to different screen sizes. Whether your visitors use desktops, tablets, or smartphones, the gallery elements will always look great and provide an excellent user experience.
2. Customizable Layout: Easily customize the layout of your image video gallery to fit your website's aesthetics and design. Arrange images and videos in various grid styles, such as masonry, grid, or carousel, to create visually stunning presentations.
3. Lightbox Display: When users click on an image or video in the gallery, a sleek lightbox will appear, allowing them to view the media content in a larger and more immersive format. This feature enhances user experience and keeps visitors engaged with your content.
4. Filtering Options (Optional): If desired, you can implement filtering options for your gallery to help users sort and view specific categories of media content. This is especially useful when showcasing a large variety of images and videos

How to Use Image Video Gallery

• Installation: Ensure that you have installed the Image Video Gallery module in your HubSpot account or your website's CMS.
• Creating Galleries: Go to the page where you want to add the image video gallery. Use the module editor to add a new Image Video Gallery module. You can create multiple galleries, each with a unique combination of images and videos.
• Customizing Layout: Access the module's settings to personalize the layout. Choose from various grid styles, such as masonry, grid, or carousel, to arrange your media content attractively.
• Implementing Lightbox Display: The lightbox display feature is automatically enabled for your gallery. Simply click on an image or video to experience the immersive view in the lightbox.

Best Practices

• Concise Content: Keep your accordion content clear and concise. Users appreciate easily digestible information in each section.
• Consistent Styling: Maintain a consistent color scheme and design across your website to create a unified brand experience.
• Test Responsiveness: Always preview your accordion elements on various devices to ensure they adapt well to different screen sizes.
• Accessibility Considerations: Ensure that your accordion content is accessible to all users, including those who use screen readers or assistive technologies.
• Adding Filtering (Optional): If you have a large number of media items, you can choose to implement filtering options for easy categorization. Users can then sort and view specific categories of images and videos.

Best Practices

• High-Quality Media Content: Ensure that the images and videos you add to the gallery are of high quality to provide an excellent visual experience to your visitors.
• Thoughtful Categorization: If you choose to implement filtering options, categorize your media content thoughtfully. This will help users find what they are looking for quickly.
• Consistent Branding: Maintain a consistent design and branding across your website, including the gallery, to create a seamless and professional user experience.
• Test Responsiveness: Always preview your image video gallery on various devices to ensure it adapts well to different screen sizes and maintains its visual appeal.

Conclusion

The Image Video Gallery module offers a dynamic and interactive way to showcase your images and videos on your website. Utilize the customizable layout options and the lightbox display feature to create visually stunning presentations. If desired, implement filtering options to further enhance user navigation.

👉👉👉 Video on how to add a Youtube/Vimeo video inside the module, Click here for Video

Back To Module >>