Voeg Google Maps toe aan je WordPress website zonder API

Google maps voorbeeld

Wie al eens Google Maps toegevoegd heeft aan een WordPress website, weet dat dit een omslachtig proces kan zijn. Eerst moet je de juiste API key genereren via Google, en dan pas kan je deze gebruiken in je WordPress website. Maar het kan eigenlijk ook veel eenvoudige, zonder API key. In deze blogpost leg ik je uit hoe je dit zelf kan doen in circa 5 minuten.

Stap 1: Open Google Maps en vind het juiste adres

Zoek het adres op in Google Maps

Geef bovenaan links eerst en vooral het juiste adres in in Google Maps.

Stap 2: Kopieer het juiste stukje code

Google Maps delen

Klik op de knop “DELEN”. Vervolgens klik je op “Een kaart insluiten” en kopieer je de code via de link “HTML KOPIËREN”:

Google Maps html kopiëren

Stap 3: Embed deze code in je website

Klik in de Wysywig-editor eerst op het tabje “Tekst” rechts boven het venster waar je je tekst schrijft. Plak hier de gekopieerde code in.

Heb je een visuele editor zoals WPBakery Page Builder (dit is een betalende plugin die je vaak gratis krijgt bij een betalende layout), dan moet je eerst een blokje html toevoegen op je pagina, en daar de html-code in plakken.

 

Stap 4: Wijzig de afmetingen indien nodig

Google Maps wijziging afmetingen

Wijzig indien nodig de breedte (width) en hoogte (height) van de kaart.

Stap 5: Controleer het resultaat

Controleer uiteindelijk hoe de kaart er uit ziet op je website:

Klik hier om hieronder een reactie achter te laten

Laat een reactie achter: