Een Google Map toevoegen aan HubSpot-inhoud

Voeg een interactieve Google Map toe aan HubSpot-inhoud door de insluitcode van de kaart te kopiëren en deze in een rijke tekstmodule in te voegen. Deze methode werkt in de inhoudseditor en in sjablonen die rich text modules ondersteunen.

Voordat je begint

Bekijk de volgende vereisten en overwegingen voordat je een Google Map toevoegt aan je HubSpot-inhoud.

Begrijp beperkingen en overwegingen

• Embedded Google Maps worden beheerd door Google. Het weergavegedrag, de styling en functionaliteit zijn afhankelijk van de insluitingsinstellingen van Google.

De insluitcode van de Google-kaart ophalen

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

4. Klik in het dialoogvenster op het tabblad Een kaart insluiten .
5. Klik op het vervolgkeuzemenu Kaartgrootte en selecteer een grootte.
6. Klik op HTML kopiëren om de insluitcode van de kaart te kopiëren.

Een Google Map toevoegen in de inhoudseditor

1. Navigeer naar je inhoud:

   • Blog: Ga in je HubSpot-account naar Inhoud > Blog.
   • Website Pagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
   • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
2. Klik op de naam van uw inhoud.
3. Klik in de inhoudseditor op het pictogram add Toevoegen in de linker zijbalk.
4. Klik op om de sectie Tekst uit te vouwen, klik vervolgens op de module Rijke tekst en sleep deze naar de juiste positie.
5. Klik in de werkbalk Rijke tekst op het vervolgkeuzemenu Geavanceerd en selecteer Broncode.
6. Plak in het dialoogvenster de insluitcode van de kaart en klik op Opslaan.

7. Klik rechtsboven op Publiceren of Bijwerken om je wijzigingen live te zetten.

Een Google Map toevoegen aan een sjabloon

Als uw sjabloon met slepen en neerzetten of gecodeerde sjabloon geen rich text-module bevat, voeg er dan een toe in de Design Manager. Bewerk na het publiceren van de sjabloon de rijke tekstmodule in de inhoudseditor.

Een rijke tekstmodule toevoegen aan een sjabloon met slepen en neerzetten

Voeg een rijke tekstmodule toe aan een sjabloon voor slepen en neerzetten zodat de Google Map kan worden toegevoegd in de inhoudseditor. Meer informatie over het gebruik van modules in sjablonen voor slepen en neerzetten.

1. Navigeer naar uw inhoud:

   • Blog: Ga in je HubSpot-account naar Inhoud > Blog.
   • Website Pagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
   • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
2. Klik op de naam van uw inhoud.
3. Klik op het menu Instellingen en selecteer Sjabloon.
4. Klik op Deze sjabloon bewerken. Je komt nu in de Design Manager.
5. Klik op + Toevoegen in de inspecteur.
6. Voer in de zoekbalk rich text in.

7. Klik op de rich text-module en sleep deze naar de juiste positie op je sjabloon.
8. Klik rechtsboven op Wijzigingen publiceren.
9. Ga verder met het toevoegen van de Google Map in de inhoudseditor.

Een rijke tekstmodule toevoegen aan een gecodeerd sjabloon

Voeg een rijke-tekstmodule toe aan een gecodeerd sjabloon zodat de Google Map kan worden toegevoegd in de inhoudseditor. Meer informatie over het gebruik van modules in gecodeerde sjablonen.

1. Navigeer naar uw inhoud:
   • Blog: Ga in je HubSpot-account naar Inhoud > Blog.
   • Website Pagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
   • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
2. Klik op de naam van uw inhoud.
3. Klik op het menu Instellingen en selecteer Sjabloon.
4. Klik op Bewerk deze sjabloon.
5. Voeg in de code-editor de Rich text-module toe waar de kaart moet verschijnen. Bijvoorbeeld:

{% module
"map_embed"
path="@hubspot/rich_text"
label="Google Map" %}

6. Klik rechtsboven op Wijzigingen publiceren.
7. Ga verder met het toevoegen van de Google Map in de rich text module.