Het belang van het toevoegen van Google Maps aan je webshop

Eva Rouwenhorst

Door Eva Rouwenhorst op 2 oktober 2024 | 3 minuten leestijd |

Het hebben van een sterke online aanwezigheid is voor webshopeigenaren een must, maar sta je er wel eens bij stil dat het net zo belangrijk is om de verbinding met de fysieke wereld niet te verliezen? Een eenvoudige manier om dit te bereiken is door een Google Maps kaart met je locatie toe te voegen aan je webshop pagina('s). Dit biedt verschillende voordelen voor zowel online bezoekers als fysieke shoppers, waarover we je meer vertellen in dit blog.

Voordelen voor zowel online als fysieke bezoekers

  1. Betere vindbaarheid: Een Google Maps kaartje maakt het voor bezoekers eenvoudig om je fysieke locatie te vinden. Dit is vooral handig als je een fysieke winkel of een afhaalpunt hebt waar klanten hun online bestellingen kunnen ophalen.
  2. Betrouwbaarheid: Het tonen van een fysieke locatie op je website kan bijdragen aan het vertrouwen van je klanten. Het laat zien dat je een echt, gevestigd bedrijf bent en niet slechts een anonieme online entiteit die misschien niet bestaat.
  3. Gebruiksvriendelijkheid: Een kaartje met je locatie maakt je webshop gebruiksvriendelijker. Klanten hoeven niet zelf naar Google Maps te navigeren en daar te zoeken naar je adres, maar kunnen direct een route plannen via de kaart op je webshop.
  4. Extra informatie: Via Google Maps kunnen klanten aanvullende informatie krijgen over jouw webshop indien je ook een fysiek afhaal- of verkooppunt hebt, zoals openingstijden, parkeerfaciliteiten en klantbeoordelingen, wat hen kan helpen bij hun beslissing om je winkel te bezoeken.

Hoe voeg je een Google Maps kaartje toe met HTML?

Het toevoegen van een Google Maps kaartje aan je webshop is een relatief eenvoudig proces. Hier is een stap-voor-stap handleiding:

1. Ga naar Google Maps: Bezoek Google Maps via https://www.google.nl/maps en typ het adres in van jouw (web)winkel.

2. Genereer de embed code:

    • Klik op de deelknop (het pictogram van een ketting).
  • Selecteer 'Een kaart insluiten'
  • Klik op ‘HTML kopiëren’ om de gehele code te genereren.

3. Voeg de embed code toe aan je webshop:

  • Ga in de onderhoudstool van je webshop naar Startpunt > Mijn webshop > Mijn pagina’s.
  • Klik bij de pagina waarop je de Google Maps kaart wilt tonen op ‘Inhoud wijzigen’.
  • Klik op ‘Voeg element toe’ rechts bovenin.
  • Voeg het element ‘Tekstelement’ toe en klik op ‘Toepassen’.
  • Klik op ‘Wijzig element’ bij het zojuist door jou toegevoegde nieuwe tekstelement.
  • Klik op het symbooltje ‘Broncode’.
  • Plak nu de HTML-code die je vanaf Google Maps hebt gekopieerd.
  • Pas in de code eventueel de grootte van de kaart aan door bij ‘width’ en ‘height’ 100% in te vullen in plaats van de getallen die er staan.
  • Klik op ‘Toepassen’.
  • Controleer op jouw webshop of de Google Maps kaart naar wens wordt getoond. Indien dit niet het geval is, pas dan de ‘width’ en ‘height’ verder aan totdat de weergave naar wens is.
  • Herhaal deze stappen bij iedere pagina binnen je webshop waarop je de Google Maps kaart wilt tonen. Wil je Maps op alle pagina’s tonen? Dan is het handiger om de HTML code eenmalig in de footer van je webshop te plaatsen waarna hij automatisch overal wordt getoond.

Hier is een voorbeeld van hoe de HTML-code eruit kan zien:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4886.074089239048!2d6.762292894842868!3d52.24271078450601!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47b80de565a0c673%3A0x45013f0a5dbf9bcd!2sDiamantstraat%203%2C%207554%20TA%20Hengelo!5e0!3m2!1snl!2snl!4v1715154197830!5m2!1snl!2snl" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

Conclusie

Het toevoegen van een Google Maps kaart aan je webshop pagina('s) is een waardevolle toevoeging die zowel online als fysieke een meerwaarde kan vormen voor klanten. Het verhoogt de vindbaarheid, betrouwbaarheid en gebruiksvriendelijkheid van je webshop en kan bijdragen aan meer verkeer naar je fysieke winkel. Het proces om dit te doen is eenvoudig en kan een grote impact hebben op de algehele klantervaring. Neem dus vooral even de tijd om een Google Maps kaart te integreren!

Eva Rouwenhorst

Eva Rouwenhorst
Eva Rouwenhorst werkt als communicatieadviseur bij CCV Shop. Haar passie voor heldere teksten en e-commerce gaan hierbij hand in hand.