Vidy

How to create a Shoppable Hotspot widget

Follow these instructions to create and publish a Shoppable Hotspot widget.

Step 1: Select the Shoppable Hotspots option to begin the customization process.

Notion image

Step 2: Add the Image

Notion image

Step 3: Once the image is added, you can begin tagging products. Move the hotspot and place it anywhere on the image within the same window.

Notion image
Notion image

Step 4: Once you place the hotspots, you can proceed to the section "Widget design" to design how it will look.

Notion image

Step 5: After finalizing the hotspot design, click "Publish on site". Then, follow the steps provided to install the widget on your Shopify store.

Notion image
When checking the page, perform hard refresh Use on Mac OS β€œCommand + Shift + R” and on Window β€œCTRL + F5” to ensure you're viewing the most recent version of the page.
Didn't find what you were looking for? Talk to our support team via email at support@videowise.com
Did this answer your question?
😞
😐
🀩

Last updated on December 8, 2025