Micemade

Introducing WCSpots – our WooCommerce Product Hotspot Gutenberg Block – the ultimate solution for showcasing your products in a creative and interactive way!
With our plugin, you can easily create a custom image with hotspots that link to selected WooCommerce products. Simply select the products you want to showcase, upload an image, and add hotspots on top. Each hotspot is associated with a product, and when clicked, displays a product popover with all the necessary details – including price, description, and a “Add to Cart” button.
This plugin is perfect for any WooCommerce store owner looking to showcase their products in a unique and engaging way. Whether you want to highlight your best-sellers, promote new arrivals, or simply create an eye-catching product display, our plugin has got you covered.
<blockquote>
v.1.2.0 UPDATE NOTICE: Upon update to v.1.2.0. no significant change or issue should occur on frontend of your WCSpots showcases. However, after update, on edit screen the “Block contains unexpected or invalid content.” notice will appear. Clicking the “Attempt Recovery” will fix this notice, and new WCSpots v.1.2.0 features will be available.
</blockquote>
<h3>Key Features</h3>
Here are some of the key features of WCSpots:
<ul>
<li>Easy setup: Simply install the plugin, select your products, upload an image, and add hotspots.</li>
<li>Customizable hotspots: Choose from a range of styles and customize hotspot design to match your brand. Change hotspot position with simple drag and drop.</li>
<li>Build your own layout with intuitive controls and settings.</li>
<li>Mobile-friendly: Our plugin is fully responsive, ensuring your hotspots and product popovers look great on any device.</li>
<li>Fast loading: Our plugin is optimized for speed, ensuring your page loads quickly and efficiently.</li>
</ul>
So why wait? Download our WCSpots Block today and start showcasing your products like never before!
<h3>Feature details</h3>
<ul>
<li>Drag and drop hotspots – easily change hotspot position.</li>
<li>Pulsating hotspot effect – make hotspot pulsate, globally, or per hotspot.</li>
<li>Change the hotspot sizes – separate control over inner and outer hotspot elements.</li>
<li>Product highlight color – product higlighted with hotspot primary color, on hotspot hover.</li>
<li>Product image size – image size controls for products and a popover.</li>
</ul>
Demonstration of WCSpots block usage:
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/n0i9uqBsKp0?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>Stay Connected</h3>
<ul>
<li><a href="https://github.com/Micemade/woohotspots" rel="nofollow ugc">View on GitHub</a></li>
<li><a href="https://twitter.com/theMicemade" rel="nofollow ugc">Follow on Twitter</a></li>
</ul>
<h3>Licence</h3>
The plugin uses, other than WordPress and React modules and packages, third party modules, licenced under MIT or MPL-2.0, GPL compatible licences: 
* <a href="https://www.npmjs.com/package/classnames" rel="nofollow ugc">ClassNames</a> 
* <a href="https://react-select.com/home" rel="nofollow ugc">React Select</a> 
* <a href="https://www.npmjs.com/package/react-tiny-popover" rel="nofollow ugc">React Tiny Popover</a> 
* <a href="https://www.npmjs.com/package/dompurify" rel="nofollow ugc">DOMPurify</a> 
* <a href="https://www.npmjs.com/package/uuid" rel="nofollow ugc">uuid</a>
<h3>Feedback</h3>
If you would like to have more features in this block, please suggest them in the Support section. This also applies to pointing out to bugs, or UI/UX improvements. Bugfixes or improvements will be added to free version of plugin, but some new features may only apply to commercial version. The commercial version will enable us to contiue working on free version and support it for a longer time period.

WCSpots – image hotspots for WooCommerce

Create WooCommerce product showcases with image hotspots in the block editor.

Avirtum

Welcome to GutenDraw, the revolutionary all-in-one WordPress tool that empowers you to take your content to the next level. With GutenDraw you can showcase interactive diagrams and flowcharts in a whole new way, offering your website visitors a unique and memorable experience. GutenDraw is designed with simplicity in mind, making it easy to create and customize stunning diagramming sketches with its user-friendly interface. With GutenDraw, you can say goodbye to tedious and complex processes and focus on creating engaging content. Experience the power of GutenDraw today and take your website to the next level with its immersive, hand-drawn like diagramming capabilities. It’s perfect for bloggers, marketers, educators, and anyone looking to elevate their online content and captivate their audience.
📋 <a href="https://avirtum.com/gutendraw-visualize-ideas-with-excalidraw-in-wordpress/" rel="nofollow ugc">DEMO & DESCRIPTION</a> 📋 
🔥 <a href="https://1.envato.market/getgutendraw" rel="nofollow ugc">DON’T DELAY, BE PRO TODAY!!!</a> 🔥
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/jzVSNzJ3s6I?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Imagine having the ability to craft stunning diagrams and sketches effortlessly, all while enjoying the fluidity of a well-organized workspace. GutenDraw provides you with a bird’s-eye view of your visual content, enabling you to create, edit, and manage your designs with unparalleled ease. Say goodbye to the clutter of traditional design tools and embrace a streamlined approach that allows you to focus on what truly matters—bringing your ideas to life. This plugin is a game-changer for anyone looking to enhance their content with engaging visuals, helping you soar above the limitations of conventional media management. Experience the freedom of creativity with GutenDraw and watch your WordPress site take flight!
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/zx648bjj8zw?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>☀️ BENEFITS</h3>
Unleash Visual Storytelling: Seamlessly integrate diagrams, sketches, and illustrations into your WordPress content, elevating your visual communication.
Streamlined Diagramming: Harness the power of Excalidraw’s intuitive diagramming tools directly within your WordPress editor, streamlining your creative process.
Customizable Visuals: Personalize your diagrams with a wide range of styling options, ensuring they perfectly complement your WordPress content.
Effortless Collaboration: Collaborate with team members and clients by sharing your Excalidraw-powered diagrams directly from within WordPress.
Responsive Designs: Your GutenDraw-created diagrams and sketches are fully responsive, ensuring they adapt seamlessly across all devices and screen sizes.
Seamless Integration: GutenDraw integrates seamlessly with popular WordPress themes, plugins, and page builders, allowing you to enhance your existing content with dynamic visuals.
<h3>🔥 KEY FEATURES</h3>
✅ USER-FRIENDLY INTERFACE 
Intuitive design that allows users to easily create and edit diagrams without needing advanced graphic design skills.
✅ FLEXIBLE PERMISSION SYSTEM 
A customizable permission system that allows administrators to set specific access rights for users, ensuring that sensitive content is protected while enabling collaboration.
✅ BIG SHAPE LIBRARY 
A wide variety of pre-defined shapes and icons to choose from, making it easy to create professional-looking diagrams.
✅ TEXT ANNOTATIONS 
Ability to add text labels and annotations to diagrams for better clarity and communication of ideas.
✅ EXPORT OPTIONS 
Users can export their drawings in various formats (e.g., PNG, SVG) for use in other applications or for sharing.
✅ RESPONSIVE DESIGN 
Diagrams created with GutenDraw are responsive and can be viewed on different devices without losing quality.
✅ DRAG-AND-DROP FUNCTIONALITY 
Easy manipulation of shapes and elements through drag-and-drop, allowing for quick adjustments.
✅ UNDO/REDO FUNCTIONALITY 
Users can easily revert changes or redo actions, enhancing the editing experience.
✅ SAVE/LOAD DIAGRAMS 
Users can save their work and load previously created diagrams for further editing.
✅ SHORTCODE SUPPORT 
Easily embed diagrams into posts or pages using shortcodes, allowing for flexible placement within content.
✅ CUSTOM STYLING OPTIONS 
Users can customize the appearance of their diagrams with different colors, line styles, and fonts.
✅NEW FEATURES? 
If you require additional features that are not currently available in the plugin, please provide us with your feedback. We are open to suggestions and will consider implementing them in future versions.
<h3>🚀 COMPATIBILITY</h3>
We understand that WordPress themes and plugins can have varying structures, so we aim to ensure additional compatibility. GutenDraw integrates and functions seamlessly with the most widely-used WordPress page builders, themes, and plugins. In the rare event that GutenDraw does not work with a specific page builder, theme, or plugin, we encourage you to post in the <a href="https://wordpress.org/support/plugin/gutendraw/" rel="ugc">support forum</a>, and we will do our utmost to address and resolve the issue.
PAGE BUILDERS 
* <a href="https://wordpress.org/plugins/gutenberg/" rel="ugc">Gutenberg</a> – modern built-in WordPress block editor 
* <a href="https://wordpress.org/plugins/classic-editor/" rel="ugc">Classic Editor</a> – classic built-in WordPress editor 
* <a href="https://elementor.com/" rel="nofollow ugc">Elementor</a> – leading website builder platform on WordPress 
* <a href="https://wpbakery.com/" rel="nofollow ugc">WP Bakery</a> – create any layout with intuitive way 
* <a href="https://www.wpbeaverbuilder.com/" rel="nofollow ugc">Beaver</a> – page builder you can trust with your business 
* <a href="https://bricksbuilder.io/" rel="nofollow ugc">Bricks</a> – amazing block editor with many templates 
* <a href="https://www.brizy.io/" rel="nofollow ugc">Brizy</a> – next-gen website builder that anyone can use 
* and more…
THEMES 
* <a href="https://themeforest.net/item/avada-responsive-multipurpose-theme/2833226" rel="nofollow ugc">Avada</a> – swiss army knife of WordPress themes 
* <a href="https://www.elegantthemes.com/gallery/divi/" rel="nofollow ugc">Divi</a> – most popular WordPress theme in the world 
* <a href="https://themeforest.net/item/betheme-responsive-multipurpose-wordpress-theme/7758048" rel="nofollow ugc">BeTheme</a> – more than just WordPress theme 
* <a href="https://themeforest.net/item/bridge-creative-multipurpose-wordpress-theme/7315054" rel="nofollow ugc">Bridge</a> – not just a theme, it’s a collection of amazing examples 
* <a href="https://themeforest.net/item/flatsome-multipurpose-responsive-woocommerce-theme/5484319" rel="nofollow ugc">Flatsome</a> – multi-purpose responsive WooCommerce theme 
* and more…
<h3>🎓 CONCLUSION</h3>
GutenDraw empowers you to effortlessly incorporate dynamic sketches and diagrams directly into your WordPress posts and pages. Unlock a new level of visual storytelling and enhance the impact of your content. With GutenDraw, you can harness the power of the Excalidraw platform, allowing you to create professional-grade diagrams, flowcharts, and freehand sketches without leaving your WordPress editor. Streamline your creative process and bring your ideas to life with ease.
<h3>💼 GDPR & Privacy</h3>
<ul>
<li>We do not collect or store any information about our visitors or users without their consent.</li>
<li>We also do not transfer any data to external servers without users’ consent.</li>
<li>The purpose of our plugin is to help create diagrams and sketches..</li>
</ul>

GutenDraw – Visualize Ideas with Excalidraw

GutenDraw: share your story with interactive diagrams and flowcharts directly in the WordPress that resonates with your audience

WCSpots – image hotspots for WooCommerce vs GutenDraw – Visualize Ideas with Excalidraw