Help guides › Google Business Profile and local search

How to Embed a Google Map on Your Shop Website

A map helps new customers find you, especially if your shop is tucked behind another building or in an industrial park. You can embed one for free.

Get the embed code

1. Open Google Maps on a computer and search for your shop's Business Profile (so the pin shows your business, not just the street address).
2. Click Share, then Embed a map.
3. Choose a size and copy the HTML code.
4. Paste it into your contact page (in most builders, use an "Embed" or "HTML" block).

Make it work well

• Give the map a title so screen reader users know what it is: add title="Map to Smith's Auto Repair" to the <iframe> code. The W3C describes this technique.
• Add a plain "Get directions" link to your Google Business Profile, next to your written address. On phones, a link that opens the Maps app is often more useful than a small embedded map. Our free check looks for this link.
• Write your address as text too, with landmarks if it's hard to find: "Behind the Shell station, entrance on Oak Street."
• Mind the speed. An embedded map loads extra code. Put it on the contact page rather than the top of the homepage, and add loading="lazy" to the iframe so it loads only when someone scrolls to it (Google's embed code often includes this already).

Double-check

Tap the map and the directions link on your phone. Make sure the pin lands on your shop entrance and the address matches your Google Business Profile exactly.

Official sources

• Google Maps Help: Share, send, or print directions (includes "Embed a map")
• W3C WAI: Using the title attribute of the iframe element (H64)
• web.dev: Browser-level image lazy loading

Related guides

• Google Business Profile Checklist for Auto Repair Shops
• NAP Consistency: Keeping Your Shop Name, Address and Phone the Same Everywhere
• Plugins, Widgets and Chat Pop-ups: What Slows Your Shop Site Down

General information for shop owners, not legal advice. Last reviewed October 2026.