Google Maps widget for Webflow
Display interactive maps on your Webflow website with multiple locations, contact details, and navigation support to help users easily find your places.
Create Widget for Free
No credit card needed
Trusted by over 3,000,000 small business, agencies and top global brands worldwide
Create your Google Maps widget
Configure your Google Maps and add it to your Webflow website for free!
Screenshots
Embed Google Maps on Webflow with the Elfsight widget
A fast configuration, universal and entirely custom interface make it much easier for your customers to search for your map points. Successfully enticing real-life clients, fast adding to a website and configuring turn it into perhaps the best instrument for each Webflow website. Get more real-life clients using attractive maps on your website!- Maximize interaction of your customers with maps. Make a personal map comfortable for visitors and insert it into your website, so that visitors could easily use your contact information.
- Show a full list of your points on the map. Reveal on the map all available shops, locations of selling or picking goods and allow your customers to have a user-friendly map to find the closets location.
- Don’t spend your effort on constructing maps. All functions are available in 2 clicks, so you can shape the maximum powerful map for your website only in a several seconds.
Main features of the Google Maps widget
Which functions make Elfsight map the best for all Webflow websites?- Diverse location markers for interactive map;
- 4 map types: Roadmap, Satellite, Hybrid, Terrain;
- Info card pop up for each marker individually;
- 3 marker animation types;
- 60+ languages supported.
How to add Google Maps widget to Webflow website
- Generate your personal Google maps. By means of our free demo, shape a widget with necessary template and capacities.
- Copy a code for displaying the widget. After widget generating, acquire a code for Map widget from the appeared notification on Elfsight Apps.
- Display the widget on Webflow website. Integrate the widget into the needed place of the page and publish the edits.
- Installation is finished. Go to your Webflow website, to check your map.
Does Google Maps widget work on Webflow CMS Collection pages?
Yes, you can insert the widget inside a CMS Collection template, and it will automatically display across all dynamic Webflow pages that use that template.
Do I need a paid Webflow plan to embed Google Maps?
Yes, Webflow requires a paid plan to add custom code, as custom embeds are not available on free plans.
Do I need a Google Maps API key in Webflow?
Yes, Elfsight uses Google’s official API, so you’ll need to create and connect your own API key with billing enabled.
Can I show multiple markers on my map?
Absolutely. You can add as many locations as needed to one interactive map to display branches or pickup points on your Webflow website.
How do visitors get directions from my map?
With one click, users can open directions in Google Maps and generate a route to the selected location.
What details can I show in location popups?
Each marker can present address, contact info, working hours, website link, image, and description.
Do I need coordinates to add locations?
No, simply enter a place name or address and the widget will automatically retrieve the correct coordinates.
Can I upload multiple locations at once in Webflow?
Yes, bulk import via CSV is available in the Elfsight editor. Keep in mind that uploading a file replaces the current list of locations, so include all needed locations in the file.
Does the map support filtering by categories?
Yes, you can group locations and enable filters or clustering to improve user navigation.
Is there a search function in the map?
Yes, the built-in search field helps visitors quickly locate a store or office by name or address directly on your Webflow website.
Pricing
14-day money back guarantee. Risk-free, you can cancel at anytime.
Webflow widget
Multi-platform software that works on any site (including Webflow)
from $0 / month
start with free plan
Unlimited websites
Professional and on-time support
Charge-free installation assistance
Special offer for multiple apps
Flexible design