Skip to content

Google Maps for
WPBakery Page Builder

Add a custom Google Map with as many markers as you need. Choose a style, color each marker, add info windows, and control the map, all with no code.

Maps, Fully Yours
Show your locations the professional way with the Google Maps widget. Add a marker for each place with its own color and info window, pick a map style, and fine-tune the controls, perfect for contact pages, store locators, offices, and event venues.
See the Map

Put your place on the map.

The Google Maps widget brings a fully customizable map into WPBakery. Set the center and zoom, choose from six style presets, and add as many markers as you like, each with its own coordinates, color, and info window. Turn controls on or off, and let the map auto-center on your markers.

It works the way WPBakery already works. Set the center, add your markers, pick a style, and you are done. Nothing to learn, nothing to fight with.

See the Google Maps in action

Everything you can control

Unlimited markers

Add as many location markers as you need, each with its own latitude, longitude, and title.

Six style presets

Choose Default, Silver, Retro, Dark, Night, or Aubergine so the map blends into your design.

Colored markers and info windows

Give each marker its own color and an info window with your own HTML content.

Auto-center on markers

With two or more markers, the map can fit its bounds to them automatically, so every pin stays in view.

Full control over the UI

Toggle zoom, street view, fullscreen, scroll-wheel zoom, and dragging to match how visitors should interact.

Set zoom and height

Set the center coordinates, a zoom level from 1 to 21, and the exact map height you want.

Set Your Map in Seconds

The Map settings get you started fast. Enter the center latitude and longitude, choose a zoom level from 1 to 21, and set the map height, then pick a style preset so the map matches the look and feel of your page.

Add a Marker for Every Location

Pin every place that matters. Each marker takes a title, its latitude and longitude, a colored pin, and an info window with your own HTML, so clicking a pin shows an address, hours, a photo, or a link, exactly as you want it.

Six Beautiful Style Presets

Skip the fiddly styling. Choose from Default, Silver, Retro, Dark, Night, or Aubergine, and the whole map restyles instantly to suit a light page, a dark section, or a bold brand look, no custom JSON styling required.

You Control How It Behaves

Decide exactly how visitors interact with the map. Turn zoom, street view, fullscreen, scroll-wheel zoom, and dragging on or off, or disable the default UI entirely, and let the map auto-center to fit all your markers in view.

How to add Google Maps in Your Site?

1. Make sure WPBakery Page Builder and Classic Addons Pro are both installed and active.
2. Edit any page with WPBakery, click the plus to add an element, and search for "Google Maps."
3. Add your Google Maps API key in the Classic Addons Pro settings.
4. Set the center and zoom, then add a marker for each location.
5. Pick a style preset, choose the map controls, then save.
That is it. A styled, multi-marker map, ready in minutes.

Frequently Asked Questions

Logo-Footer
Classic Addons extends WPBakery Page Builder with
powerful, lightweight, and responsive widgets to help you
create modern WordPress websites faster and without coding.
ResourcesFree Features / DemosPremium Features / DemosPricing
CompanyResourcesPrivacy Policy
Get HelpDocumentationDownload FreeSupport

© 2026 Classic Addons. All rights reserved.

Back To Top