Ultimo aggiornamento: gennaio 19, 2023
Per aggiungere una Google Map interattiva ai vostri contenuti HubSpot, potete copiare il codice embed della mappa e aggiungerlo a un modulo HTML.
Ottenere il codice embed di Google Map
- Andate 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 drag and drop
- Nel tuo account HubSpot, clicca sull'icona Marketplace nella barra di navigazione principale.
- Fare clic sulla scheda Moduli.
- Nella barra di ricerca, digitare HTML.
- Fare clic sul modulo HTML.
- In alto a destra, fare clic su Ottieni il modulo gratuitamente. L'installazione del modulo potrebbe richiedere alcuni minuti.
-
Una volta terminata l'installazione del modulo, navigare verso il proprio contenuto:
- Blog: Nel tuo account HubSpot, naviga su Marketing > Sito web > Blog.
- Pagine del sito web: Nel tuo account HubSpot, naviga su Marketing > Sito web > Pagine del sito web.
- Pagine di atterraggio: Nel tuo account HubSpot, naviga su Marketing > Landing page.
- Passare il mouse sul contenuto e fare clic su Modifica.
- Nell'editor dei contenuti, inserire HTML nella barra di ricerca dell'editor laterale.
- Fare clic sul modulo HTML e trascinarlo in posizione nel contenuto.
- Fare clic sul modulo HTML per modificarlo.
- Nell'editor della barra laterale, incollare il codice di incorporamento per la mappa di Google.
Aggiungere una mappa di Google al contenuto senza area di trascinamento
Se il contenuto non dispone di un'area di trascinamento, è necessario aggiungere il modulo HTML direttamente al modello, quindi modificare il modulo HTML nell'editor dei contenuti.
Aggiungere un modulo HTML a un modello
-
Una volta terminata l'installazione del modulo, navigare nel proprio contenuto:
- Blog: Nel tuo account HubSpot, naviga su Marketing > Sito web > Blog.
- Pagine del sito web: Nel tuo account HubSpot, naviga su Marketing > Sito web > Pagine del sito web.
- Pagine di atterraggio: Nel tuo account HubSpot, naviga su Marketing > Landing page.
- Passare il mouse sul contenuto e fare clic su Modifica.
- Fare clic sulla scheda Impostazioni , quindi su Opzioni avanzate.
- Nella sezioneModello, fare clic su Modifica questo modello.
- Nel design manager, fare clic su + Aggiungi nell'ispettore.
- Nella barra di ricerca, inserire HTML.
- Fare clic sulmodulo HTML e trascinarlo in posizione nel modello.
- In alto a destra, fare clic su Pubblica modifiche.
Inserire il codice embed nel modulo HTML
- Nel vostro account HubSpot, andate sul vostro blog, sulle pagine del sito web o sulle pagine di destinazione.
- Passare il mouse sul contenuto e fare clic su Modifica.
- Nell'editor dei contenuti, fare clic sul modulo HTML.
- Nell'editor della barra laterale, incollate il codice embed della vostra Google Map.
