Lookbook
A shoppable gallery straight from one image
Lookbook turns a single image into a shoppable scene. Upload a photo, pin WooCommerce products as hotspots, and embed the result with the [lookbook id="123"] shortcode. When a shopper activates a hotspot, a product card appears with the thumbnail, title, live price and an add-to-cart link, so they buy straight from the image.
Works with
See it in action
A styled photo does not sell
A shopper sees a beautiful photo with several products, but cannot tell which products they are or how to buy them. Everyone has to hunt each one down in the catalog, and most simply give up.
- ✗ Shoppers cannot tell which products are in the photo
- ✗ No path from inspiration to cart
- ✗ Manually linking products under a photo is tedious
- ✗ Heavy galleries slow the store and shift the layout
Lookbook turns the image into a shoppable scene
- ✓ Pin any number of products as hotspots on one image
- ✓ A product card with thumbnail, price and add to cart
- ✓ Data read live from WooCommerce, prices and stock stay current
- ✓ A lightweight front end with no jQuery and no layout shift
What you get in the free version
Everything you need to sell the whole look from a single image.
Shoppable image
Pin any number of products as hotspots on one image.
Simple hotspot editor
Position each product by X/Y percentage (0-100).
Accessible markers
Real buttons, keyboard operable, with screen-reader labels.
Product card popover
Thumbnail, title, live price and an add-to-cart link.
Clean uninstall
The plugin removes its data on uninstall.
Shortcode
[lookbook id="N"] to embed anywhere.
Live data
Lookbook reads products from WooCommerce, so prices and stock are always current.
Safe and fast
Missing image, no hotspots or deleted products render cleanly; no jQuery and no layout shift.
Up and running in three steps
Create a shoppable image and add your first hotspots.
Install
Activate Lookbook alongside WooCommerce.
Create a lookbook
Under Lookbooks → Add New, set the featured image and add hotspots with product IDs.
Embed it
Insert [lookbook id="123"] and check it on the storefront.
Who it is for
When several products live in one photo, a path from inspiration to cart.
Fashion and outfits
A whole outfit in one photo, the shopper buys each item from a hotspot.
- ✓ Hotspots on the image
- ✓ Card with price
- ✓ Add to cart
Interiors and room sets
A room with furniture and accessories, every product is buyable in place.
- ✓ X/Y editor
- ✓ Card with price
- ✓ Live data
Gift guides
A set of gifts in one image instead of a long list of links.
- ✓ [lookbook] shortcode
- ✓ Live data
- ✓ No jQuery
What PRO adds, and why it matters
Marker accent colour
Custom colour for hotspot markers and the product-card add-to-cart button.
Gallery in hotspot cards
Display the WooCommerce product gallery as a swipeable slideshow (scroll-snap) inside hotspot cards.
Multiple images per lookbook
Add extra shoppable images with tab navigation and per-image hotspots on the storefront.
Video hotspots
Pin products onto a video frame, not just a still image (shipped).
Animation styles (planned)
Extra marker and popover animations beyond the three free marker styles.
Click analytics
Report on hotspot opens, product-card clicks and image-to-cart conversion (shipped).
What you get: FREE vs PRO
PRO keeps everything in the free plugin and adds the modules below.
Lookbook vs Shoppable Images vs WooCommerce Lookbook
How Lookbook compares to the popular WooCommerce shoppable lookbook plugins.
| Lookbook | Shoppable Images | WooCommerce Lookbook | |
|---|---|---|---|
| Free version | Yes | Yes | Yes |
| Shoppable image hotspots | Yes | Yes | Yes |
| Live product data in popover | Yes | Yes | Yes |
| Shortcode placement | Yes | Yes | Yes |
| Video hotspots | Pro | — | — |
| Click analytics | Pro | — | — |
| Open source (GPLv2) | Yes | Core GPL | Core GPL |
| Paid plan price | from €29/yr | from $39/yr | Free + premium |
Competitor data and pricing as of June 2026; check the vendors' sites for current pricing.
Need more? Lookbook Pro
FREE covers a single shoppable image. Lookbook Pro adds marker styling, product galleries in hotspot cards, and additional shoppable scenes.
- ✓ Marker accent colour (shipped)
- ✓ Product gallery in hotspot cards (shipped)
- ✓ Multiple images per lookbook (shipped)
- ✓ Video hotspots and click analytics (shipped)
Support and resources
Every plugin has its own documentation with setup walkthroughs. Bugs and questions go to the public GitHub repository for that plugin, we answer in the open.
Frequently asked questions
Does it require WooCommerce?
Yes. Lookbook only runs when WooCommerce is active. Each hotspot points to a WooCommerce product by its ID and reads the title, price, thumbnail and add-to-cart link from it. Without WooCommerce active the plugin renders nothing on the storefront.
How do I find a lookbook's ID?
Open the Lookbooks list and edit the lookbook you want. The ID appears in the page URL as the post parameter (for example post=123). Use that number in the shortcode [lookbook id="123"].
How do I position a hotspot?
Each hotspot has an X and a Y value entered as a percentage from the top-left of the image, in the 0-100 range. You type them as numbers in the hotspot editor on the Edit Lookbook screen. This lets you line each marker up with a product in the photo.
What happens if a pinned product is deleted?
That hotspot is simply skipped when the lookbook renders. Lookbook does not show a marker for a product that has been deleted or is not published. The rest of the lookbook renders normally, with no broken markup.
Can I show the price and an add-to-cart button?
Yes. Both are separate toggles under WooCommerce → Lookbook and apply to every lookbook at once. You can override the add-to-cart link text with your own label; leaving it blank keeps each product's default WooCommerce button text.
Will it slow my pages down or shift the layout?
No. The stylesheet and script load only on pages that actually render a lookbook, and the script is deferred. The image reserves its space, so there is no Cumulative Layout Shift, and the plugin uses no jQuery.
How does Lookbook compare to Shoppable Images and WooCommerce Lookbook?
Lookbook lets you build accessible shoppable images with a simple hotspot editor and live product popovers for free, reserving video hotspots and click analytics for its paid edition from €29/yr. Studio Wombat Shoppable Images is a freemium plugin priced from $39/yr, and VillaTheme WooCommerce Lookbook offers a free version with a premium upgrade. All three place galleries via shortcodes and run on GPL cores. Pricing as of June 2026.
Sell the whole look
Product hotspots, a card with price and add to cart straight from the image. The full FREE edition under GPL.
Read the docsFREE is a complete shoppable image, PRO adds marker accent colour, gallery hotspots in cards, multiple images per lookbook, video hotspots and click analytics today. Animation styles are planned.