Product Image widget

Product Image Widget

The Product Image Widget displays the main image of a specific product. This widget is ideal for prominently showcasing your product’s primary visual.

Key Features

1. Main Product Image Display Highlights the main image of a product to capture user attention.

2. Responsive Design Ensures the product image is displayed optimally across various screen sizes.

3. Seamless Integration Easily integrate into your webpage with minimal configuration.

How to Use

Add the widget to your webpage using the HTML snippet below. Replace the product-catalog-id with the appropriate ID for your product.

Example:

<bilberry-product-image product-catalog-id="123"></bilberry-product-image>

Widget Properties

Property	Description	Default Value	Required
product-catalog-id	The ID of the product catalog to display in the widget.	N/A	Yes
image-height	Height of the image in pixels.	N/A	No
lazy-load	Set to yes to defer loading the widget content until it is visible in the viewport. Options: yes, no.	no	No

Setting Up on Wix

If you’re using Wix as your website builder, follow these steps to configure the widget:

1. Access the Configuration Guide: Refer to the relevant guide in these docs for general widget setup on Wix.
2. Use the Following Values:
   • Server URL: https://bilberry-widgets.b-cdn.net/v4/wix-wrappers/WixBilberryProductImage.js
   • Tag Name: wix-bilberry-product-image

Tips for Effective Integration

1. High-Quality Images: Use a high-resolution main image to maximize user engagement.
2. Prominent Placement: Place the widget where it is immediately visible to draw user attention.
3. Test Responsiveness: Verify that the widget displays correctly on various devices and screen sizes.
4. Pair with Other Widgets: Combine with widgets like Product Details or Product Gallery for a richer user experience.

By integrating the Product Image Widget, you can effectively showcase your product’s main image, driving interest and engagement.