Shoppable Images for WooCommerce Pro extends Shoppable Images (Lookbook) with image hotspots that link to products or pages. Create and configure displays in the WordPress admin, then add them to posts or pages with a shortcode or place them in a theme through PHP.

What can each hotspot open?

A hotspot can link to a WooCommerce product or any page. WooCommerce is optional for general hotspots linking to pages or other destinations; product-focused capabilities use the WooCommerce integration. Pro works with variable products, and a button can automatically add products to the cart without a page reload.

Several hotspots on one image can lead to different products or pages. This setup can be used for lookbooks, product scenes, or other images showing multiple entries together.

How can visitors interact with the image?

Adjust tag colors and sizes, pick from multiple icons, and add pulse animations to tags. Popup animations control the opening effect. Set a popup to open on click or hover, depending on the interaction that suits the image and page.

Where can you place shoppable images?

The Pro edition supports unlimited images, each with its own hotspots and destinations. Add a finished image to a post or page using its shortcode, or place it in a theme through PHP. Hotspot options are managed in the WordPress admin.

What are the requirements?

The listed requirements are PHP 5.6 or higher and WordPress 3.7 or higher. When WooCommerce is used, compatibility starts at WooCommerce 3.6.

How do you make and publish an image?

In the WordPress admin, start with an image, add and position hotspots, then choose a product or page for each hotspot. Adjust tag, icon, animation, popup, and cart settings as needed. Place the completed image in a post or page with a shortcode, or add it to a theme through PHP. For product displays, check the product links, variable-product support, and automatic cart action before publishing.