Pricing Lookbook
Turn an image into a shoppable scene: pin WooCommerce products as hotspots that reveal a product card with price and add to cart. [lookbook] shortcode and block, live data, no jQuery. Open source.
Plans and pricing
30-day money-back guarantee. No risk.
Frequently asked questions
Does it require WooCommerce?
Yes. Lookbook only runs when WooCommerce is active, and hotspots link to WooCommerce products.
How do I find a lookbook's ID?
Open the Lookbooks list; the ID is shown when editing (post=123 in the URL). Use it in the shortcode or block.
How do I position a hotspot?
Each hotspot has an X and a Y value, both percentages from the top-left of the image (0–100). The editor shows a live preview.
What happens if a pinned product is deleted?
That hotspot is simply skipped. Lookbook never renders a marker for a product that is gone or unpublished.
Can I show the price and an add-to-cart button?
Yes. Both are toggles under WooCommerce → Lookbook, and you can customise the add-to-cart label.
Will it slow my pages down or shift the layout?
No. The stylesheet and script load only on pages that render a lookbook, the script is deferred, and the image reserves its space, so there is no layout shift.