← All widgetsWidget 83 · emcp_custom_83

Image Hotspots

Elementor widget1 layout2 content options9 style options2 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: hotspot, pin, image, tooltip, marker.

Setup guide

  1. Open a page in Elementor, search the panel for Image Hotspots and drag it into a container.
  2. Content › Content: Image, Hotspots.
  3. Style tab sections: Style. Colours, typography and spacing set here are scoped to this widget instance.
  4. Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.
Demo

Default

Options reference

Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).

Content tab

Content

OptionTypeChoices / rangeDefaultNotes
Image
image		Image
Hotspots
hotspots		Repeater
↳ X position (%)
x		Slidermin 0, max 100, %50
↳ Y position (%)
y		Slidermin 0, max 100, %50
↳ Title
title		TextHotspot
↳ Description
text		Textarea

Style tab

Style

OptionTypeChoices / rangeDefaultNotes
Dot Color
dot_color		Color
Dot Size
dot_size		Slidermin 8, max 60, px
Dot Border
dot_border		Color
Tooltip Background
tip_bg		Color
Tooltip Text
tip_color		Color
Title Typography
tip_title_typo		Typography
Text Typography
tip_typo		Typography
Tooltip Padding
tip_pad		Dimensions
Tooltip Radius
tip_radius		Slidermin 0, max 30, px

Add it with the MCP tools

Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_83" and a settings object using the keys above. Run get-custom-widget with id 83 for the full JSON spec.