Google Maps Embed and Directions Link Generator

Not for a simple map of one location. The code this tool creates uses Google's keyless embed, the same kind of map you get from the Share and "Embed a map" options in Google Maps, so there's no key, no billing account, and no usage limits to manage. It shows your location with Google's place card, directions button, and zoom controls.

You need an API key only for more advanced maps: multiple markers, custom styling, or maps you control with code. Those use the Maps JavaScript API or the Maps Embed API, which require a Google Cloud account.

Copy the embed code and paste it wherever your site accepts HTML:

• WordPress: add a Custom HTML block in the block editor, or an HTML widget in Elementor and most other page builders.
• Squarespace: add a Code block.
• Wix: use Embed Code, then Embed HTML.
• Shopify: add a Custom Liquid section in the theme editor, or switch a page's editor to HTML view.
• Webflow: add an Embed element.

The button code goes in the same places. To put the button under the map, use "Copy map + button together".

The map searches Google for whatever you entered, so a business name on its own can match a branch somewhere else. Add the street address, city, and postal code, enter your exact coordinates, or paste the link to your listing from Google Maps.

A Google Map loads a fair amount of code, so it can if it loads straight away. That's why the code here includes loading="lazy" by default, which tells the browser to wait until a visitor scrolls near the map before loading it. A map in your footer or on a contact page then costs nothing until someone actually looks at it.

If speed matters most, for example on your home page, skip the map there and use the "Get Directions" button instead. It's a few lines of HTML and loads instantly.