{"id":1628,"date":"2019-03-15T22:31:43","date_gmt":"2019-03-15T22:31:43","guid":{"rendered":"https:\/\/viatrix.nl\/trainingen\/google-kaartje-aan-website-toevoegen\/"},"modified":"2021-11-25T12:23:48","modified_gmt":"2021-11-25T12:23:48","slug":"google-kaartje-aan-website-toevoegen","status":"publish","type":"post","link":"https:\/\/viatrix.nl\/trainingen\/google-kaartje-aan-website-toevoegen\/","title":{"rendered":"Google kaartje aan website toevoegen"},"content":{"rendered":"\n

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

Hoe doet u dat nu, zo’n kaartje op jouw website?
<\/strong>Daar gaat deze blog over.<\/p>\n\n\n\n

Het stappenplan is alsvolgt:<\/strong><\/p>\n\n\n\n

  1. Ga naar Google maps en navigeer naar het adres waarvan je de kaart wil laten zien.<\/li>
  2. Kopieer de “embed code”<\/li>
  3. Plaats deze embed code op de juiste manier op jouw website.
    Of doe het helemaal eenvoudig:<\/li>
  4. Kies voor het blok “kaart<\/strong>‘ (of “map”) <\/li>
  5. Vul het adres in<\/li>
  6. Bepaal de instellingen zoals zoom niveau in de rechter zijbalk.
    <\/li><\/ol>\n\n\n\n

    Stap 1: kaartje opzoeken<\/h3>\n\n\n\n

    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”

    <\/p>\n\n\n\n

    \"\"
    Google kaart delen of insluiten<\/figcaption><\/figure>\n\n\n\n

    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” <\/p>\n\n\n\n

    \"\"
    Een kaart insluiten<\/figcaption><\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    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.<\/strong> Ga nu naar jouw WordPress pagina of Widget waar je de kaart wilt invoegen.<\/p>\n\n\n\n

    Op de pagina (of bericht) waar je het kaartje wilt plaatsen kies je voor het HTML blok. Je plakt de embed code daarin.<\/p>\n\n\n\n

    \"\"
    Plak de embed code in het HTML blok<\/figcaption><\/figure>\n\n\n\n

    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. <\/p>\n\n\n\n

    Het resultaat:<\/h3>\n\n\n\n