Een locatie toevoegen aan je website door middel van Google maps is niet alleen handig maar ziet er ook nog eens mooi uit! Lees hieronder hoe je dit in 5 simpele stappen kan doen.

Ga naar maps.google.com en voer het adres in dat je wilt gebruiken, als voorbeeld heb ik het adres van Bureau Bold gebruikt.

blog how to google maps locatie

 

Ga naar rechtsonder op de pagina en klik op het ‘Tandwiel’.

 

google maps embedden wordpress

Klik vervolgens op ‘Kaart delen en insluiten’.

In de pop-up klik je op ‘Kaart insluiten’. Kopieer de iframe code voor je Google maps embedding.

Screenshot 2014-06-06 12.27.07

Deze Google maps code plaats je vervolgens in je pagina of bericht in WordPress.

Bij het plaatsen van het iframe is het belangrijk dat je de tekst modus selecteert¬†voordat je de link plakt. Om deze modus in te schakelen kun je rechts op “Tekst” klikken, hieronder in rood aangegeven.

 

tekstmodus

 

Tekst modus geselecteerd? Kies vervolgens de plek waar je je iframe wilt, door je cursor hier te plaatsen, hierna kan je de link plakken..

 

plakdelink

 

..en is het iframe/ ‘de Google Map’ te zien op je website!

Picture 2

 

—– ¬†extra tip —

Als je wilt dat je tekst rechts naast het Iframe komt. Voeg dan align=”left” toe aan het iframe. Zie hieronder het voorbeeld.

Screenshot 2014-06-06 12.40.37

Wil je vervolgens ook dat er een beetje witruimte komt tussen het iframe en de tekst, voeg dan style=”margin-right:5px;” toe aan het iframe (zie hieronder)

google maps iframe embed margin witruimte

Zoals je ziet kun je ook de width en height aanpassen zodat het iframe kleiner wordt.

Zie hieronder het resultaat van hoe je een Google maps in je website kunt zetten met tekst ernaast.

Donec elit libero, Dit is neptekst sodales nec, volutpat a, suscipit non, turpis. Curabitur ullamcorper ultricies nisi.

Goed WordPress Thema voor SEO & super handig

Divi theme