MotoPress Image Hotspot Addon for WordPress v1.4.2

Enhance your WordPress site with the MotoPress Image Hotspot Addon. Create custom animated hotspots to make your images more informative and interactive, perfect for product reviews, visual guides, instructions, and more. Transform your images into dynamic and engaging content with this easy-to-use addon.

Key Features

• Animated Hotspots: Add animated pointers with tooltips to any image.
• Custom Colors: Use color pickers for pointers, tooltips, and text to match your site’s design.
• TinyMCE Editor: Style and link tooltip text with the visual text editor.
• Unlimited Hotspots: Add as many hotspots as needed to each image.
• Tooltip Display Options: Display tooltips on hover, on click, or always.
• Customizable Tooltip Position: Position tooltips at the bottom, top, left, or right of the hotspot.
• Preset Themes: Use customizable preset themes for hotspots and tooltips.

Installation Steps

1. Go to Plugins > Add New in your WordPress Dashboard.
2. Click Upload Plugin, Browse and Choose File, then select the ZIP file of the Image Hotspot plugin. Click Install Now.
3. Click Activate to enable the new widgets immediately.
4. Launch MotoPress Content Editor on any Page, Post, or Custom Post Type.
5. Check the Media group of objects to find the new widget – Image Hotspot.

How to Add Image Hotspot Widget

• Drag the Hotspot Image widget to the page and drop it there.
• Select an image to add pointers to.
• Set up an Inherit hotspot and tooltip theme that would be applied by default:
  • Hotspot color: custom, red, grey, black.
  • Hotspot size: small, middle, large.
  • Tooltip theme: select a predefined one or modify a custom one with the color picker.
  • Select tooltip position.
  • Define when the tooltip should be displayed: on hover, on click, or always.

How to Add a New Hotspot to the Image

• Add a new hotspot, which will appear at the center of the image.
• Type tooltip text in the description field.
• Hover over the image to see the x and y percentage position of the cursor.
• Place the cursor where you want to add a pointer, note the position percentages, and type them into the X and Y Position fields.
• The hotspot will move to its designated position.
• Customize each hotspot individually if you do not want to use the Inherit style.

Make your WordPress blog unique and engaging with the MotoPress Image Hotspot Addon. It’s all about your imagination!