Aggiungete una Google Map interattiva ai contenuti di HubSpot copiando il codice embed della mappa e inserendolo in un modulo rich text. Questo metodo funziona nell'editor di contenuti e nei template che supportano i moduli di testo ricco.
Prima di iniziare
Prima di aggiungere una Google Map ai contenuti di HubSpot, è necessario esaminare i seguenti requisiti e considerazioni.
Autorizzazioni richieste
Sono necessarie le seguenti autorizzazioni:
Limitazioni e considerazioni
- Le Google Map incorporate sono gestite da Google. Il comportamento di visualizzazione, lo stile e la funzionalità dipendono dalle impostazioni di incorporazione di Google.
Ottenere il codice di incorporamento della mappa di Google
- Andare su Google Maps.
- Nella barra di ricerca, inserite un indirizzo.
- Nell'elenco dell'indirizzo, fare clic su Condividi.
- Nella finestra di dialogo, fare clic sulla scheda Incorpora una mappa .
- Fare clic sul menu a discesa Dimensioni mappa e selezionare una dimensione.
- Fare clic su Copia HTML per copiare il codice di incorporamento della mappa.
Aggiungere una mappa di Google nell'editor dei contenuti
-
Andate al vostro contenuto:
- Fare clic sul nome del contenuto.
- Nell'editor dei contenuti, fare clic sull'icona add Aggiungi nella barra laterale sinistra.
- Fare clic per espandere la sezione Testo , quindi fare clic sul modulo Testo ricco e trascinarlo in posizione.
- Nella barra degli strumenti del testo ricco, fare clic sul menu a discesa Avanzate e selezionare Codice sorgente.
- Nella finestra di dialogo, incollare il codice di incorporamento della mappa, quindi fare clic su Salva.
-
Per rendere effettive le modifiche, fare clic su Pubblica o Aggiorna in alto a destra.
Aggiungere una mappa di Google a un modello
Se il modello trascinato o codificato non contiene un modulo di testo ricco, aggiungerlo nel Design Manager. Dopo aver pubblicato il modello, modificare il modulo di testo ricco nell'editor di contenuti.
Aggiungere un modulo di testo ricco a un modello drag and drop
Aggiungete un modulo rich text a un modello drag and drop, in modo che la Google Map possa essere aggiunta nell'editor dei contenuti. Per saperne di più sull'uso dei moduli nei modelli drag and drop.
-
Navigate verso il vostro contenuto:
- Fare clic sul nome del contenuto.
- Fare clic sul menu Impostazioni e selezionare Modello.
- Fare clic su Modifica questo modello. Si accederà al Design Manager.
- Fare clic su + Aggiungi nell'ispettore.
- Nella barra di ricerca, inserire rich text.
- Fare clic sul modulo Rich Text e trascinarlo in posizione sul modello.
- In alto a destra, fare clic su Pubblica modifiche.
- Continuare ad aggiungere la mappa di Google nell'editor di contenuti.
Aggiungere un modulo di testo ricco a un modello codificato
Aggiungete un modulo di testo ricco a un modello codificato, in modo che la Google Map possa essere aggiunta nell'editor dei contenuti. Per saperne di più sull'uso dei moduli nei modelli codificati.
- Navigare nel contenuto:
- Fare clic sul nome del contenuto.
- Fare clic sul menu Impostazioni e selezionare Modello.
- Fare clic su Modifica questo modello.
- Nell'editor di codice, aggiungere il modulo Rich text in cui deve apparire la mappa. Ad esempio:
{% module
"map_embed"
path="@hubspot/rich_text"
label="Google Map" %}
- In alto a destra, fare clic su Pubblica modifiche.
- Continuare ad aggiungere la mappa di Google nel modulo di testo ricco.
Blog
Design Manager
Website & Landing Pages
