Title: Shoppable Lookbook & Image Hotspots Author: Douple Published: August 13, 2026 Last modified: August 13, 2026 --- Search plugins ![](https://ps.w.org/shoppable-lookbook-image-hotspots/assets/banner-772x250.png? rev=3644828) ![](https://ps.w.org/shoppable-lookbook-image-hotspots/assets/icon-256x256.gif?rev =3644823) # Shoppable Lookbook & Image Hotspots By [Douple](https://profiles.wordpress.org/douple/) [Download](https://downloads.wordpress.org/plugin/shoppable-lookbook-image-hotspots.1.9.3.zip) * [Details](https://wordpress.org/plugins/shoppable-lookbook-image-hotspots/#description) * [Reviews](https://wordpress.org/plugins/shoppable-lookbook-image-hotspots/#reviews) * [Installation](https://wordpress.org/plugins/shoppable-lookbook-image-hotspots/#installation) * [Development](https://wordpress.org/plugins/shoppable-lookbook-image-hotspots/#developers) [Support](https://wordpress.org/support/plugin/shoppable-lookbook-image-hotspots/) ## Description **Plugin URL:** [https://douple.net/shoppable-lookbook-image-hotspots/](https://douple.net/shoppable-lookbook-image-hotspots/) ** Docs:** [https://douple.net/shoppable-lookbook-image-hotspots/docs.html](https://douple.net/shoppable-lookbook-image-hotspots/docs.html)** Demo:** [https://douple.net/shoppable-lookbook-image-hotspots/demo.html](https://douple.net/shoppable-lookbook-image-hotspots/demo.html)** GitHub:** [https://github.com/thiendo/WordPress-Shoppable-Lookbook-Image-Hotspots-Plugin](https://github.com/thiendo/WordPress-Shoppable-Lookbook-Image-Hotspots-Plugin)** Support:** support@douple.net **Get Pro:** [https://checkout.freemius.com/plugin/32876/plan/59385/](https://checkout.freemius.com/plugin/32876/plan/59385/) Tag products on your photos to turn them into shoppable images. Supports drag & drop markers so you can place products exactly where they appear in the photo. #### Features * Click anywhere on the image to create a marker * Drag and drop markers to reposition them * Flexible styling — colour, size, icon, open on click / hover / auto * Smart product search and link products to markers (WooCommerce) * Link markers to any custom URL with a custom title, image and price (no WooCommerce required) * Optional AJAX “Add to cart” button on product markers * Fully translatable — uses WordPress.org language packs (translate.wordpress.org) * Keyboard and screen-reader accessible markers * Shortcode plus Gutenberg and Elementor blocks * Create unlimited lookbooks #### Compatible with * Elementor * Gutenberg (block editor) * Classic Editor (shortcode) * WPBakery Page Builder (Pro) * Fusion Builder (Pro) #### Premium features More info at [https://douple.net/shoppable-lookbook-image-hotspots/](https://douple.net/shoppable-lookbook-image-hotspots/)— or [buy Pro](https://checkout.freemius.com/plugin/32876/plan/59385/). * **Product List** — tagged products as a shoppable list or carousel, with variation selects and add-to-cart * **Shop the Look** — “Add all to cart” bar with live total * **Quick View** — product modal from a marker without leaving the page * **Multi-image Lookbook & Gallery Manager** — carousel, grid, masonry or flipbook * **Product page cross-sell** — lookbooks containing the viewed product * **Analytics** — impressions, marker opens, clicks, add-to-carts and conversion funnel * **Custom markers** — upload your own PNG/SVG (sanitized) * **Advanced styling** — Tag/Bottom box styles, corners, custom colour, opacity * **More marker animations** — beat and bounce (free keeps pulse) * **Advanced triggers** — open all, open first, or accordion * **Bottom-sheet mobile display** * **Export / Import & duplicate** * **WPBakery & Fusion Builder elements** #### Requirements * PHP 7.0 or higher * WordPress 5.0 or higher * WooCommerce 3.0 or higher (required only to link WooCommerce products) ### External services This plugin optionally connects to **Freemius** (https://freemius.com/) for: * Optional opt-in usage tracking (skipped unless you explicitly agree on the Freemius connect screen) * Pro checkout, license activation / deactivation, and Pro plugin updates When those flows run, Freemius may receive data such as site URL, admin email / name (when provided), license key, plugin version, and basic WordPress / PHP environment info needed for licensing and support. * Freemius Terms of Service: https://freemius.com/terms/ * Freemius Privacy Policy: https://freemius.com/privacy/ * Freemius data practices: https://freemius.com/privacy/data-practices/ No Freemius connection is required to use the free lookbook features. ### Development Human-readable source for plugin-owned JavaScript and CSS is included in this package under `assets/js/`, `assets/css/`, and `plugins/*/js|css/` (for example `shoppable- lookbook-image-hotspots.js`, `lookbook-admin.js`, Gutenberg block scripts/styles). Public source repository: https://github.com/thiendo/WordPress-Shoppable-Lookbook- Image-Hotspots-Plugin No build tools are required to review or modify the plugin-owned admin and frontend scripts and styles shipped in this free package. ## Screenshots [⌊Shoppable image on the frontend — click a marker to open the product box with price and Add to cart⌉⌊Shoppable image on the frontend — click a marker to open the product box with price and Add to cart⌉[ Shoppable image on the frontend — click a marker to open the product box with price and Add to cart [⌊The hotspot editor — click the photo to add markers, drag to reposition, style everything from the sidebar⌉⌊The hotspot editor — click the photo to add markers, drag to reposition, style everything from the sidebar⌉[ The hotspot editor — click the photo to add markers, drag to reposition, style everything from the sidebar [⌊Product List (Pro) — every tagged product as a shoppable list beside the image, with variations and add-to-cart⌉⌊Product List (Pro) — every tagged product as a shoppable list beside the image, with variations and add-to-cart⌉[ Product List (Pro) — every tagged product as a shoppable list beside the image, with variations and add-to-cart [⌊Quick View (Pro) — a product modal opens straight from the marker, no page reload⌉⌊ Quick View (Pro) — a product modal opens straight from the marker, no page reload⌉[ Quick View (Pro) — a product modal opens straight from the marker, no page reload [⌊Multi-image gallery (Pro) — combine lookbooks into a shoppable carousel, grid, masonry or flipbook⌉⌊Multi-image gallery (Pro) — combine lookbooks into a shoppable carousel, grid, masonry or flipbook⌉[ Multi-image gallery (Pro) — combine lookbooks into a shoppable carousel, grid, masonry or flipbook [⌊Analytics dashboard (Pro) — impressions, marker opens, product clicks, add-to- carts and a conversion funnel⌉⌊Analytics dashboard (Pro) — impressions, marker opens, product clicks, add-to-carts and a conversion funnel⌉[ Analytics dashboard (Pro) — impressions, marker opens, product clicks, add-to-carts and a conversion funnel [⌊Gallery Manager (Pro) — build and reorder galleries from a dedicated screen⌉⌊Gallery Manager (Pro) — build and reorder galleries from a dedicated screen⌉[ Gallery Manager (Pro) — build and reorder galleries from a dedicated screen [⌊Mobile display — the product box adapts to phones (bottom sheet or compact style)⌉⌊ Mobile display — the product box adapts to phones (bottom sheet or compact style )⌉[ Mobile display — the product box adapts to phones (bottom sheet or compact style) [⌊The lookbook overview — copy shortcodes, duplicate, export and spot broken products at a glance⌉⌊The lookbook overview — copy shortcodes, duplicate, export and spot broken products at a glance⌉[ The lookbook overview — copy shortcodes, duplicate, export and spot broken products at a glance ## Blocks This plugin provides 1 block. * Shoppable Lookbook & Image Hotspots ## Installation 1. Upload the `shoppable-lookbook-image-hotspots` folder to `/wp-content/plugins/`, or install from **Plugins Add New**. 2. Activate the plugin through the Plugins screen in WordPress. 3. Go to **Lookbook Image Hotspots** and create your first lookbook. 4. Copy the shortcode (or use the Gutenberg / Elementor block) onto any page. 5. Full documentation: [https://douple.net/shoppable-lookbook-image-hotspots/docs.html](https://douple.net/shoppable-lookbook-image-hotspots/docs.html) ## FAQ ### Do I need WooCommerce? Only for product markers. Without WooCommerce you can still tag photos with custom links (title, image, price and any URL). ### Will it work with my theme and page builder? Yes. Lookbooks render through a shortcode, so they work in any theme. Native integrations ship for Gutenberg and Elementor (free) plus WPBakery and Fusion Builder (Pro). ### How do I upgrade to Pro? 1. Purchase at https://douple.net/shoppable-lookbook-image-hotspots/#pricing (or from** Lookbook Upgrade / Pricing** in wp-admin). 2. Complete Freemius checkout. Your license key is emailed to the address used at payment. 3. In wp-admin go to **Lookbook Account**, click **Activate License**, and paste the key. 4. Confirm Pro features unlock (Quick View, Product List, galleries, analytics, etc.). If you checkout from inside the same site’s wp-admin, Freemius often activates the license automatically. Full guide: https://douple.net/shoppable-lookbook-image-hotspots/ docs.html ### I bought Pro but the plugin still shows Free Open **Lookbook Account** and activate the license key from your Freemius purchase email. If the plan’s site limit is full, deactivate the license on an unused site first, then activate on this one. ### What happens to my data if I deactivate or uninstall? Deactivating keeps all lookbooks intact. Deleting the plugin keeps data by default too — you can opt in to a full data wipe on uninstall from the plugin settings. ### Does this plugin send data to third parties? Lookbook content stays in your WordPress database. The bundled Freemius SDK may contact Freemius servers only after you opt in to usage tracking, or when you purchase/ activate a Pro license. See **External services** below. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Shoppable Lookbook & Image Hotspots” is open source software. The following people have contributed to this plugin. Contributors * [ Douple ](https://profiles.wordpress.org/douple/) [Translate “Shoppable Lookbook & Image Hotspots” into your language.](https://translate.wordpress.org/projects/wp-plugins/shoppable-lookbook-image-hotspots) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/shoppable-lookbook-image-hotspots/), check out the [SVN repository](https://plugins.svn.wordpress.org/shoppable-lookbook-image-hotspots/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/shoppable-lookbook-image-hotspots/) by [RSS](https://plugins.trac.wordpress.org/log/shoppable-lookbook-image-hotspots/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.9.3 * Compliance: Free wordpress.org package now ships every built-in lookbook setting unlocked (layout, animations, triggers, mobile sheet, custom colors/markers, export/import). Extra modules stay in a separate Pro ZIP. * Compliance: Removed Freemius `fs_dynamic_init` from the free package (`is_premium` is no longer present). The SDK is not bundled. * Compliance: AJAX handlers check `current_user_can()` and `check_ajax_referer()` in the same function. JS objects use the `slbih` prefix. #### 1.9.2 * Compliance: Renamed plugin to **Shoppable Lookbook & Image Hotspots** (slug / text domain `shoppable-lookbook-image-hotspots`) for wordpress.org resubmission. #### 1.9.1 * Rename remaining asset/include filenames (JS/CSS/PHP includes/Gutenberg/icons). * Compliance work toward wordpress.org distinctive naming and Guideline 5 free- package cleanup. #### 1.9.0 * Compliance: Renamed plugin display name / slug for wordpress.org distinctiveness; free package strips locked Pro features (Guideline 5). * Compliance: Use `plugin_dir_url()` for the plugin URL; escape shortcode `data- variations`; remove `load_plugin_textdomain()` and bundled `.po`/`.mo` (translate. wordpress.org). * Compliance: Prefer distinctive constants (`SLBIH_*`) and script handles. #### 1.8.2 * Compliance: Free / wordpress.org package no longer ships the Freemius SDK (avoids plugin_updater_detected). Pro is distributed as a separate Freemius-sold ZIP. * Compliance: Contributors set to Douple; public GitHub README lists thiendo and Douple-net. #### 1.8.1 * Compliance: Renamed plugin display name to “Shoppable Lookbook & Image Hotspots” so it matches the folder/slug and Text Domain (avoids Plugin Check TextDomainMismatch from “&” in the old name). * Compliance: Free / wordpress.org package now keeps human-readable JS/CSS (no terser minify-in-place) and documents the public source repository — matching Guideline 4 lessons from WhoChanged. * Compliance: Documented Freemius as an external service (terms + privacy) and added FAQ / Development sections to the readme. * Compliance: Freemius init now sets `is_org_compliant`; free zip builder strips` wp_org_gatekeeper` and Freemius SDK development tooling folders. * Compliance: Free build continues to strip Pro-only teaser UI (Guideline 5 Trialware) and all `__premium_only` modules. #### 1.8.0 * New (Pro): Flipbook “Book Size” — choose a portrait (magazine) or landscape ( photo album) page shape; photos that do not match the page are centered on it instead of cropped, so markers always stay on their products. * New (Pro): Flipbook “Photo Fit” — show the whole photo on the page (Fit) or crop it to cover the page edge to edge (Full); markers follow the visible part automatically. * New (Pro): Carousel “Photo Fit” — Full (crop to fill the frame, as before) or Fit (show the whole photo, letterboxed if it doesn’t match the frame). The frame size stays constant either way, so the carousel never jumps height while swiping. * New (Pro): Carousel “Image Size” — pick 1:1, 4:3, 3:4, 16:9 or 9:16 for the frame( previously fixed at 4:3). * New (Pro): Grid “Size” — choose 1:1, 4:3 or 3:4 for the grid cells (previously always square). * Change: Lookbook Settings (galleries) field descriptions now show as hint tooltips( matching the Image Hotspot editor) instead of paragraphs under each field. * Fix: switching the Lookbooks display to Flipbook or Grid no longer left the Carousel options visible underneath at the same time. * Fix: the Lookbook Settings hint tooltips were rendered underneath the next field’s dropdown, effectively invisible; they now always appear on top. * Fix: the Masonry display no longer shows an “Image Size” control that had no effect (Masonry keeps each photo’s natural size; only Grid crops to a fixed ratio). * Fix: longer hint tooltips in Lookbook Settings could overflow sideways past their own box (and past the screen edge) instead of wrapping onto multiple lines. * Fix: carousel and grid slides could crop off-center instead of centered (a missing width on the photo broke object-fit centering). * Change: inside galleries/lookbooks the per-hotspot Photo Width setting is ignored— the gallery layout owns the sizing. * Fix: the flipbook now renders correctly inside the block editor (static first- spread preview) and no longer shows misaligned pages. * Change: in the hotspot editor the Marker section now sits above Box and opens by default. * New: Freemius licensing/upgrade integration — Pro features unlock with a licence key, free version available on wordpress.org. * Change: Tag/Bottom box styles, box corner radius, bottom-sheet mobile display, custom marker image/SVG upload, custom box colour + opacity, beat/bounce animations, open-all/open-first/accordion triggers, export/import and the WPBakery/Fusion Builder elements are now Pro features (enforced on save and render; locked with a PRO badge in the editor). Existing lookbooks fall back to free styling until upgraded. * i18n: regenerated the translation template (.pot) covering every string in the plugin (225 strings, previously 64), including the Gutenberg block editor UI. * i18n: bundled full translations for 7 languages — Spanish, German, French, Italian, Portuguese (Brazil), Japanese and Vietnamese (admin, frontend and block editor). * i18n: block editor scripts now load their own translations (wp_set_script_translations). #### 1.7.1 * Fix: the in-editor Preview now loads the Pro styles (Quick View / Shop the Look), so it matches the front-end instead of showing unstyled markup. * Fix (Pro): styled the “Quick view” button inside the marker box (it previously rendered as an unstyled browser button). * Fix (Pro): Quick View modal — darker backdrop and vertically-centred dialog so it no longer looks broken when the product summary is short. * Fix: new lookbooks now use a deterministic default marker colour. #### 1.7.0 * New (Pro): Multi-image Lookbook — a `[shoppablelookbook_gallery ids="1,2,3" view ="carousel"]` shortcode combines several lookbooks into one shoppable carousel( swipe, arrows, dots) or responsive grid. Markers, Quick View, Shop the Look and Analytics all keep working inside each slide. #### 1.6.0 * New (Pro): Analytics — a dashboard (Lookbooks Analytics) tracking impressions, marker opens, product clicks and add-to-cart events per lookbook, with open-rate/ cart-rate and a top-products table. #### 1.5.0 * New (Pro): Shop the Look — a “Add all to cart” bar under the lookbook adds every in-stock product marker to the WooCommerce cart in one click, with a live item count and total. Products are re-validated server-side on add. #### 1.4.0 * New (Pro): Quick View — a “Quick view” button on product markers opens a modal with the product image, price, variation/quantity selector and add-to-cart, without leaving the page. #### 1.3.1 * Developer: Added extension hooks (`shoppablelookbook_is_pro`, `shoppablelookbook_default_options`,` shoppablelookbook_sanitize_options`, `shoppablelookbook_settings_{box|marker| display}`, `shoppablelookbook_marker_html`, `shoppablelookbook_html`, `shoppablelookbook_enqueue_assets`) so the Pro add-on can extend the free plugin cleanly. #### 1.3.0 * New: Marker animations — Pulse, Beat, Bounce or None — so visitors notice markers are clickable. Pulse uses the marker colour; respects “reduce motion”. #### 1.2.11 * New: A guided hint (“Click anywhere on the image to add a marker”) appears on a new lookbook and disappears once the first marker is added. #### 1.2.10 * Removed: The Cream box colour preset. * Improved: Marker size is now capped on small screens so large markers stay tidy on mobile. * Improved: Bigger, vertically-centred slider handle. #### 1.2.9 * Improved: The Opacity slider now tints to match the chosen box colour (and the Marker Size slider matches the marker colour), with an auto-contrast value badge. #### 1.2.8 * Fixed: The Save and Preview buttons are yellow again. #### 1.2.7 * Improved: Settings section headers now match the “Lookbook Settings” bar style( grey background, icon, consistent colours). #### 1.2.6 * Improved: Settings sections now use clean full-width banded headers; Title and Shortcode are always visible at the top. * Improved: Clearer range sliders with a filled track and a value badge. #### 1.2.5 * Improved: Redesigned the Lookbook Settings panel into tidy collapsible sections( General, Box, Marker, Display). * Improved: Custom Color and Opacity now sit side by side; modern slider styling. * Fixed: Background opacity in the editor preview now fades only the box background, not its content. #### 1.2.4 * New: Upload a custom marker image (PNG or SVG) via the Media Library; falls back to an icon if removed. * New: Marker size control (px). * New: SVG uploads are allowed for administrators and sanitized on upload (scripts, event handlers, foreignObject and javascript: references are stripped). * Improved: Background opacity now previews live in the editor. * Removed: The Gray box colour preset. #### 1.2.3 * New: Box background opacity control. * New: Custom box colour — pick any colour; text colour auto-adjusts for contrast. * New: More marker icons (pin, star, shopping bag, tap). * Improved: Show Price and Add to Cart are now shown side by side. * Improved: Settings option groups now use a flexbox layout. * Changed: Removed the “Card” box style (it overlapped with “Pad”); kept the compact“ Tag” style. #### 1.2.1 * Fixed: Bumped asset version so new box styles/colors load instead of a cached stylesheet. * Fixed: Custom-link tabs (Product / Custom Link) were hidden behind the box background in the editor. * Improved: Lookbook list now uses a responsive flex grid. #### 1.2.0 * New: Markers can now link to any custom URL (page, post, external link) with a custom title, image and price — works even without WooCommerce. * New: Optional AJAX “Add to cart” button on product markers. * New: Full internationalization — all strings are now translatable and a translation template (.pot) is included. * New: The Gutenberg block now uses a live server-side preview and a sidebar lookbook selector; markers are clickable inside the editor preview. * New: Keyboard and screen-reader support for markers (focusable, ARIA labels, Escape to close). * New: The “Preview” button in the editor now opens a live, interactive preview overlay. * New: Mobile bottom-sheet — on phones, tapping a marker slides up a full-width product panel (with backdrop) instead of a cramped popover. * New: More box styles and box colors (Blue, Green, Rose, Cream) for greater variety. * Fixed: Marker info boxes could be covered by neighbouring markers; the active marker is now always on top. * Fixed: Elementor and WPBakery elements could fail to register depending on plugin load order; both now register on the correct builder hooks. * Improved: Marker boxes reposition on window resize / orientation change, after images finish loading, and when page builders (Elementor / WPBakery / Fusion) inject content — so markers work correctly in their live previews too. * Security: Added nonce verification to the Gutenberg lookbook list AJAX endpoint. * Fixed: Replaced the deprecated `block_categories` filter with `block_categories_all`( WordPress 5.8+). * Fixed: Updated Elementor integration for Elementor 3.5+ (`elementor/widgets/register`,` register()`, `register_controls()`), with fallback for older versions. * Fixed: Multibyte-safe product name truncation (Vietnamese, Chinese, Arabic, etc.). * Fixed: PHP notices when listing legacy lookbooks without a saved name. * Improved: Clean uninstall (removes plugin options; optionally removes data). * Improved: Passes the official Plugin Check (escaping, i18n translator comments, prepared/scoped DB queries, nonce handling, readme compliance). * Improved: Compatibility with WordPress 7.0 and PHP 8.x. #### 1.1.4 Apr 15, 2020 – Version 1.1.4 * Update: Some small bugs #### 1.1.3 Apr 8, 2020 – Version 1.1.3 * Update: Gutenberg integration #### 1.1.2 Apr 6, 2020 – Version 1.1.2 * Update: Fusion Builder integration #### 1.1.1 Apr 5, 2020 – Version 1.1.1 * Fixed: JS conflicts * Fixed: More bugs #### 1.1.0 Apr 2, 2020 – Version 1.1.0 * Update: WPBakery integration #### 1.0.8 Apr 1, 2020 – Version 1.0.8 * Update: Elementor integration #### 1.0.7 Apr 1, 2020 – Version 1.0.7 * Fixed: More bugs #### 1.0.6 Mar 30, 2020 – Version 1.0.6 * Improved: New UI/UX * Improved: Change box style #### 1.0.5 Mar 27, 2020 – Version 1.0.5 * Fixed: JS conflicts #### 1.0.4 Mar 26, 2020 – Version 1.0.4 * Update: Change marker color * Fixed: More bugs #### 1.0.3 Mar 25, 2020 – Version 1.0.3 * Update: Add more lookbook settings #### 1.0.2 Mar 21, 2020 – Version 1.0.2 * Update: Drag and Drop marker #### 1.0.1 Mar 18, 2020 – Version 1.0.1 * Fixed: JS conflicts * Fixed: WordPress notices #### 1.0.0 Mar 15, 2020 – Version 1.0.0 * Version 1.0.0 Initial Release ## Meta * Version **1.9.3** * Last updated **2 hours ago** * Active installations **Fewer than 10** * WordPress version ** 5.0 or higher ** * Tested up to **7.0.4** * PHP version ** 7.0 or higher ** * Tags * [lookbook](https://wordpress.org/plugins/tags/lookbook/)[photo tagging](https://wordpress.org/plugins/tags/photo-tagging/) [shoppable images](https://wordpress.org/plugins/tags/shoppable-images/)[woocommerce](https://wordpress.org/plugins/tags/woocommerce/) * [Advanced View](https://wordpress.org/plugins/shoppable-lookbook-image-hotspots/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/shoppable-lookbook-image-hotspots/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/shoppable-lookbook-image-hotspots/reviews/) ## Contributors * [ Douple ](https://profiles.wordpress.org/douple/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/shoppable-lookbook-image-hotspots/)