- Stap 1 - Zoek de locatie op Google Maps
- Stap 2 - Klik op kaart delen of insluiten
- Stap 3 - Klik op Een kaart insluiten
- Stap 4 - Kies een formaat en kopieer HTML
- Stap 5 - Sleep in Website Builder de Code component naar de pagina
- Stap 6 - Plak de code
- Stap 7 - Instellingen aanpassen
- Stap 8 - Opslaan, bekijken en publiceren
In deze handleiding laten we u zien hoe u Google Maps kunt insluiten in uw Website Builder site met de code component.
Stap 1 - Zoek de locatie op Google Maps
- Open Google Maps in uw browser.
- Voer de locatie in die u in uw site wilt insluiten.
- Klik vervolgens op het Menu in de linkerbovenhoek.
Stap 2 - Klik op Delen of insluiten map
Klik in het geopende menu op Map delen of insluiten.
Stap 3 - Klik op Een kaart insluiten
In de Deel pop-up dat opent kunt u klikken op Een kaart insluiten.
Stap 4 - Kies een formaat en kopieer HTML
- De grootte van de ingesloten kaart is standaard 450 x 600. Klik op Medium in de linkerbovenhoek om iets anders te kiezen.
- Klik op HTML KOPIËREN als u klaar bent.
Stap 5 - Sleep in Website Builder de Code component naar de pagina
- Open Website Builder.
- Selecteer de pagina waar u de code wilt invoegen.
- Sleep de Code component in de werkruimte.
Stap 6 - Plak de code
- Plak de gekopieerde HTML code in de Code component.
- Klik op Opslaan.
Stap 7 - Instellingen aanpassen
U kunt nu de instellingen wijzigen om aan te passen hoe één en ander eruit zal zien in Website Builder en op uw site.
Klik op Instellingen om het zwevende menu voor de code component te openen.
- De grootte die u in de HTML-code hebt ingesteld, bepaalt de grootte van de kaart op uw site. We raden u aan hier dezelfde afmetingen toe te voegen, dit helpt u bij het plaatsen van de component op uw pagina.
- Klik op Code bewerken om de HTML-code die u heeft ingevoerd te wijzigen.
- Onder Plaatsing kunt u bepalen of het component voor de tag <head> of <body> moet worden geplaatst. Selecteer Normaal voor Google Maps.
- U kunt selecteren of u een component wilt verbergen in Mobiele weergave of helemaal naar beneden verplaatsen.
- Voer een titel in voor het component, zodat u het kunt herkennen in Website Builder. De titel is niet zichtbaar op uw site.
Stap 8 - Opslaan, bekijken en publiceren
- Als u klaar bent, klikt u op Opslaan.
- Klik op Voorbeeld om te zien hoe het eruit zal zien.
- Als u tevreden bent met het resultaat, klikt u op Publiceren om de kaart beschikbaar te maken op uw site.
Gerelateerde artikelen: