IN DEZE HANDLEIDING:
Handmatig een Google Map toevoegen in WordPress
Hoe kun je een Google Maps kaart toevoegen aan je WordPress website? In deze handleiding laten we zien hoe je eenvoudig een Google kaartje in je website zet. Dit is mogelijk met of zonder WordPress plugin.
Tijdsduur handleiding: 2-5 minuten
Dit is de meest simpele methode en werkt altijd. En dit zonder gebruik te maken van een plugin of een Google API code. Je kan op deze manier een Google Maps kaartje in een pagina of bericht plaatsen maar ook in je sidebar met behulp van de HTML-widget.
Stap 1: Ga naar Google Maps
Ga naar Google Maps en typ het adres in van de locatie die je wilt weergeven of zoek naar een locatie. Dit kan ook een bedrijfsnaam zijn. In dit voorbeeld gebruiken we CabFab, het voormalige Caballero fabrieksterrein waar we gevestigd zijn en WordPress cursussen in Den Haag geven.
Stap 2: Klik op knop ‘Delen’
Zodra je de locatie hebt gevonden, klik je op de knop ‘Delen’ of ‘Share.
Stap 3: Kopieer de iframe-code
Je krijgt nu een pop-up scherm. Hierin wordt de code weergegeven die je in je WordPress website dient te plaatsen. Deze code begint altijd met een haakje en dan iFrame. Kopieer de iframe-code of klik eventueel nog op ‘Aanpassen’ om het ontwerp en formaat van de kaart op je site verder aan te passen.
Stap 4: Plak de code op je pagina
Ga naar je eigen WordPress-website en plak de code in een bericht of pagina. De code ziet er ongeveer uit:
<br>
<iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2452.791095782833!2d4.343352915790578!3d52.0653273797307!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c5b6559100d279%3A0xb1b6aeeb06dc0115!2sHuurdersvereniging+%22Caballero+Fabriek%22!5e0!3m2!1snl!2sbe!4v1537874740668" width="600" height="450" frameborder="0" allowfullscreen="allowfullscreen"></iframe><br>Je kan het ook testen met de bovenstaande code. Sla je bericht of pagina op en check je Google Maps kaart op je site. Klaar. Enjoy!
Google Maps kaart toevoegen met een WordPress plug-in
Tijdsduur: 15-30 minuten
De eerste methode werkt prima. Als kaarten een belangrijke rol spelen voor je site en je vaker kaarten in je berichten moet plaatsen, raden we je aan een plug-in te gebruiken. Voordeel is ook dat je bijvoorbeeld het ikoontje van je locatie kan aanpassen, bijvoorbeeld het logo van je organisatie. Er zijn ontzettend veel plugins op de markt. De meest uitgebreide is de Advanced Google Maps WordPress Plugin. Voor eenvoudige toepassingen kun je de MapPress Easy Google Maps WordPress plug-in gebruiken. In deze handleiding laten we hieronder even MapPress zien.
Google Map generator
Tegenwoordig in 2025 gebruik ik vooral een Google Map generator. Dit vind ik de beste Google Map generator om een kaartje te maken:
www.maps.ie/create-google-map/
Vooral de zoom functie vind ik heel handig.
Je kan dan ook het precies de locatie bepalen met coördinaten:
www.maps.ie/coordinates.html
Google Map maken MapPress Google Maps plugin
Volg de volgende stappen:
- Installeer en activeer de plugin. Zie eventueel handleidingen over hoe een WordPress plugin te installeren:
Waarom kan ik geen WordPress plugin installeren?
IN DEZE HANDLEIDING:1 Waarom kan geen WordPress plugin installeren?2 Uw gebruiker heeft niet genoeg rechten in WordPress3 Er is een probleem met de geheugenbeperking4 De bestandsrechten zijn verkeerd5 U gebruikt WordPress.com en niet eigen webhosting Waarom kan geen WordPress plugin installeren? Een vraag die met enige regelmaat gesteld wordt is […]
WordPress plugin installeren handleiding voor beginners
In deze stap voor stap handleiding, leer je hoe je een WordPress plugin installeert in je WordPress website. Via WordPress dashboard of handmatig via FTP.
Betaalde WP plugins & thema kopen installeren activeren
Als je een betaald WordPress thema of plugin hebt gekocht dan dien je deze te registreren. Lees deze handleiding over installatie activatie en registratie.
- Bewerk een bericht / pagina waar je de kaart wilt toevoegen.
- Scroll omlaag naar MapPress-sectie op uw bewerkingsscherm en klik op de knop Nieuwe kaart.
- Je kan hier een nieuwe kaart aanmaken
- Voeg de kaart in op je pagina
Succes!