Google Maps integreren in Sitebuilder website

Een interactieve kaart op je website helpt bezoekers je locatie te vinden en wekt vertrouwen. Met Google Maps integratie in Sitebuilder toon je eenvoudig je adres, routebeschrijving en openingstijden op een professionele manier.

Waarom Google Maps toevoegen

Een kaart op je website biedt veel voordelen:

  • Bezoekers vinden makkelijker de weg naar je locatie
  • Het versterkt de lokale vindbaarheid in Google
  • Professionele uitstraling voor bedrijven met fysieke locatie
  • Klanten kunnen direct een route plannen
  • Meerdere locaties tonen op een kaart (handig voor ketens)

Kaart toevoegen aan je website

Stap 1: Kaartblok plaatsen

  1. Open de pagina waar je de kaart wilt tonen
  2. Klik op het plus-icoon om een element toe te voegen
  3. Zoek naar Kaart of Google Maps in de elementen
  4. Sleep het kaartblok naar de gewenste positie

Stap 2: Locatie instellen

  1. Klik op het kaartblok
  2. Open de Instellingen
  3. Vul je adres in:
    • Straatnaam en huisnummer
    • Postcode
    • Plaatsnaam
  4. Klik op Zoeken om de locatie te vinden
  5. Controleer of de pin op de juiste plek staat

Stap 3: Kaartweergave aanpassen

Pas het uiterlijk aan je website aan:

Zoomniveau

  • Kies hoe ver ingezoomd de kaart start
  • Dichtbij (straatniveau) of verder weg (stadsniveau)

Kaarttype

  • Wegenkaart: Standaard stratenkaart
  • Satelliet: Luchtfotos
  • Terrein: Hoogtelijnen en natuurelementen
  • Hybride: Satelliet met straatnamen

Marker aanpassen

De standaard rode marker kun je personaliseren om op te vallen.

Aangepaste marker uploaden

  1. Selecteer de kaart
  2. Ga naar Marker instellingen
  3. Klik op Eigen marker uploaden
  4. Upload je logo of icoon (PNG aanbevolen)
  5. Pas de grootte aan

Marker info-venster

Voeg informatie toe die verschijnt bij klikken op de marker:

  1. Klik op Info-venster bewerken
  2. Voeg toe:
    • Bedrijfsnaam
    • Adres
    • Telefoonnummer
    • Openingstijden
    • Link naar routebeschrijving
  3. Style het venster naar wens

Geavanceerde opties

Meerdere locaties tonen

Heb je meerdere vestigingen? Toon ze allemaal op een kaart:

  1. Selecteer de kaart
  2. Klik op Locatie toevoegen
  3. Vul het tweede adres in
  4. Herhaal voor alle locaties
  5. De kaart zoomt automatisch om alle pins te tonen

Routebeschrijving toevoegen

Maak het makkelijk om naar je toe te komen:

  1. Voeg een Route knop toe onder de kaart
  2. Link naar Google Maps met je adres
  3. Bezoekers kunnen direct navigeren vanuit hun locatie

Kaart styling

Pas kleuren aan zodat de kaart bij je website past:

  1. Ga naar Geavanceerde instellingen
  2. Selecteer een Kaartstijl:
    • Standaard (kleurrijk)
    • Zilver (subtiel grijs)
    • Donker (voor donkere websites)
    • Retro (vintage look)
  3. Of maak een volledig aangepaste stijl

API-sleutel instellen

Voor geavanceerde functies is een Google Maps API-sleutel nodig.

API-sleutel aanvragen

  1. Ga naar Google Cloud Console
  2. Maak een nieuw project aan
  3. Schakel de Maps JavaScript API in
  4. Maak een API-sleutel aan
  5. Beperk de sleutel tot je domein voor veiligheid

API-sleutel koppelen

  1. Ga naar Sitebuilder instellingen
  2. Navigeer naar Integraties
  3. Plak je API-sleutel bij Google Maps
  4. Sla op en test de kaart

Kaart op contactpagina

De meest voorkomende plek voor een kaart is de contactpagina. Zo maak je een effectieve contactpagina:

Layout suggestie

  1. Voeg een twee-kolom layout toe
  2. Plaats contactgegevens links
  3. Plaats de kaart rechts
  4. Voeg een contactformulier eronder toe

Contactgegevens naast kaart

Toon naast de kaart:

  • Volledig adres
  • Telefoonnummer (klikbaar op mobiel)
  • E-mailadres
  • Openingstijden
  • Social media links

SEO en lokale vindbaarheid

Een kaart helpt niet alleen bezoekers, maar ook je positie in lokale zoekresultaten.

LocalBusiness schema

Voeg gestructureerde data toe:

  1. Ga naar SEO instellingen
  2. Schakel LocalBusiness markup in
  3. Vul alle bedrijfsgegevens in
  4. Google begrijpt je locatie beter

Google Mijn Bedrijf

Combineer je kaart met een Google Mijn Bedrijf profiel:

  1. Claim je bedrijf in Google Mijn Bedrijf
  2. Voeg dezelfde gegevens toe als op je website
  3. Je verschijnt in lokale zoekresultaten en Google Maps

Mobiele optimalisatie

Controleer of je kaart goed werkt op mobiele apparaten:

Touch interactie

  • Gebruikers kunnen inzoomen door te knijpen
  • Scrollen op de pagina blijft werken
  • Eén vinger versleept de kaart niet per ongeluk

Responsieve grootte

  1. Test de kaart op verschillende schermformaten
  2. Pas de hoogte aan voor mobiel indien nodig
  3. Overweeg een kleinere kaart op telefoons

Veelvoorkomende problemen

Kaart laadt niet

Controleer:

  • Is je API-sleutel correct?
  • Heb je de juiste APIs ingeschakeld?
  • Is je domein toegestaan in de API-instellingen?

Verkeerde locatie

  • Controleer het adres op typefouten
  • Voeg postcode toe voor precisie
  • Verplaats de pin handmatig indien nodig

Langzame laadtijd

  • Laad de kaart pas als deze in beeld komt
  • Gebruik een statische kaartafbeelding als alternatief
  • Beperk het aantal markers

Gerelateerde artikelen

Hulp nodig?

We staan voor je klaar! Loop je ergens tegenaan of heb je vragen? Ons supportteam helpt je graag persoonlijk verder. Stuur ons een berichtje via het ticketsysteem - we reageren meestal binnen een paar uur en denken graag met je mee.