Lägg till en Google Map i HubSpot-innehåll

Lägg till en interaktiv Google Map i HubSpot-innehåll genom att kopiera kartans inbäddningskod och infoga den i en rik text-modul. Den här metoden fungerar i innehållsredigeraren och i mallar som stöder rikstextmoduler.

Innan du sätter igång

Innan du lägger till en Google Map i ditt HubSpot-innehåll bör du granska följande krav och överväganden.

Förstå begränsningar och överväganden

• Inbäddade Google Maps hanteras av Google. Visningsbeteende, styling och funktionalitet beror på Googles inställningar för inbäddning.

Hämta Google Maps inbäddningskod

1. Navigera till Google Maps.
2. Ange en adress i sökfältet.
3. Klicka på Dela i adressens listning.

4. I dialogrutan klickar du på fliken Bädda in en karta .
5. Klicka på rullgardinsmenyn för kartstorlek och välj en storlek.
6. Klicka på Kopiera HTML för att kopiera kartans inbäddningskod.

Lägga till en Google-karta i innehållsredigeraren

1. Navigera till ditt innehåll:

   • Blogg: I ditt HubSpot-konto navigerar du till Innehåll > Blogg.
   • Webbplatssidor: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
   • Landningssidor: I ditt HubSpot-konto navigerar du till Innehåll > Landningssidor.
2. Klicka på namnet på ditt innehåll.
3. I innehållsredigeraren klickar du på ikonen add Lägg till i det vänstra sidofältet.
4. Klicka på för att expandera avsnittet Text , klicka sedan på modulen Rich Text och dra den till rätt position.
5. I verktygsfältet för rik text klickar du på rullgardinsmenyn Avancerat och väljer Källkod.
6. I dialogrutan klistrar du in kartans inbäddningskod och klickar sedan på Spara.

7. Klicka på Publicera eller Uppdatera längst upp till höger för att ta dina ändringar i bruk.

Lägga till en Google-karta i en mall

Om din dra-och-släpp-mall eller kodade mall inte innehåller en rik text-modul lägger du till en i Designhanteraren. När du har publicerat mallen redigerar du rikstextmodulen i innehållsredigeraren.

Lägga till en rik text-modul i en dra-och-släpp-mall

Lägg till en rik text-modul i en dra-och-släpp-mall så att Google Map kan läggas till i innehållsredigeraren. Läs mer om hur du använder moduler i dra och släpp-mallar.

1. Navigera till ditt innehåll:

   • Blogg: I ditt HubSpot-konto navigerar du till Innehåll > Blogg.
   • Webbplatssidor: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
   • Landningssidor: I ditt HubSpot-konto navigerar du till Innehåll > Landningssidor.
2. Klicka på namnet på ditt innehåll.
3. Klicka på menyn Inställningar och välj Mall.
4. Klicka på Redigera den här mallen. Du kommer till Design Manager.
5. Klicka på + Lägg till i inspektören.
6. Ange rik text i sökfältet.

7. Klicka på modulen för rik text och dra den på plats i din mall.
8. Klicka på Publicera ändringar längst upp till höger.
9. Fortsätt att lägga till Google Map i innehållsredigeraren.

Lägga till en rik text-modul i en kodad mall

Lägg till en rik text-modul i en kodad mall så att Google Map kan läggas till i innehållsredigeraren. Läs mer om hur du använder moduler i kodade mallar.

1. Navigera till ditt innehåll:
   • Blogg: I ditt HubSpot-konto navigerar du till Innehåll > Blogg.
   • Webbplatssidor: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
   • Landningssidor: I ditt HubSpot-konto navigerar du till Innehåll > Landningssidor.
2. Klicka på namnet på ditt innehåll.
3. Klicka på menyn Inställningar och välj Mall.
4. Klicka på Redigera den här mallen.
5. I kodredigeraren lägger du till den Rich text-modul där kartan ska visas. Till exempel

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

6. Klicka på Publicera ändringar längst upp till höger.
7. Fortsätt att lägga till Google Map i rikstextmodulen.