How Do I Add a Google Map to My Website Using WPBakery Page Builder?
How Do I Add a Google Map to My Website Using WPBakery Page Builder?
Who Is This Article For?
- All users with access to pages, blog posts, 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) lets you add a Google Map to your site using an embed code. Follow the steps below to add a map to your page.
Step-by-Step Guide
- Go to Google Maps.
- Use the search field in the upper-left corner to find your desired location.
- Adjust the map zoom level to your preference.
- When your location and zoom are set, click the "cog" icon in the bottom-right corner of the map to open the menu.
- Select "Share or embed map." A popup window will appear.
- In the popup, go to the "Embed map" tab.
- 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, find 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.
Related Articles
Why Is WPBakery Page Builder Not Appearing When Editing Pages In SoCast Engage?
Log in to SoCast Engage and navigate to the backend where you edit your page or blog. At the top of the screen, click on the Screen Options tab. Ensure that WPBakery Page Builder is checked. This will make the WPBakery Page Builder appear as an ...How Do I Embed a Podcast Player in the Sidebar Using SoCast Engage?
Log in to SoCast Engage. Navigate to Website > Website Structure > Sidebars. Click Edit on the sidebar where you want to add the podcast player (e.g., Music Template Sidebar). In the WPBakery Page Builder, scroll to the bottom and click the (+) sign ...How Do I Ensure GIFs Animate Properly on My SoCast Engage Website?
To ensure that GIFs animate properly on your SoCast Engage website, make sure the image size setting for the GIF is set to Full when adding it to your page. If the image size is set to Large or any other option, the GIF may not animate as expected. ...How Do I Add Podcast Embed Codes To A Page In SoCast Engage?
Log in to the SoCast Engage platform. Go to Website > Pages > All Pages. Search for the page you want to edit (e.g., "Podcast"). Click Edit on the desired page. Click on Switch to Backend Editor (if not already in backend editor mode). In WPBakery, ...How Do I Create a Full Page Ad Unit in Google Ad Manager and Add It to My SoCast Website?
How Do I Create a Full Page Ad Unit in Google Ad Manager and Add It to My SoCast Website? Step 1: Create a Full Page (Native) Ad Unit in Google Ad Manager Note: The following steps only need to be performed once. Log in to Google Ad Manager. Navigate ...