Free Google Maps Embed Generator

How to embed a Google Map on your website

1. Type your address above (or your business name and city) and choose a size.
2. Check the preview. If the pin is in the wrong place, add more of the address.
3. Copy the code and paste it into your website, using the steps for your website builder below.

The code is an <iframe>: a small window on your page that shows the map from Google. Visitors can drag it, zoom it and open directions in Google Maps.

Wix

1. Wix has its own map element, and it is often the easiest choice: in the Editor, click Add Elements (the + on the left) and look under Contact & Forms for the map.
2. To use this code instead: click Add Elements → Embed Code → Embed HTML.
3. Click Enter Code, choose Code, paste the code and click Update.
4. Drag the box to the size you want (choose “Full width of its box” above so the map fills it), then Publish.

WordPress

1. Edit the page, click the + (Add block) button and search for Custom HTML.
2. Paste the code into the block. Click Preview in the block's toolbar to see the map.
3. Click Update (or Publish).
4. Using Elementor? Drag in the HTML widget and paste the code there. In the classic editor, switch to the Text tab before pasting.

Squarespace

1. Squarespace has its own Map block that only needs your address: that is usually the easiest choice.
2. To use this code instead: edit the page, click Add Block (or the + where you want it) and choose Code.
3. Paste the code, click outside the block and Save.
4. Code blocks may depend on your Squarespace plan. Squarespace's help pages list which plans include them.

Shopify

1. Go to Online Store → Themes and click Customize.
2. Open the page where the map should go, click Add section and choose Custom Liquid (in most current themes).
3. Paste the code into the section's box and click Save.
4. For a normal page (like “Contact”): Online Store → Pages, open the page, click the Show HTML button (<>) in the editor's toolbar, paste the code and save.

Plain HTML

Paste the code where the map should appear, anywhere between <body> and </body>. “Full width of its box” fills its container; put it inside a <div> with a width if you want it narrower.

The official way: Google Maps → Share → Embed a map

Google Maps can give you embed code too, and it points at your exact Google listing rather than at a search for the text you type:

1. Open Google Maps on a computer and search for your business.
2. Click your business, then click Share.
3. Open the Embed a map tab, choose a size and click Copy HTML.
4. Paste it into your website the same way as the code from this tool.

Use the official code if your business has a Google Business Profile and you want the map to show that listing. Use this tool when you want to type an address and see the result straight away, or when you are on a phone.

What this tool does, and its limits

• It builds Google's public embed address, https://www.google.com/maps?q=your address&output=embed, into ready-to-paste code. No API key or Google account is needed.
• This address is widely used, but Google does not document it as an official product, so Google could change or stop it. If that happens, use the official Share → Embed a map code above, or Google's Maps Embed API (it needs a Google Cloud API key).
• The map shows what Google finds for the text you type. A full street address is most reliable; a business name alone may find a different place.
• Everything runs in your browser. Nothing you type is sent to FlatRateChat (unless you click the demo button, which carries your website address); the preview map is loaded from Google.
• Google Maps is a trademark of Google LLC. This free tool is made by FlatRateChat and is not made by or connected with Google.
• Want call, text and WhatsApp buttons next to your map? Use the free WhatsApp, Click-to-Call & Text Link Generator.
• Also free: the Broken Link Checker tests every link on your pages.
• Also free: the Sitemap Generator makes an XML sitemap of your pages and checks the one you have.
• Also free: the WhatsApp Link Generator makes WhatsApp, click-to-call and text links, website buttons and a QR code.
• Also free: the Google Review Link Generator turns your Google review link into a QR code, a printable sign and ready-to-send messages.
• Also free: the Website Down Checker checks from our server whether a website answers right now, and why not.
• Also free: the Redirect Checker shows every redirect a web address goes through, step by step.
• Also free: the SSL Checker checks that your site opens securely on https and shows its certificate details.
• Also free: the Robots.txt Checker reads your robots.txt and shows whether it blocks Google, AI crawlers or your sitemap.
• Also free: the Robots.txt Generator makes a robots.txt file for your website and checks it as you type.
• Also free: the Website Accessibility Checker scans one page for common accessibility problems, like images without alt text and form fields without labels.
• Also free: the Meta Tag Checker shows the title, description and other tags Google reads on a page, with a search preview.
• Also free: the Open Graph Checker shows how a page will look when shared on Facebook, LinkedIn and X, and checks its og:image.

Questions