WooCommerce Plugin

Turn any product
image into a
shoppable scene

Place interactive hotspot pins on any product photo. Customers hover a pin, see the product card, and add to cart instantly — no page reload, no friction.

View Live Demo Buy — $49

Works with Gutenberg, Elementor, and shortcodes

producthotspots.webkodingtheme.com/wp/shop
Living room product scene
AJAX Add to Cart
Gutenberg + Elementor
Mobile Optimized
Zero jQuery
WCAG Accessible
How it works

From product image to
interactive shop in 3 steps

1

Upload Your Image

Pick any photo from your WordPress media library — outfit flat lays, room setups, product arrangements, technical diagrams. Any image works.

2

Place Hotspot Pins

Click anywhere on the image to drop a pin. Search for a WooCommerce product, link it. Set pin color, label, and pulse animation. Done.

3

Customers Shop

Visitors hover a pin to see a glass-card tooltip with product photo, name, price, and Add to Cart. Cart updates instantly — zero page reload.

Features

Everything you need to
sell visually

Visual Map Builder

Click to drop pins directly on the image in the WordPress admin. No code, no coordinates — just point and click.

AJAX Add to Cart

Cart updates without page reload using WooCommerce's native fragment refresh — compatible with all themes out of the box.

Three Tooltip Themes

Glass-card tooltips with backdrop blur. Choose Light, Dark, or Minimal per map — live preview below.

Leather Jacket
$149.00

Mobile Ready

Larger tap targets on touch. Tooltips become full-width bottom-sheet overlays on mobile — just like a native app.

Fully Accessible

Keyboard navigation, ARIA roles, Esc to dismiss. WCAG AA compliant. Full RTL language support included.

Pulse Animation

Animated rings draw the eye to each pin. Toggle between pulse and static per hotspot. Pure CSS — zero performance cost.

Live Demo

See it working in a
real WooCommerce store

Three interactive hotspot maps — Fashion, Living Room, and Tech Desk. Real products, real AJAX cart.

Open Hotspot Demo

No account needed · Explore freely

Integrations

Works everywhere
you publish

Gutenberg Block
Elementor Widget
Classic Editor
Any Page Builder
Shortcode [wiph_hotspot id="42"]

Drop the shortcode anywhere — posts, pages, widgets, theme templates.

FAQ

Common questions

How many sites can I use this on?
One licence ($49) covers one production site, plus a staging copy of it. Client sites and further projects each need their own licence. Full terms at webkodingtheme.com/legal/license.
Do I need to renew my license?
No — it's a one-time payment. You get lifetime plugin updates included. Support covers 6 months from purchase, and can be extended at checkout if needed.
Will it work with my theme?
Yes. ProductHotspots uses WooCommerce's native AJAX and fragment APIs — the same ones your theme already relies on. It works with Storefront, Flatsome, Astra, Divi, Avada, and any theme that supports WooCommerce.
What WordPress and WooCommerce versions are required?
WordPress 6.0 or higher and WooCommerce 7.0 or higher. PHP 7.4+ is required. The plugin is regularly tested against the latest WP and WC releases.
Can I use it with Elementor and Gutenberg at the same time?
Absolutely. The plugin registers a Gutenberg block, an Elementor widget, and a [wiph_hotspot id="X"] shortcode — all three simultaneously. Use whichever editor you prefer on each page.
Pricing

Simple, one-time pricing

One-time licence
$49

One-time payment · Use on one end-product

  • All features included
  • WooCommerce 7.0+ compatible
  • WordPress 6.0+ compatible
  • Gutenberg + Elementor widgets
  • 6 months support
  • Lifetime updates
  • GPL-2.0 license
Buy — $49

Secure checkout · One-time $49