Google maps widget for any website
Add maps, locations and points of interest with responsive design and configurable controls.
Features
Google Maps widget
Use google maps widget to add interactive, reusable content to your site and manage future changes from WidgetDO.
Use cases
Where Google Maps widget can help
Configure content and design centrally in WidgetDO.
Configure content and design centrally in WidgetDO.
Templates
View all 11 templates →
Choose a Google Maps widget design
Preview a real design and use it as the starting point for your widget.
WidgetDO
Preview not generated
WidgetDO
Preview not generated
WidgetDO
Preview not generated
WidgetDO
Preview not generated
WidgetDO
Preview not generated
WidgetDO
Preview not generated
Installation guides
Add Google Maps to the platform you use
Choose your CMS or website builder to see installation steps and platform-specific notes.
WordPress builderGoogle Maps for Elementor
Add WidgetDO widgets to Elementor using Elementor’s HTML widget and manage future changes from one dashboard.
↗Custom codeGoogle Maps for HTML / cualquier webAdd WidgetDO widgets to HTML / cualquier web using the page HTML and manage future changes from one dashboard.
↗CMS / marketingGoogle Maps for HubSpot CMSAdd WidgetDO widgets to HubSpot CMS using a custom HTML module and manage future changes from one dashboard.
↗EcommerceGoogle Maps for ShopifyAdd WidgetDO widgets to Shopify using a Custom Liquid section or compatible theme template and manage future changes from one dashboard.
↗Website builderGoogle Maps for WebflowAdd WidgetDO widgets to Webflow using an Embed element and manage future changes from one dashboard.
↗CMSGoogle Maps for WordPressAdd WidgetDO widgets to WordPress using a Custom HTML block and manage future changes from one dashboard.
↗WordPress builderGoogle Maps for DiviAdd WidgetDO widgets to Divi using a Code module and manage future changes from one dashboard.
↗CMSGoogle Maps for JoomlaAdd WidgetDO widgets to Joomla using a Custom HTML module and manage future changes from one dashboard.
↗JavaScript frameworkGoogle Maps for ReactAdd WidgetDO widgets to React using a component that renders the container and loads the script once and manage future changes from one dashboard.
↗Landing pagesGoogle Maps for UnbounceAdd WidgetDO widgets to Unbounce using a Custom HTML block and manage future changes from one dashboard.
↗Website builderGoogle Maps for WixAdd WidgetDO widgets to Wix using a compatible custom-code or embed tool and manage future changes from one dashboard.
↗WordPress ecommerceGoogle Maps for WooCommerceAdd WidgetDO widgets to WooCommerce using a WordPress HTML block or compatible builder and manage future changes from one dashboard.
↗WordPress builderGoogle Maps for Beaver BuilderAdd WidgetDO widgets to Beaver Builder using an HTML module and manage future changes from one dashboard.
↗EcommerceGoogle Maps for BigCommerceAdd WidgetDO widgets to BigCommerce using an HTML/script area supported by the theme and manage future changes from one dashboard.
↗CMSGoogle Maps for DrupalAdd WidgetDO widgets to Drupal using a block or template that allows custom code and manage future changes from one dashboard.
↗Landing pagesGoogle Maps for LeadpagesAdd WidgetDO widgets to Leadpages using an HTML widget and manage future changes from one dashboard.
↗React frameworkGoogle Maps for Next.jsAdd WidgetDO widgets to Next.js using a client component or layout that loads the script once and manage future changes from one dashboard.
↗Website builderGoogle Maps for SquarespaceAdd WidgetDO widgets to Squarespace using a Code Block or code-injection area and manage future changes from one dashboard.
↗EcommerceGoogle Maps for Adobe Commerce / MagentoAdd WidgetDO widgets to Adobe Commerce / Magento using a CMS block, template or layout that allows code and manage future changes from one dashboard.
↗WordPress builderGoogle Maps for BrizyAdd WidgetDO widgets to Brizy using an Embed element and manage future changes from one dashboard.
↗Website builderGoogle Maps for FramerAdd WidgetDO widgets to Framer using an Embed component or custom code and manage future changes from one dashboard.
↗CMS / publishingGoogle Maps for GhostAdd WidgetDO widgets to Ghost using an HTML card or theme code injection and manage future changes from one dashboard.
↗Landing pagesGoogle Maps for InstapageAdd WidgetDO widgets to Instapage using an HTML/JavaScript block and manage future changes from one dashboard.
↗JavaScript frameworkGoogle Maps for Vue.jsAdd WidgetDO widgets to Vue.js using a component that includes the container and global script and manage future changes from one dashboard.
↗Blog / CMSGoogle Maps for BloggerAdd WidgetDO widgets to Blogger using an HTML/JavaScript gadget or template and manage future changes from one dashboard.
↗WordPress builderGoogle Maps for BreakdanceAdd WidgetDO widgets to Breakdance using a Code Block element and manage future changes from one dashboard.
↗Funnels / landing pagesGoogle Maps for ClickFunnelsAdd WidgetDO widgets to ClickFunnels using a compatible Custom JS/HTML element and manage future changes from one dashboard.
↗Website builderGoogle Maps for DudaAdd WidgetDO widgets to Duda using an HTML widget or code section and manage future changes from one dashboard.
↗Vue frameworkGoogle Maps for NuxtAdd WidgetDO widgets to Nuxt using a client-side component and WidgetDO global script and manage future changes from one dashboard.
↗EcommerceGoogle Maps for PrestaShopAdd WidgetDO widgets to PrestaShop using an HTML module or compatible template and manage future changes from one dashboard.
↗JavaScript frameworkGoogle Maps for AngularAdd WidgetDO widgets to Angular using a component that creates the container after mount and manage future changes from one dashboard.
↗EcommerceGoogle Maps for OpenCartAdd WidgetDO widgets to OpenCart using an HTML module or compatible template file and manage future changes from one dashboard.
↗WordPress builderGoogle Maps for Oxygen BuilderAdd WidgetDO widgets to Oxygen Builder using a Code Block element and manage future changes from one dashboard.
↗Website builderGoogle Maps for WeeblyAdd WidgetDO widgets to Weebly using an Embed Code element and manage future changes from one dashboard.
↗EcommerceGoogle Maps for EcwidAdd WidgetDO widgets to Ecwid using an area that supports custom code and manage future changes from one dashboard.
↗PHP frameworkGoogle Maps for LaravelAdd WidgetDO widgets to Laravel using a Blade view or HTML template and manage future changes from one dashboard.
↗Website builderGoogle Maps for TildaAdd WidgetDO widgets to Tilda using an HTML block and manage future changes from one dashboard.
↗Web frameworkGoogle Maps for AstroAdd WidgetDO widgets to Astro using a component or layout with the container and global script and manage future changes from one dashboard.
↗Website builderGoogle Maps for CarrdAdd WidgetDO widgets to Carrd using an Embed element available on compatible plans and manage future changes from one dashboard.
↗EcommerceGoogle Maps for ShopwareAdd WidgetDO widgets to Shopware using an HTML block or compatible template and manage future changes from one dashboard.
↗React frameworkGoogle Maps for GatsbyAdd WidgetDO widgets to Gatsby using a React component and the global loader and manage future changes from one dashboard.
↗Website builderGoogle Maps for JimdoAdd WidgetDO widgets to Jimdo using a compatible widget/HTML block and manage future changes from one dashboard.
↗Website builderGoogle Maps for GoDaddy Website BuilderAdd WidgetDO widgets to GoDaddy Website Builder using an HTML section available to the site and manage future changes from one dashboard.
↗