20 July 2026/14 min read

Google Maps on Your Website: 5-Minute Setup Guide

web-designseosmall-businessguides

Why Most Business Websites Get This Wrong (And Lose Customers Because of It)

Roughly 76% of people who search for a local business on their smartphone visit that business within 24 hours, according to Google's own consumer insights data. Yet walk through any suburb in Australia and you'll find dozens of small business websites with no map, a wrong address typed into a footer, or a broken map link that 404s. That's not a minor annoyance — it's a conversion killer at the exact moment a customer has decided to visit you.

Adding a Google Maps embed to your website is free, takes less than five minutes, and does three things simultaneously: it confirms your physical legitimacy to first-time visitors, it reinforces your Google Business Profile signals (which matters for local SEO), and it removes the friction of someone opening a separate app to find you. This guide covers every method — from the basic iframe embed any business owner can do themselves, to the API-based approach developers use, to platform-specific steps for Wix, Squarespace, WordPress, and Shopify — plus the mistakes that silently break maps and the SEO context most articles skip entirely.

What a Google Maps Embed Actually Does for Your Business

Before the how-to, it's worth understanding what you're actually deploying, because this shapes which method is right for you.

A Google Maps embed is an interactive map hosted by Google, displayed inside a frame on your page. Visitors can zoom, scroll, switch to Street View, and tap "Get directions" without leaving your website. The map is served directly from Google's servers, so it doesn't slow down your page (it loads asynchronously), and it's always up to date — Google maintains the underlying cartography, not you.

There are three distinct ways to add Google Maps to a website:

The free iframe embed — a snippet of HTML you copy from Google Maps and paste into your site. No API key required. No cost. Suitable for 95% of small business websites.
The Google Maps JavaScript API — a developer-configured map with custom markers, styling, and dynamic features. Requires a Google Cloud account and billing setup (though a generous free tier means most small sites pay nothing). Suitable for businesses with custom requirements.
Platform-specific map widgets — built-in blocks in Wix, Squarespace, Showit, and similar builders that simplify the process to entering an address. Easiest but least flexible.

For the overwhelming majority of Australian small businesses — a tradie, a café, a salon, a dental clinic — the free iframe embed is the right answer. The rest of this guide covers all three, starting with the method you should use first.

Method 1: The Free Google Maps Iframe Embed (Recommended for Most Businesses)

This method requires zero technical knowledge, no account setup beyond a standard Google account, and costs nothing. Here's the exact process.

Go to Google Maps at maps.google.com in your desktop browser (not the mobile app — the share option works differently there).
Search for your business. Type your business name as it appears on your Google Business Profile. If your listing appears, click on it so the info panel opens on the left. If you're searching for a new location (say, a new address you want to show before your listing is updated), just search the address directly.
Click "Share". In the info panel, find the Share button (it looks like an arrow pointing out of a box). Click it.
Select "Embed a map". A dialog will appear with two tabs: "Send a link" and "Embed a map". Click "Embed a map".
Choose your map size. Google gives you a dropdown: Small (400×300px), Medium (600×450px), Large (800×600px), or Custom. For most website contact pages, "Medium" or a custom width of 100% works best — we'll cover how to make the map full-width responsive in a moment.
Copy the HTML. Click "Copy HTML". You'll get a snippet that looks like this:

<iframe src="https://www.google.com/maps/embed?pb=..." width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

Paste it into your website. The exact method depends on your platform — see the platform-specific sections below. In a custom HTML site, paste it directly into your contact page HTML where you want the map to appear.

Making Your Embedded Map Fully Responsive

Google's default iframe uses fixed pixel dimensions (e.g., width="600" height="450"). On mobile screens narrower than 600px, this causes horizontal scrolling — a serious usability problem. The fix is a standard CSS wrapper technique:

<div style="position:relative; padding-bottom:56.25%; height:0; overflow:hidden;">
  <iframe src="YOUR_MAP_URL_HERE" 
    style="position:absolute; top:0; left:0; width:100%; height:100%; border:0;"
    allowfullscreen="" 
    loading="lazy" 
    referrerpolicy="no-referrer-when-downgrade">
  </iframe>
</div>

Replace YOUR_MAP_URL_HERE with the src URL from your copied embed code. The padding-bottom of 56.25% gives a 16:9 aspect ratio. Change it to 75% for a more square map (4:3). This renders correctly on every screen size from a 320px wide phone to a 4K monitor.

Method 2: Platform-Specific Steps

How to Add Google Maps in WordPress

In the Gutenberg block editor (WordPress 5.0 and later):

Navigate to the page where you want the map (usually your Contact page).
Click the "+" button to add a new block.
Search for and select the Custom HTML block.
Paste your iframe embed code (or the responsive wrapper version above) into the block.
Switch to Preview to confirm it displays correctly, then Publish or Update the page.

If you're using a page builder like Elementor or Divi, both have native "Google Maps" widgets. In Elementor, drag the Google Maps widget onto your layout and type your business address into the Location field — no embed code needed. Note that Elementor's map widget uses the Google Maps JavaScript API under the hood, so you'll need an API key if you've exceeded Google's free usage tier (extremely unlikely for a small business site).

How to Add Google Maps in Wix

Wix (currently from AU$17/month for a basic business plan) has a native Google Maps widget:

In the Wix Editor, click "Add Elements" (+) in the left panel.
Go to "Embed" → "Google Maps".
Drag the map element onto your page.
Click the map, then "Enter Address" and type your business address.
Resize and reposition as needed.

Alternatively, you can use Wix's "Embed Code" element to paste your custom iframe HTML, which gives you more control over the exact map pin and zoom level.

How to Add Google Maps in Squarespace

Squarespace (from AU$16/month on the Personal plan) includes a map block:

Edit your page and click the section where you want the map.
Click the block insertion point (+) and search for "Map".
Add the Map block and enter your address in the settings panel.
Adjust height and zoom level in the block settings.

For a custom embed, use a Code block (available on Business plan and above) and paste your iframe HTML.

How to Add Google Maps in Shopify

Shopify (from AU$39/month) doesn't have a native map block in most themes, but the process is straightforward:

Go to Online Store → Pages, and open your Contact page (or create one).
In the page content editor, click the "Show HTML" button (the <> icon).
Paste your iframe embed code at the point where you want the map to appear.
Save the page.

Some premium Shopify themes include a map section directly in the theme customiser — check your theme's documentation under "Theme Settings" or "Sections".

Method 3: The Google Maps JavaScript API (For Custom Requirements)

If you need a map with a custom styled appearance (matching your brand colours), multiple location pins, or interactive features like a store locator, you'll need the Google Maps JavaScript API. This is a developer task — don't attempt it without coding knowledge or a developer on hand.

The setup process requires:

Creating a project in the Google Cloud Console.
Enabling the Maps JavaScript API.
Creating an API key and restricting it to your domain (critical for security — an unrestricted API key can be exploited by third parties, running up charges on your billing account).
Adding billing details to your Google Cloud account (required, but the Maps API includes a US$200/month free credit — equivalent to roughly 28,000 map loads per month, which is more than enough for any small business).

For a single-location small business, the JavaScript API is overkill. The free iframe embed achieves 90% of the same result with zero complexity. However, if you're a franchise with five locations or a logistics company needing route visualisation, the API is the right tool.

Where to Place Your Map on the Page

Placement matters more than most website guides acknowledge. Here's where maps work hardest:

Contact page: The most logical location. A visitor arriving on your contact page has intent — they want to reach you. A map directly below your address and phone number eliminates friction at exactly the right moment.
Footer: A smaller map or a static map image (linked to Google Maps) in your footer gives every page a location signal without taking up primary content space. This is particularly effective for service-area businesses.
Homepage "Find Us" section: For brick-and-mortar businesses like cafés, salons, and retail shops, a map in the lower half of the homepage — paired with trading hours and a phone number — can directly drive foot traffic from first-time visitors.
Booking or reservation pages: If you have an online booking system, placing a map near the booking confirmation or on the booking page reinforces the physical reality of the appointment and reduces no-shows.

Do not place your map above the fold on the homepage unless location is your primary value proposition (e.g., "We're in the heart of Newtown"). Maps are supporting content, not hero content — they answer a specific question ("where are you?") rather than selling your service.

The SEO Relationship Between Your Map Embed and Google Local Rankings

This is the section most how-to articles skip, and it contains the information that actually moves the needle for local businesses.

Google's local search algorithm — the system that determines who appears in the "map pack" (the three businesses shown at the top of local search results) — uses three primary factors: relevance, distance, and prominence. Your website is a prominence signal. Specifically, Google looks at NAP consistency: whether your Name, Address, and Phone number appear identically across your website, your Google Business Profile, your social media profiles, and third-party directories like True Local, Yellow Pages, and Yelp Australia.

When you embed a Google Map showing your business listing, you're not directly boosting your rankings. But the embed reinforces that your website is connected to a real, verified physical location — and that context matters. More importantly, the actions around your map embed do affect rankings:

Your address in HTML text on the page (not just inside the map iframe) allows Google's crawler to read and index your location data. Always include your address as visible, crawlable text — don't rely on the map alone.
Schema markup (LocalBusiness schema) is the most powerful local SEO action you can take on your own website. It's structured data that tells Google exactly what your business is, where it is, and when it's open. Adding LocalBusiness schema alongside your map embed significantly strengthens your local signals. Tools like Semrush and Google's own Rich Results Test can validate your schema.
Page load speed affects your ranking. The responsive iframe method described above uses Google's loading="lazy" attribute, which defers the map from loading until the user scrolls to it — reducing your initial page load time. Always include this attribute. You can verify your page speed with Google's PageSpeed Insights tool.

For a deeper look at how local SEO connects to your website, weauto's SEO retainer ($39.95 + GST/month) covers ongoing local optimisation including schema, citations, and rank tracking.

Common Mistakes That Break Google Maps Embeds

These are the errors that appear repeatedly when auditing small business websites — each one silently costs customers.

Mistake 1: The Map Shows the Wrong Location

This happens when a business searches for their name, finds a similarly-named business, and copies that embed code. Always verify the pin is on your actual address before copying the embed code. Open the embed in a new tab and check the street view.

Mistake 2: The Map is Embedded but Not Claimed

An embedded map that shows a generic pin (not your claimed Google Business Profile listing) won't show your business name, hours, photos, or reviews. Claim and verify your Google Business Profile first, then embed the map from your claimed listing. Customers who click "View larger map" on an unclaimed listing see a blank profile — a trust signal in reverse.

Mistake 3: The Address on the Website Doesn't Match Google Business Profile

If your website says "Suite 3, 42 Main Street" and your Google Business Profile says "42 Main Street" (no suite number), that's an NAP inconsistency. It's a small discrepancy, but it creates confusion for both customers and search engines. Standardise your address format across every platform.

Mistake 4: No Alt Text or Text-Based Address Alongside the Map

Screen readers and search engine crawlers cannot extract address information from an iframe. Always include your address as visible HTML text (and ideally as schema markup) alongside your embedded map. This is both an accessibility requirement and an SEO best practice.

Mistake 5: Using a Screenshot Image Instead of a Live Embed

Some website builders or template systems insert a static map image (a screenshot of Google Maps) rather than a live embed. This looks similar visually but is completely non-functional — a user can't click "Get directions" from a JPEG. If your map doesn't have pan/zoom interactivity, it's a static image. Replace it with a proper embed.

Mistake 6: The Map Embed Violates Google's Terms of Service

Google's Maps embedding terms prohibit using the free iframe embed in applications that charge for access to the map itself, or in certain commercial API contexts. For a standard small business website, the free embed is explicitly permitted and costs nothing. However, if you're building a SaaS product or a real estate portal with maps as a core feature, review the Google Maps Platform Terms of Service carefully.

Google Maps for Multi-Location and Service-Area Businesses

Not every business has a single shopfront. Service-area businesses — plumbers, electricians, cleaners, landscapers — operate from a home address or depot but serve customers across a region. Here's how to handle maps for these scenarios:

Service-area businesses with no public address: On your Google Business Profile, you can hide your address and instead specify service areas (suburbs, postcodes, or regions). Embed a map showing your service area using a custom Google Map (create one at google.com/mymaps) with a shaded polygon over your coverage zone. This is far more useful to a potential customer than a residential address pin.
Multi-location businesses: Create separate Google Business Profile listings for each location and embed each location's specific map on its corresponding location page. Do not embed all locations on one page — each location should have its own dedicated page with its own map, address, phone number, and trading hours. This is a significant local SEO opportunity that most multi-location businesses underutilise.
Mobile businesses (food trucks, mobile pet grooming, etc.): Use a custom map to show your regular spots or a weekly schedule map. Services like Google My Maps let you create and share custom maps with multiple pins and notes, which can be embedded just like a standard Maps embed.

For example, APX Trade Group — licensed electricians in Sydney serves clients across multiple Sydney suburbs. Rather than embedding a map to a single address, a service-area map showing their coverage zone (Inner West, Eastern Suburbs, North Shore) gives prospective clients an immediate answer to "do they come to me?"

Cost Comparison: Map Options for Your Website

Method	Cost	Technical Skill Required	Customisation	Best For
Free iframe embed	$0	None (copy & paste)	Low (zoom, size only)	Most small businesses
Platform map widget (Wix, Squarespace)	Included in platform plan ($16–$17/mo AU)	None	Low–Medium	DIY website builders
Google Maps JavaScript API (free tier)	$0 (up to ~28,000 loads/month)	Developer required	Very High	Custom or multi-location sites
Google Maps JavaScript API (paid)	~US$7 per 1,000 loads beyond free tier	Developer required	Very High	High-traffic or commercial map apps
Third-party map plugins (WordPress)	$0–$99/year (WP Google Maps, MapPress)	Low–Medium	Medium–High	WordPress sites needing more features

Industry-Specific Map Considerations

Different business types have different needs when it comes to maps. Here's what to focus on by industry.

Cafés and Hospitality

For food businesses, a map is non-negotiable — it's one of the first things a hungry person checks. Embed your map on both your homepage and your Contact page. Include your trading hours as HTML text directly above the map, because Google can extract that information for rich snippets. If you're taking sustainability seriously — as many modern cafés are, including those sourcing from suppliers like ZenPacks Australia — eco-friendly food packaging — your Contact page is also a good place to briefly mention your values, which builds the kind of brand trust that converts browsers into regulars. Websites for cafés and coffee shops need to answer three questions instantly: where are you, when are you open, and can I book — a map handles the first.

Hair Salons and Barbers

Clients booking a first appointment want to know parking availability and whether they can walk from nearby public transport. Consider adding a short note near your map: "Street parking available on [Street Name]" or "2 minutes from [Station Name] train station". These details reduce the anxiety of visiting somewhere new. Websites for hair salons and barbers should pair the map with a clear booking button immediately adjacent — the conversion journey is: see map, feel confident about location, book appointment.

Tradies and Contractors

As noted above, service-area maps are more useful than address maps for mobile trade businesses. Websites for tradies and contractors should focus the map on coverage area rather than a depot address. Include a text list of the suburbs you service beneath the map — this is both customer-useful and SEO-valuable, as each suburb name becomes a localised keyword on your page.

A Technical Detail Most Articles Miss: The `loading="lazy"` Attribute

Google's generated embed code includes loading="lazy" by default since 2021 — but older embed codes copied before that update don't include it. If you copied your embed code more than two years ago, open it and check. If loading="lazy" is absent, add it. This single attribute can improve your page's Largest Contentful Paint (LCP) score in Google Search Console by preventing the map iframe from blocking the initial page render. For a local business website where most traffic comes from mobile search, page speed directly affects both your Google ranking and your bounce rate.

While you're auditing your embed code, also verify the referrerpolicy="no-referrer-when-downgrade" attribute is present. This ensures the full referrer URL is passed to Google Maps when a user clicks through, which is required for the embed to function correctly on HTTPS pages. Omitting it can cause the map to fail to load in some browser privacy modes.

Frequently Asked Questions

Is embedding Google Maps on my website free?

Yes, completely. The standard iframe embed method — which is what 95% of small business websites use — is free with no usage limits and no Google account or API key required. The only scenario where you pay is if you're using the Google Maps JavaScript API and your map loads exceed approximately 28,000 per month (Google provides a US$200/month free credit). For context, a local business website with 5,000 monthly visitors, where maybe 20% visit the contact page, generates roughly 1,000 map loads per month — well within the free tier.

Do I need a Google Business Profile to embed a map?

No, but you should have one. You can embed a map showing any address or location — including one that has no claimed Google Business Profile. However, embedding your claimed Business Profile listing is far more valuable: the map shows your business name, star rating, trading hours, and photos when users hover or click. An unclaimed location pin shows none of this. Claiming your Google Business Profile is free and takes about 15 minutes to set up, with a verification postcard typically arriving within 5 business days in Australia.

Will adding Google Maps help my local SEO ranking?

Indirectly, yes. The embed itself isn't a direct ranking factor, but the practices around it are. Having your address as crawlable HTML text on the page, maintaining NAP consistency between your website and Google Business Profile, and implementing LocalBusiness schema markup all contribute to local search prominence. The map embed signals to both users and Google that you're a real business at a real location — which matters for trust and conversion even if it's not a mechanical ranking signal.

My map shows the wrong location. How do I fix it?

First, check whether your Google Business Profile listing has the correct address. Log into Google Business Profile and verify the address under "Business information". If the address there is wrong, correct it (updates typically take 24–72 hours to reflect in Maps). If your Business Profile address is correct but your embed is still wrong, you likely copied the embed code from the wrong listing — delete the embed and repeat the process from scratch, carefully confirming the pin is on your exact address before copying the code. If your business is in a building with multiple units and the pin sits on the street rather than the correct unit, you can report a pin correction via Google Maps (click on the map, select "Suggest an edit").

Can I customise the appearance of the embedded map?

With the free iframe embed, customisation is limited to zoom level and map size. For custom styling — removing competitor pins, matching your brand colour scheme, adding custom markers — you need the Google Maps JavaScript API with a Styled Maps implementation. This requires a developer and a Google Cloud account, but for most small businesses it's an unnecessary expense. A clean, well-sized standard map embed is more than adequate.

Should I add a map to every page or just the contact page?

For most businesses, the contact page and the homepage are sufficient. Adding a full interactive map to every page creates unnecessary page weight and rarely improves the user experience on content pages (like blog posts or service descriptions). The exception is if you have a dedicated location or "Find Us" page separate from your contact form — that page should absolutely have a map. On the homepage, consider a smaller map or a static map image (linked to Google Maps) rather than a full interactive embed, to keep your homepage load speed fast.

What's the difference between a Google Maps link and a Google Maps embed?

A Google Maps link (e.g., a URL like https://maps.google.com/?q=your+address) opens Google Maps in a new browser tab or the Google Maps app on mobile. It's useful for a "Get Directions" text link, but it takes the user away from your website. A Google Maps embed displays an interactive map directly on your page — the user never leaves your website. For most use cases, use an embed as the primary map and also provide a separate "Get Directions" text link (pointing to your Google Business Profile URL) for users who prefer opening the full Maps app, particularly on mobile.

Does a Google Maps embed slow down my website?

With the loading="lazy" attribute (included in Google's current embed code), the map only loads when the user scrolls to it — meaning it has zero impact on your above-the-fold load time. Without lazy loading, an iframe map can add 300–500ms to your page load, which is measurable in PageSpeed Insights. Always use the responsive wrapper and lazy loading. If you're still concerned about performance, an alternative approach is the "click to load" pattern: show a static map screenshot with an overlay button that says "Load map" — the interactive embed only initialises when clicked. This is a standard performance pattern used on high-traffic sites.

Checklist: Google Maps Embed Done Right

✅ Google Business Profile claimed and verified with correct address
✅ Embed copied from your claimed Business Profile listing (not a generic address pin)
✅ Responsive wrapper applied (no fixed pixel widths)
✅ loading="lazy" attribute present in iframe code
✅ referrerpolicy="no-referrer-when-downgrade" attribute present
✅ Address also written as visible HTML text on the same page
✅ NAP (name, address, phone) identical across website, Google Business Profile, and directories
✅ LocalBusiness schema markup implemented on the page
✅ "Get Directions" text link provided for mobile users
✅ Map tested on mobile at actual screen sizes (not just browser DevTools)
✅ Map placement is logical — Contact page, Homepage, or dedicated Find Us page

If you'd rather have a professional handle the setup — including schema markup, NAP consistency, and a fully optimised Contact page — weauto builds complete, professional websites for Australian businesses from $99 + GST, live in 5 business days.