Google Maps widget for HTML

#1 plugin to display responsive maps code on a any site


Google Maps widget for HTML
1 / 6


A no-sweat configuration, universal and entirely custom widget makes it easy to find locations for your customers. Productive in attracting offline customers, easy in setup and configuring make it is one of the best widget for your HTML site.

Shape more off-line customers using interactive maps on your site!

  • More orders from clients of your site.
    Place comprehensive contact information (address, phone, and messenger, operating and so on), so your possible customers could contact you by any desired for them means.
  • Find and get local clients.
    Display your coordinates to make customers understand, that you are close and they can quickly make their way to you shop.
  • Automatic route calculation to your place.
    Don’t let clients get away from your site when they are intended to address you. Show the way to your location directly on the map for each client!


What functions turn our map code into the best one for every HTML website?

  • Adding new location by only entering its address, or name, or coordinates;
  • 5 Google Maps layers: POI, Traffic, Transit, Bike, Street View;
  • Edit location panel title and choose elements;
  • Two marker animation types: drop or bounce;
  • Regular live updates available.

See full list of traits in the panel!

How to embed Google Maps widget to HTML website

A concise guide on creating responsive maps on HTML on your own. For this, you don’t need to invite a programmer or personally have knowledge in coding. Total setup duration is only several minutes.

  1. Build your personalized Google maps.
    Using our free demo, assemble a plugin with preferred design and functions.
  2. Acquire a code for integrating the plugin.
    After widget tuning, receive a code for Map plugin from the popup window on Elfsight Apps.
  3. Insert the widget into the HTML website.
    Start the page code in the HTML editor, integrate the widget into the desired place (content, footer, sidebar etc), and publish the edits.
  4. You successfully performed the installation.
    Open the HTML site, to see your plugin.

Experiencing hardships or problems while setting up a personal map? Read comprehensive manual «How to Install a map on HTML website» or contact Elfsight support center and we will be pleased to support you in creating and adding maps on your website.

How can I add Google Maps to my HTML website without coding skills?

Elfsight provides a SaaS solution that lets you create a Google Maps widget yourself, see how easy the process is: Work directly in the online Editor to create a Google Maps widget you would like to see on your HTML website. Pick one of the premade templates and adjust the Google Maps settings, add your content, change the layout and colors without coding skills. Save the Google Maps and copy its installation code, that you can easily embed in your HTML website with no need to buy a paid plan. With our intuitive Editor any internet user can create Google Maps widget online and easily embed it to their HTML website. There’s no need to pay or enter your card credentials in order to access the service. If you face any issues at any step, please feel free to contact our technical support team.


14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight Apps
Cross-platform digital solution that works on any website
from $0 / month
start with free plan
Unlimited domains
24/7 company support
Charge-free installation help
Special price for multiple apps
100% customizable