How Do I Add a Google Maps Element to My Website Using WPBakery Page Builder?
How Do I Add a Google Maps Element to My Website Using WPBakery Page Builder?
Who Is This Article For?
- All users with access to pages, blogs, contests, or sidebars
- Applicable to all themes
Important Note
- The Google Maps widget is not recommended for use in the sidebar, as it can potentially exceed the 1 million hits allowed by Google under its free plan.
WPBakery Page Builder (formerly Visual Composer) allows you to easily insert a Google Map onto your site using an embed code. Follow the steps below to add a Google Map to your website:
Step-by-Step Guide
- Go to Google Maps.
- Use the search field in the upper left to find your desired location.
- Adjust the map zoom level to your preference.
- Once your location and zoom are set, click the "cog" icon in the bottom right corner of the map to open the menu.
- Select the "Share or embed map" option. A popup window will appear.
- Go to the "Embed map" tab in the popup window.
- Copy the entire embed code provided.
- Return to your website and open the WPBakery Page Builder.
- Add the Google Maps widget to your page.
- In the widget popup window, locate the "Map embed iframe" field.
- Paste the embed code you copied from Google Maps into this field.
- Adjust any additional settings as needed, then save your changes.

Following these steps will allow you to display a Google Map on your website using WPBakery Page Builder. If you have any questions or need further assistance, please contact our support team.