How to add a Google Map to Elementor

October 21, 2020 3:24 pm Published by Leave your thoughts

Adding a map to Elementor has never been easier.

Step 1

Ensure you have WP Google Maps installed and activated. Once done, ensure you have set up your map to your requirements. You can view our documentation for setting up your first map.

Copy the shortcode from the Map Editor.

Step 2

Head over to the Elementor Page Editor for the page you want to edit. Type in “Shortcode” in the search at the top left. Drag in the shortcode block and paste the shortcode you previously copied.

Important note: The map will not render in the Elementor Page Builder but will render on your website. Don’t be alarmed if you do not see a map after inserting the shortcode.

Once done, save your post/page.

Step 3

Your map should now display on the post/page on the front end of your website.

If you need any help, get in touch with us!

Tags: ,

Categorised in:

This post was written by Nick Duncan

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.