One of the widgets you can use to visualize your products is the closet widget. The widget is available for both videos and images, which look like this.
You can recognize the widget by the sidebar on the left with a list of products. For videos, you can set the list to display all products in the entire video, or a dynamic list that only shows the products the moment it's visible in the video.
When clicking on one of the products, you will see an overlay with more information about that product.
Using the Closet widget
Step 1: Create a new widget
Create a new widget by going to the Widget page and click "Create a new widget".
In this menu, give your new widget a name and select "Closet with popup dialog".
Step 2: Create a closet widget
Now a modal will pop up where you can tweak some settings like the texts, images, colors, actions,...
You can enter a fixed text or add dynamic content, learn how to work with dynamic fields.
Step 3: Select a widget for your product
Now go to the media that you want to enrich with the closet widget.
Drag and drop a product on your media and select the widget you want to show with the closet widget. Click Select in the widget pane and select the widget you've just created in the previous steps.
Repeat this step for all products if needed.
Step 4: Preview your result!
Congratulations, you are done! You check out what you've made by clicking Publish and then Publish on website.
Pro Tip: For interactive videos, you can customize the order of the product appearance below the timeline by dragging the products in the order you want them to appear.
For interactive images, please bear in mind that tagging the products in reverse order will indicate the order of appearance.