Google kaartje plaatsen Wordpress

Google kaartje aan website toevoegen

Je kent ze wel… een website waar je op de contactpagina een google kaartje ziet staan bij het adres. Best handig als je klanten hebt die naar jouw locatie willen komen. Want bezoekers kunnen via jouw website direct op ROUTE klikken en dan navigeren naar het adres.

Hoe doe je dat nu, zo’n kaartje op jouw website?
Daar gaat deze blog over.

Het stappenplan is alsvolgt:

  1. Ga naar Google maps en navigeer naar het adres waarvan je de kaart wil laten zien.
  2. Kopieer de “embed code”
  3. Plaats deze embed code op de juiste manier op jouw website.

Stap 1: kaartje opzoeken

Ga naar maps.google.com en type het adres in.
Sleep de kaart (jouw adres) goed in beeld en klik op in- of uitzoemen om het goed te laten zien.
Klik links bovenin naast het adres op de “hamburger-streepjes”
Kies hierna voor “Kaart delen of Insluiten”

Google kaart delen of insluiten

De volgende stap is het verkrijgen van de embed code.
Als je klikt op Kaart delen of insluiten komt er een pop-up.
Kies hier voor “Kaart insluiten”

Een kaart insluiten

Nadat je gekozen hebt voor Kaart insluiten (of embedden) Kan je de z.g embed code krijgen door deze te kopieren. Klik daarom op HTML kopieren. Ga nu naar jouw WordPress pagina of Widget waar je de kaart wilt invoegen.

Op de pagina (of bericht) waar je het kaartje wilt plaatsen kies je voor het HTML blok. Je plakt de embed code daarin.

Plak de embed code in het HTML blok

Eventueel kan je de afmetingen van het kaartje nog iets aanpassen door het getal van de width=”600″ en height=”450″ iets aan te passen.
Een width van 100% laat het kaartje altijd in volle breedte zien (responsive)
Een lager getal bij de height resulteert in een lager kaartje.

Het resultaat:

Vergelijkbare berichten

Formulier maken met ContactForm 7

Contact Form 7 is één van de meest gebruikte WordPress-plugins voor het maken van contactformulieren. De plugin is gratis en

Hoe maak je linken in een bericht of pagina?

Om je bezoekers te helpen gemakkelijk door je site te navigeren, of om bezoekers iets te laten doen kan je

Tip voor een thema: ASTRA

Het hema ASTRA is een relatief nieuw thema. Waarom ik het hier noem heeft de volgende redenen: Astra beschikt over

Een eigen testomgeving maken op jouw eigen PC of Mac

Wil je zelf dingen uitproberen met WordPress? Dan kan je met wat extra stappen ook WordPress installeren op jouw eigen