Voeg een Google-kaart toe aan uw pagina

Om een interactieve Google-kaart toe te voegen aan uw HubSpot-pagina, kunt u de insluitingscode van de kaart kopiëren en toevoegen aan een HTML-module.

Let op: als u de kaart al had ingebed in een Google maps module, moet u eerst de oude module vervangen door een HTML module. Door wijzigingen in Google's API wordt deze module niet meer ondersteund.

Om een bestaande kaartmodule te ruilen voor een HTML-module:

• Download de HTML-module vande Marketplace.
• In uw HubSpot account navigeert u naar uw landingspagina's of websitepagina's.
• Ga met de muis over een pagina en klik op Bewerken.
• Klik op hettabblad Instellingen enselecteer vervolgensGeavanceerdeopties.
• Ga in de sectie Sjabloon met de muis over de miniatuur en klik opSjabloon bewerken.
• Klik op de bestaandekaartmodule omde module-editorte openen.
• Klik in de module editor aan de rechterkant op de module naam dropdownmenu en selecteer HTML module.
• Klik opVeranderingen publiceren.

Als u de HTML-module aan uw sjabloon moet toevoegen:

• In uw HubSpot account, navigeert u naar uw website pagina's of landingspagina's.
• Ga met de muis over een pagina en klik op Bewerken.
• Klik op hettabblad Instellingen enselecteervervolgensGeavanceerdeopties.
• Ga in de sectie Sjabloon met de muis over de miniatuur en klik opSjabloon bewerken.
• Klik in de sjabloon-editor, in de rechter zijbalk, op +Voeg toe.
• Gebruik de zoekbalk om de HTML-module te zoeken. Sleep de module naar een positie op uw sjabloon.
• Klik opVeranderingen publiceren.

Zodra de HTML-module aan uw sjabloon is toegevoegd, kunt u uw kaart aan uw pagina's toevoegen.

• Navigeer naarGoogle Maps.
• Gebruik de zoekbalk om uw adres te zoeken.
• Klik op Delenen selecteer vervolgens Embed amap.

• Pas de grootte aan en klik vervolgens op KopieerHTML.

• In HubSpot navigeert u naar een websitepagina of landingspagina.
• Ga met de muis over de pagina en klik op Bewerken.
• Klik op Edit.  Klik op Edit.&nbspin delinker zijbalk.
• Selecteer deHTMLmodule. Plak de HTML-code die u van Google maps hebt gekopieerd in het HTML-veld en klik vervolgens opOpslaan en naar de modulelijst gaan.

• Klik op Updatein derechterbovenhoek om uw wijzigingen live te bekijken.