rktaiwala

techsarathy

TS Hotspot Quiz transforms boring multiple-choice tests into engaging, interactive visual challenges. Instead of asking students to select an answer, make them point to it.
Built specifically for medical students (anatomy), geography teachers (maps), and technical trainers (diagrams), this plugin allows you to create “Match the Following” style quizzes directly on top of any image.
<h3>🚀 Free Features (Included)</h3>
<ul>
<li>Connect Mode: Students drag a line from a term (e.g., “Left Ventricle”) to the correct hotspot on the image.</li>
<li>Visual Builder: Easy-to-use backend editor. Just upload an image and click to set hotspots.</li>
<li>Instant Feedback: Students see immediate pass/fail results with a scoring breakdown.</li>
<li>Responsive: Works perfectly on desktops, tablets, and mobile devices.</li>
<li>Shortcode Embed: Place your visual quiz on any page, post, or lesson using <code>[ts_visual_quiz id="123"]</code>.</li>
<li>Unlimited Quizzes: Create as many visual assessments as you need.</li>
</ul>
<h3>🏆 Pro Features (Upgrade)</h3>
Upgrade to TS Hotspot Quiz Pro for advanced assessment capabilities:
<ul>
<li>🖊️ Draw Mode: Students must draw the actual path/line with their mouse or finger (perfect for tracing nerves or rivers).</li>
<li>⌨️ Type Mode: No word bank! Students must type the correct label for a hotspot from memory.</li>
<li>🕵️ Forensic Analytics: See exactly where students clicked incorrectly. Identify common misconceptions with heatmaps.</li>
<li>🏅 Leaderboards: Gamify your classroom with top score lists.</li>
<li>🎓 LMS Integration: Native support for LearnDash, LifterLMS, and TutorLMS.</li>
</ul>

TS Hotspot Quiz

Turn static images into interactive "Connect the Dots" quizzes. Perfect for anatomy, geography, and technical training assessments.

Thomas

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!
<h3>Key features</h3>
<ul>
<li>Easy to use : Simply add the block to your page, add your image and products and you are good to go!</li>
<li>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.</li>
<li>Performance : We only load our script and style when the page is actually using our block.</li>
</ul>
<h3>How to use</h3>
<ul>
<li>Open a page or blog post using the block editor ( Gutenberg editor ).</li>
<li>Add the “Image Hotspot” block.</li>
<li>Choose an image.</li>
<li>With the block selected, in the right sidebar ( block options ), click on “Add product”.</li>
<li>From there, either add a WooCommerce product to autofill product info, or create a custom product.</li>
<li>You can move the hotspot by holding ctrl or command key and draging the hotspot.</li>
<li>You can then customize the tooltip layout, content etc..</li>
</ul>

Image Hotspot Block


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!


Purrfect for Showcasing Your Products!

Create dynamic images with clickable hotspots to showcase products. Optimized for WooCommerce.

TS Hotspot Quiz vs Image Hotspot Block