Landing Pages

Voeg een Google-kaart toe aan uw pagina

Laatst bijgewerkt: oktober 19, 2020

Geldt voor:

Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Legacy Marketing Hub Basic

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.existing%20map%20
  • 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.add%20the%20html

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.

search-for-address-in-google-maps-

  • Pas de grootte aan en klik vervolgens op KopieerHTML.copy-html
  • 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.

paste-the-html-code

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