With the Interactive Geo Maps plugin, both in the Free and Pro versions, you can seamlessly integrate a map into your page using the Elementor Page Builder.
Here are two methods to achieve this:
1. Elementor Widget
The plugin offers a simple map widget that you can easily add to your page. Follow these steps:
Step 1: Add the Widget
Access the Elementor editor for the page where you want to add the map.
Drag and drop the map widget onto your desired section of the page.
Step 2: Select Your Map
After placing the widget, it will prompt you to select one of the maps you have previously created.
When editing the page with Elementor, you’ll only see the map preview.
2. Map Shortcode
For a more flexible approach or if you encounter issues with the map widget, you can use the map's unique shortcode. Here's how:
Step 1: Obtain the Shortcode
Find the shortcode for the map you want to add. You can locate this in the Interactive Geo Maps plugin settings or in the map editor.
Step 2: Insert the Shortcode
While editing your page with Elementor, add a text widget or any Elementor widget that accepts shortcodes.
Paste the shortcode into the widget.
Note: The shortcode will render the full interactive map on the live page.