How To Add/Insert Google Map In Elementor

In this tutorial, we will guide you on how to insert a Google Map in Elementor using the LM Tour plugin.

Having said that, let’s move on to the steps on How To Add/Insert Google Map In Elementor.

Step 1: Create a Page with Elementor

Start by creating a new page using Elementor. Customize the page layout and design as per your requirements. Elementor provides a user-friendly interface that allows you to easily design and style your page.

Creating a page with elementor

Step 2: Add a Section

In the Elementor editor, click on the “+” icon to add a new section to the page. This section will provide a container for the Google Map widget.

Adjust the margin and padding settings of the section to create the desired spacing and alignment on your page.

Adding a section in elementor

Step 3: Search for and Add the Google Maps Widget

In the Elementor widget search bar, type “maps” and locate the “Google Maps” widget. The Google Maps widget allows you to integrate Google Maps into your Elementor-designed page.

Drag and drop the Google Maps widget into the section you created in the previous step.

Add google map widget in elementor

Step 4: Configure the Google Maps Widget

In the widget settings panel, you will find options to customize the map location and appearance. Enter the desired address or coordinates in the location field. You can also customize other settings such as zoom level, map type, and map height to match your preferences.

Take some time to explore the available options and adjust them according to your specific needs. This will allow you to create a customized and visually appealing Google Map.

Configuring google map widget

Step 5: Update the Changes

Once you have configured the settings for the Google Maps widget, click on the “Update” button to save the changes you made in the Elementor editor.

Step 6: Preview the Page

To see the Google Map on the front end, click on the “Preview” button. You will now be able to view the map with the specified location on your page. This will give you a better understanding of how the map will appear to your website, visitors.

Google maps in elementor

Remember to save your page and publish it to make the changes live on your website.

That’s it! You have successfully inserted a Google Map in Elementor using the LM Tour plugin. Enjoy incorporating interactive and informative maps into your Elementor-designed pages!


Submit a Comment

Your email address will not be published. Required fields are marked *

Need Professional Help?

We can help you with website fixes and ongoing maintenance.