MapSVG Elementor widget
The MapSVG Elementor widget embeds a map with a live preview in the Elementor editor.
Prerequisites
Elementor must be installed and active. MapSVG registers the widget automatically when Elementor is available.
Add the widget
- Edit a page with Edit with Elementor
- Open the widgets / elements panel on the left
(the widgets grid — not the folder library with Blocks / Pages / Templates) - Search for
MapSVG, or open the MapSVG / General category - Drag the MapSVG widget onto the canvas
- In the widget settings, choose a Map
The map appears as a live preview in the Elementor canvas.
Widget settings
| Setting | Description |
|---|---|
| Map | Which MapSVG map to display |
| Selected Region ID | Optional region ID to pre-select on load (same as shortcode selected) |
| Lazy load | If enabled, the map loads when it enters the viewport on the front end only (editor always loads immediately) |
Where to find it (common mix-up)
| Panel | What it is |
|---|---|
| Widgets / Elements (grid icon) | Drag-and-drop widgets — MapSVG is here |
| Folder → Blocks / Pages / Templates | Template library — MapSVG is not listed there |
Front end
Update / publish the page. The front end uses the same options as the widget settings (id, selected, lazy).