Google Maps embedding and optimisation on Wix pages

Embedding a Google Map on your Wix contact page or location pages sends a local relevance signal to Google and helps customers find you. But a poorly implemented map can add 500KB+ of JavaScript to your page and tank your Core Web Vitals. This lesson shows you the right way to do it.

Three Ways to Add Maps to Wix

• Wix Google Maps app: easiest to add, moderate performance impact, limited customisation
• HTML embed with Google Maps iframe: more control, can be lazy-loaded for better performance
• Static map image with link: best performance, no JavaScript cost, user clicks to interact

Lazy Loading Maps for Performance

The best approach for Core Web Vitals is to show a static map image initially and only load the interactive Google Map when the user scrolls to it or clicks on it. This eliminates the JavaScript cost from your initial page load. On Wix, you can achieve this with an HTML embed element that uses the loading="lazy" attribute on the iframe.

Connecting Your Map to GBP

When embedding a Google Map, use your Google Business Profile's exact share URL rather than a generic coordinates pin. This creates a direct connection between your embedded map and your verified business listing, reinforcing local signals.

Complete How-To Guide: Embedding and Optimising Google Maps on Wix

Follow this step-by-step guide to embed Google Maps on your Wix site in a way that reinforces local SEO signals while keeping your Core Web Vitals scores healthy.

Follow these steps to embed and optimise Google Maps on your Wix pages

• Open Google Maps in your browser and search for your exact business name as it appears on your Google Business Profile
• Click the Share button on your GBP listing and select the Embed a map tab to generate the iframe embed code
• Copy the full iframe HTML code provided by Google Maps
• In the Wix Editor open the page where you want to add the map such as your contact page or a location landing page
• Add an HTML Embed element (also called Custom Element) from the Add panel in the Wix Editor and paste the Google Maps iframe code
• Add loading="lazy" to the iframe tag so the map only loads when users scroll to it which protects your page speed score
• Resize the embed element to fit your page layout and ensure it displays correctly on both desktop and mobile breakpoints
• For multiple business locations create a custom Google My Maps with all your location pins and embed that single map on your main locations page
• On each individual location page embed the specific GBP share link for that location rather than a generic coordinates pin
• Add a clickable text link below the map saying Get Directions that links to the Google Maps directions URL for your business
• Test your page speed after adding the map by running the page through Google PageSpeed Insights and confirm your LCP score has not dropped significantly
• Add the map embed to every location-specific landing page on your Wix site not just the main contact page
• Verify that the embedded map name and address exactly match your Google Business Profile listing details to reinforce NAP consistency