Een Google Map toevoegen aan HubSpot-content

Om een interactieve Google Map aan je HubSpot-inhoud toe te voegen, kun je de insluitingscode van de kaart kopiëren en aan een HTML-module toevoegen.

De insluitcode van de Google Map ophalen

• Navigeer naar Google Maps.
• Voer in de zoekbalk een adres in.
• Klik in de lijst met adressen op Delen.

• Klik in het dialoogvenster op het tabblad Een kaart insluiten .
• Klik op het keuzemenu Kaartgrootte en selecteer een grootte.
• Klik op Copy HTML om de insluitingscode van de kaart te kopiëren.

Voeg een Google Map toe in de sleep-en neerzet editor

• Klik in uw HubSpot-account op de marktplaatspictogram marketplace in de hoofdnavigatiebalk en selecteer vervolgens Asset-marktplaats.
• Klik op het tabblad Modules.
• Voer in de zoekbalk HTML in.
• Klik op de module HTML.
• Klik rechtsboven op Ontvang module gratis. Het kan enkele minuten duren voordat de installatie van de module voltooid is.

• Wanneer de module klaar is met installeren, navigeer je naar je inhoud:

  • Blog: Navigeer in uw HubSpot account naar Marketing > Website > Blog.
  • Website Pagina's: Navigeer in uw HubSpot-account naar Marketing > Website > Websitepagina's.
  • Landingspagina's: Navigeer in uw HubSpot-account naar Marketing > Landingspagina's.
• Ga met de muis over uw inhoud en klik op Bewerken.
• Voer in de inhoudseditor HTML in de zoekbalk van de zijbalkeditor in.
• Klik op de HTML-module en sleep deze in de inhoud.

• Klik op de HTML-module om deze te bewerken.
• Plak de insluitingscode voor uw Google Map in de zijbalkeditor.

Een Google Map toevoegen aan inhoud zonder sleepgebied

Als uw inhoud geen sleepgebied heeft, moet u de HTML-module rechtstreeks aan de sjabloon toevoegen en vervolgens de HTML-module bewerken in de inhoudseditor.

Een HTML-module aan een sjabloon toevoegen

• Wanneer de module is geïnstalleerd, navigeert u naar uw inhoud:

  • Blog: Navigeer in uw HubSpot account naar Marketing > Website > Blog.
  • Website Pagina's: Navigeer in uw HubSpot-account naar Marketing > Website > Websitepagina's.
  • Landingspagina's: Navigeer in uw HubSpot-account naar Marketing > Landingspagina's.

• Ga met de muis over uw inhoud en klik op Bewerken.
• Klik op het tabblad Instellingen en vervolgens op Geavanceerde opties.
• Klik in de sectieSjabloon op Deze sjabloon bewerken.
• Klik in de ontwerpmanager op + Toevoegen in de inspecteur.
• Voer in de zoekbalk HTML in.
• Klik op deHTML-module en sleep deze in de sjabloon.

• Klik rechtsboven op Wijzigingen publiceren.

Voeg de insluitingscode in de HTML-module in

• Navigeer in je HubSpot-accountnaar je blog, websitepagina's of landingspagina's.
• Ga met de muis over je inhoud en klik op Bewerken.
• Klik in de inhoudseditor op de HTML-module.
• Plak in de zijbalkeditor de insluitcode voor je Google Map.