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.

shra

Active Contour lets you define interactive contour areas on media images. Each polygonal area can be associated with a title & URL, making it easy to build rich visual navigation, diagrams, and interactive image content.
<h3>Features</h3>
<ul>
<li>
Edit contours directly in the Media Library
<ul>
<li>Add, move, and delete points visually</li>
<li>Scaled preview with zoom and background options</li>
</ul>
</li>
<li>
Define attributes per area
<ul>
<li>Each area can include <code>title</code>, <code>href</code>, and custom data</li>
<li>Stored as JSON in image meta field</li>
</ul>
</li>
<li>
Import contours from external tools
<ul>
<li>Paste a JSON object describing one or multiple contours</li>
<li>Compatible with AI-generated data or exported data from vector tools</li>
<li>Preview and refine the result before saving</li>
</ul>
</li>
<li>
Gutenberg Block Support
<ul>
<li>Insert an image with interactive contours using the included block (Active Contour)</li>
<li>Live preview of the selected image and contour state</li>
</ul>
</li>
<li>
Shortcode Support
<ul>
<li>Use <code>[active_contour id="123" cid="1,2"]</code> to embed images with specific contours</li>
<li>Works anywhere shortcodes are supported (pages, posts, widgets)</li>
</ul>
</li>
</ul>
<h3>Use cases</h3>
<ul>
<li>Interactive maps and diagrams</li>
<li>Infographics with tooltips or links</li>
<li>Product showcases with click/tap areas</li>
<li>Educational or documentation content</li>
</ul>
<h3>Keyboard Shortcuts</h3>
While editing points in the contour editor, you can use the following keyboard shortcuts for greater control:
<ul>
<li>Delete — Removes the currently selected point from the contour.</li>
<li>
<ul>
<li>or Numpad + — Converts the selected segment into a curved arc (or increases arc intensity).</li>
</ul>
</li>
<li>
<ul>
<li>or Numpad – — Decreases arc curvature or switches arc back to straight line.</li>
</ul>
</li>
<li>Shift (hold) — Activates zoom mode. While holding Shift, a magnifier lens appears under the cursor to help you place points more precisely.</li>
</ul>
Other behaviors:
<ul>
<li>Click on canvas — Adds a new point in the closest location or selects an existing one if clicked near.</li>
<li>Click and drag a point — Moves the selected point with the mouse.</li>
</ul>

Active Contour

Create interactive areas on images using custom contours. Fully integrated with the media library and Gutenberg.

TS Hotspot Quiz vs Active Contour