Kort antwoord
Gebruik de Google Maps widget in Elementor. Vul je adres in en stel zoom, hoogte en styling in. Je kunt ook een custom marker toevoegen.
Inhoudsopgave
Google Maps widget
Sleep de Google Maps widget naar je pagina. Vul het adres in en de kaart wordt automatisch geladen met een marker op die locatie.
Instellingen
Stel het zoomniveau in (10-20), de hoogte van de kaart en eventueel een custom markerafbeelding.
API key
Google Maps vereist een API key voor geavanceerde functies. Ga naar Elementor > Instellingen > Integraties en vul je Google Maps API key in.
Waar je op moet letten
Controleer of het adres dat je invult exact overeenkomt met je vestiging op Google Maps zelf, anders wijst de marker naar de verkeerde locatie. Test de kaart ook op mobiel, want daar wordt vaak op de kaart getikt om de navigatie-app te openen.
Alternatief zonder API key
Wil je geen API key aanvragen, dan kun je ook een kaart insluiten via de HTML widget met een embed-code die je rechtstreeks bij Google Maps zelf ophaalt onder 'Delen' > 'Kaart insluiten'. Dit werkt eenvoudiger, maar biedt minder mogelijkheden om de stijl van de kaart aan te passen dan de native Google Maps widget van Elementor.
Onderhoud en controle
Werk je aan Google Maps en kaart en locatie en embed op een website die je zelf beheert, houd dan bij welke wijzigingen je doorvoert en wanneer. Zo kun je bij problemen makkelijker terugvinden wat er is aangepast. Bij een website van MADA Tech noteren wij dit soort wijzigingen ook in ons eigen systeem, zodat je aanspreekpunt precies weet wat er is gebeurd als je vragen hebt.
Verstandig plannen
Heb je nog geen API key, vraag deze op tijd aan bij Google: dit proces kan een paar dagen duren. Zonder geldige key kan de kaart in het geheel niet laden, terwijl de rest van je pagina gewoon zichtbaar blijft.
Meerdere vestigingen tonen
Heb je meerdere vestigingen, gebruik dan per vestiging een aparte Google Maps widget met het juiste adres, in plaats van te proberen alle locaties in één kaart te tonen. Zo blijft voor de bezoeker duidelijk welke marker bij welke vestiging hoort.
Kaart laten passen bij je huisstijl
Onder Stijl kun je bij sommige instellingen de kleuren van de kaart aanpassen, zodat wegen, water en gebouwen beter aansluiten bij je huisstijl. Overdrijf hier niet mee: een kaart moet vooral duidelijk en herkenbaar blijven voor de bezoeker die de weg zoekt.
Volgende stap
Wil je niet zelf in Elementor blijven puzzelen? Bij managed hosting van MADA Tech maken of passen wij pagina's op verzoek voor je aan.
Managed WordPress hostingZie ook
Danny van Elteren
Lead Developer & oprichter · 24 februari 2026
Wanneer MADA Tech inschakelen?
- Je wilt het niet zelf doen of komt er niet uit
- Je wilt het in een keer goed laten regelen
- Je wilt doorlopend beheer en support
- Je wilt hulp met elementor
Web- en marketingbureau in Assen, sinds 2023. Websites, webshops, software, SEO en beheer voor bedrijven en organisaties in heel Nederland. Websites vanaf €699 of €65 per maand inclusief managed hosting en basis SEO.
Hulp nodig?
Wij helpen je graag verder met persoonlijk advies. Professionele websites vanaf €699 of €65 per maand inclusief beheer.
Gerelateerd