Product images and videos

This documentation is designed to help store owners and administrators effectively showcase their products using multimedia content, enhancing the shopping experience for their customers.

Introduction to Product Images and Videos in Magento 2

Product images and videos are crucial components of your eCommerce website, offering customers a detailed view of your products. Magento 2 provides robust options for uploading, managing, and displaying these multimedia elements to help increase engagement and sales.

Managing Product Images

Adding Product Images

  1. Navigate to the Product: Log into the Magento 2 admin panel. Go to Catalog > Products. Find the product you wish to add images to and click to edit.
  2. Access the Images and Videos Section: Scroll down to the Images And Videos section in the product information panel.
  3. Upload Images: Click on Add Image. You can select multiple images to upload. Magento 2 accepts JPEG, PNG, and GIF file types.
  4. Assign Image Roles: After uploading, assign roles to your images. You can set them as the base, small, or thumbnail images. The base image is the main product image. The small image is used in listings, and the thumbnail appears in shopping carts and widgets.
  5. Reorder Images: Drag and drop the images to reorder how they will appear in the product gallery.
  6. Save the Product: Click Save to apply your changes.

Image Best Practices

  • Resolution and Size: Use high-resolution images but optimize them for web to ensure they load quickly without compromising quality. Ideally, images should be at least 1000 pixels on the longest side to enable zoom functionality.
  • Consistency: Maintain a consistent image size and background across all product images for a uniform look.
  • Alt Text: Always add alt text to images for accessibility and SEO.

Adding and Managing Product Videos

Adding Product Videos

  1. Obtain Video URL: Magento 2 supports embedding videos from YouTube and Vimeo. Ensure you have the correct URL for the video you wish to add.
  2. Add Video: In the Images And Videos section of the product edit page, click on Add Video.
  3. Video Information: Paste the video URL. Fill in the required information, including the title, description, and preview image. Magento will automatically fetch some of this information from the video hosting service.
  4. Save the Product: After adding the video details, click Save.

Video Best Practices

  • Quality and Length: Ensure your videos are high quality and short (typically under 2 minutes) to keep the customer engaged.
  • Content: Focus on showing the product in use and highlighting its features and benefits.
  • Optimization: Like images, include relevant keywords in your video title and description for better SEO.

Displaying Images and Videos

Magento 2 automatically displays uploaded images and videos in the product gallery on the product detail page. Customers can click on images to enlarge them and play videos directly on the page.

Advanced Settings and Extensions

For more advanced image and video management features, such as creating image galleries or 360° product views, consider using Magento 2 extensions. These can be found in the Magento Marketplace and can provide additional functionality to enhance your product presentations.

Conclusion

Effectively managing product images and videos in Magento 2 is essential for creating an engaging and informative shopping experience. By following the best practices outlined in this guide, you can showcase your products in the best light, potentially increasing customer engagement and sales. Always keep an eye on image and video quality, loading times, and consistency across your product range to ensure the best results.