描述
Easily create Image Hotspots (tooltips with WooCommerce or custom product info) with the Image Hotspot Block, all directly from within your post, page or site editor!
This plugin has just been released so please let me know if you have any feature requests or suggestion!
Key features
- Easy to use : Simply add the block to your page, add your image and products and you are good to go!
- Easy to customize : From the color of the dot, to the tooltip content and layout, we try to give you as much control as possible to let you create the perfect style for you.
- Performance : We only load our script and style when the page is actually using our block.
How to use
- Open a page or blog post using the block editor ( Gutenberg editor ).
- Add the “Image Hotspot” block.
- Choose an image.
- With the block selected, in the right sidebar ( block options ), click on “Add product”.
- From there, either add a WooCommerce product to autofill product info, or create a custom product.
- You can move the hotspot by holding ctrl or command key and draging the hotspot.
- You can then customize the tooltip layout, content etc..
螢幕截圖
Admin view – Products list 
Admin view – Tooltip options 
Client view
常見問題
-
Will it work with my theme ?
-
Image Hotspot Block should work with any theme, as long as you are using the block editor ( Gutenberg ). Also please note that the alignment options “wide” and “full” support is also up to your theme.
-
Is WooCommerce required ?
-
While Image Hotspot Block works best with WooCommerce, it is not required and you will be able to create “custom products” on a per-tooltip basis.
-
Does it work for videos or gif ?
-
Image Hotspot Block only supports images for now, if we get requests to support more media types we might include it in the future!
評價
2025年1月12日
1 reply
Ive tried pretty much every map hotspot plugin available and this is for sure the best out there in my opinion. Works excellent not only for products but for maps as well. Also you dont have to use shortcode on this, it is set up directly in a post or page which means your map or image can be full width which doesnt seem possible with shortcodes wihout doing some code/css work. Only thing is the opacity on the dots does not seem to work. The plugin itself is 5 star but I docked a star because the creators website is unfinished with a 404 error on the support page and no way to contact the creator. Too bad its really good.
2024年3月21日
Using this plugin, I can make my products stand out in a really fun way. I added a photo of my cat wearing my handmade bracelet and reading my book! The tooltips grab my visitors’ attention, making them excited to learn more about my products. Congrats to Thomas, well done!
貢獻者及開發者
修改日誌
1.0.4
- Hotfix issue where a script wouldn’t load for some users.
1.0.3
- Maintenance update, updated dependencies, refactored code.
0.0.1
- Initial release.