Utilizzare i moduli predefiniti nell'editor di layout

HubSpot fornisce moduli predefiniti per la creazione di modelli drag-and-drop nell'editor di layout all'interno del Design Manager. È possibile aggiungere moduli predefiniti e clonare moduli predefiniti da utilizzare nei propri modelli drag and drop. Inoltre, è possibile modificare il contenuto predefinito di alcuni moduli predefiniti.

Prima di iniziare

Prima di iniziare a lavorare con questa funzione, assicuratevi di aver compreso appieno i passi da compiere in anticipo, nonché i limiti della funzione e le potenziali conseguenze del suo utilizzo.

Comprendere i requisiti

• Per accedere e modificare i moduli, gli utenti devono essere Super Amministratori o avere i permessi degli Strumenti di progettazione attivati.

Comprendere limiti e considerazioni

• Questo articolo spiega come utilizzare l'ispettore nell'editor di layout all'interno del Design Manager per aggiungere e clonare moduli predefiniti. È anche possibile modificare il contenuto predefinito.per alcuni moduli predefiniti.
• Per aggiungere moduli predefiniti, utilizzando HubL, a modelli HTML o a modelli personalizzati, si veda la documentazione per sviluppatori.
• Per aggiungere e modificare i moduli nell'editor dei contenuti, consultate la documentazione per gli sviluppatori.
• Gli accountMarketing Hub e HubSpot for Marketers Professional & Enterprise hanno una cartella @hubspot for marketers professional per impostazione predefinita.
• Alcuni moduli predefiniti possono essere aggiunti solo a modelli specifici. Ad esempio, il modulo Form non è disponibile per i modelli e-mail.
• I moduli predefiniti devono essere clonati prima di poter personalizzare il codice sorgente del modulo.

Aggiunta di moduli a modelli drag and drop

È possibile aggiungere moduli predefiniti ai modelli drag-and-drop, utilizzando l'editor di layout, nel Design Manager.

1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
2. Nella colonna di sinistra, fare clic sul nome del modello.
3. Nella colonna di destra, fare clic su + Aggiungi.
4. Inserire il nome di un modulo predefinito o personalizzato nella barra di ricerca.
5. Fare clic sul nome del modulo e trascinarlo nel modello.
6. Nell'ispettore della sezione Opzioni di stile , impostare lo stile personalizzato per il modulo.

7. Nell'ispettore della sezione Contenuto predefinito , modificare il contenuto che apparirà quando il modulo viene aggiunto all'editor di contenuti. Per saperne di più sulla modifica del contenuto predefinito dei moduli.

8. Per impedire ad altri utenti di modificare il contenuto predefinito di un modulo, fare clic per attivare l'interruttore Impedisci la modifica nell'editor dei contenuti nella sezione Opzioni dell'editor .

Clonare i moduli predefiniti

È possibile clonare i moduli predefiniti nella cartella @hubspot del Design Manager per modificarne il codice sorgente. Questa cartella contiene tutti i temi e i moduli predefiniti, compresi i moduli e-mail trascinabili.

1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
2. Nel Finder, fare clic sulla cartella @hubspot.

3. Fare clic con il pulsante destro del mouse su un modulo predefinito, quindi selezionare Clona modulo.
4. Nel modulo clonato, modificare il codice sorgente del modulo. Per saperne di più sulla configurazione di un modulo.
5. In alto a destra, fare clic su Pubblica modifiche.

Gestire le versioni dei moduli

Periodicamente, HubSpot può rilasciare una nuova versione di un modulo predefinito esistente. Ciò consente a HubSpot di implementare aggiornamenti significativi senza interrompere il contenuto esistente. Ad esempio, una nuova versione di un modulo potrebbe fornire una migliore organizzazione dei campi, più opzioni di stile e funzionalità migliorate. Per saperne di più sul versioning dei moduli, consultare la documentazione per sviluppatori di HubSpot.

È possibile gestire le versioni dei moduli dalla pagina delle impostazioni di Temi e moduli del proprio account, aggiornando una versione, tornando a una versione precedente o visualizzando le versioni correnti di tutti i moduli predefiniti.

Aggiornare la versione di un modulo

• Per aggiornare a una nuova versione di un modulo:

1. 1. Nel tuo account HubSpot, fai clic sulle settings icona delle impostazioni nella barra di navigazione principale.
   2. Nel menu della barra laterale sinistra, spostarsi su Contenuto > Temi e moduli.
   3. Nella scheda Avvisi, gli ultimi aggiornamenti per i moduli predefiniti appariranno con il tag Aggiornamento disponibile. Fare clic su Visualizza aggiornamento accanto a un modulo per visualizzare ulteriori dettagli sull'aggiornamento.

1. 4. Nella barra laterale destra, recensire le modifiche. La barra laterale contiene un riepilogo di alto livello dell'aggiornamento e una descrizione dettagliata delle modifiche e delle risorse interessate.

1. 5. Per aggiornare il modulo, fare clic su Rata aggiornamento. Quindi, nella finestra di dialogo, fare clic su Conferma aggiornamento.

Attenzione: le pagine e i modelli possono impiegare fino a 10 minuti per mostrare il modulo aggiornato.

• Dopo aver aggiornato il modulo, si accede alla scheda Moduli della pagina delle impostazioni di Temi e moduli. In questa pagina è possibile vedere i moduli aggiornati di recente, i moduli con aggiornamenti disponibili e le informazioni sulla versione di tutti i moduli predefiniti del vostro account.

Ripristinare un modulo aggiornato

Nella scheda Moduli della pagina delle impostazioni, è possibile ripristinare un modulo aggiornato negli ultimi 30 giorni a una versione precedente.

• Per ripristinare un modulo aggiornato di recente:
  1. Nel tuo account HubSpot, fai clic sulle settings icona delle impostazioni nella barra di navigazione principale.
  2. Nel menu della barra laterale sinistra, spostarsi su Contenuto > Temi e moduli.
  3. Fare clic sulla scheda Moduli, individuare il modulo che si desidera ripristinare e fare clic su Ripristina aggiornamento recente.

• 4. Nella barra laterale destra, recensire la cronologia delle versioni del modulo, quindi fare clic su Annullamento dell'aggiornamento.

• 5. Recensire le informazioni nella barra laterale destra per confermare l'intenzione di annullare l'aggiornamento, quindi fare clic su Annulla.
  6. Nella finestra di dialogo, fare clic su Conferma.
• Dopo l'annullamento del modulo, potrebbe essere necessario un po' di tempo prima che i modelli e le pagine mostrino il modulo annullato. È possibile aggiornare nuovamente il modulo aggiornando la versione del modulo.

Modifica del contenuto predefinito per diversi tipi di moduli

È possibile modificare il contenuto predefinito di alcuni moduli predefiniti nei modelli drag-and-drop all'interno dell'editor di layout di Design Manager. Per un elenco completo dei moduli predefiniti, consultate i moduli e-mail predefiniti e i moduli web predefiniti.

Annullamento del backup

Il modulo di backup per l'annullamento dell'iscrizione viene mostrato ai destinatari delle e-mail che fanno clic su un link per l'annullamento dell'iscrizione e HubSpot non può confermare il loro indirizzo e-mail. Questo modulo può essere modificato solo da un modello di sistema di annullamento dell'iscrizione alle e-mail.

• Per modificare il contenuto predefinito del modulo di annullamento del backup:
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Navigare nel modello.
  3. Nell'editor di layout, fare clic sul modulo Backup Unsubscribe.
  4. Nell'ispettore della sezione Contenuto predefinito, inserire il testo che appare per Intestazione, Sottointestazione e Messaggio di errore.

• Una volta terminata la modifica del modulo, fare clic su Pubblica modifiche.

Abbonamenti alle e-mail del blog

Il modulo di abbonamento alle e-mail del blog consente ai visitatori di abbonarsi alle e-mail di digest del blog compilando un form. Questo modulo è popolato dal form di iscrizione al blog, che può essere personalizzato con lo strumento Form.

Nota bene: il modulo di abbonamento al blog non è disponibile per i modelli e-mail.

• Per modificare il contenuto predefinito del modulo Abbonamenti e-mail del blog:
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Navigare nel modello.
  3. Nell'editor di layout, fare clic sul modulo Abbonamento blog e-mail o aggiungere il modulo.
  4. Nell'ispettore della sezione Contenuto predefinito, fare clic sul menu a discesa Seleziona il blog da visualizzare e selezionare il blog a cui si iscrivono i visitatori.
  5. Fare clic sul menu a discesa Livello di intestazione per selezionare un livello di intestazione.
  6. Nel campo Titolo da visualizzare sopra il form, inserire il testo che apparirà nel titolo sopra il form.
  7. Nel campo Risposta in linea per gli utenti, fare clic sull' icona expandIcon per personalizzare il testo che appare dopo che il visitatore ha inviato il form.

• Una volta terminata la modifica del modulo di abbonamento e-mail al blog, fare clic su Pubblica modifiche in alto a destra.

Call-to-action

Un modulo call-to-action (CTA) inserisce una CTA in un proprio modulo all'interno del layout. È anche possibile inserire una CTA in un modulo di testo ricco.

• Per modificare il contenuto predefinito di un modulo Call-to-action:

• 1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Passare al modello.
  3. Nell'editor di layout, fare clic sul modulo Call-to-action o aggiungere il modulo.
  4. Nell'ispettore della sezione Contenuto predefinito, fare clic su Seleziona.

• 5. Nel riquadro laterale destro, selezionare una CTA o fare clic su Crea nuovo.
  6. Fare clic su Inserisci.

Libreria dei contenuti

È possibile utilizzare il modulo Libreria dei contenuti per creare una libreria di risorse a cui i visitatori possono accedere.

• Per modificare il contenuto predefinito del modulo Libreria dei contenuti:
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Navigare nel modello.
  3. Nell'editor di layout, fare clic sul modulo Libreria dei contenuti o aggiungere il modulo.
  4. Per modificare una risorsa esistente nella libreria dei contenuti, fare clic sull'icona editIc onedit nell'ispettore. È possibile personalizzare il nome, la descrizione, il testo del link e l'immagine.
  5. Per eliminare una risorsa dal modulo della libreria dei contenuti, fare clic sull'icona deleteIcon per l'eliminazione nell'ispettore.
  6. Per aggiungere una risorsa personalizzata al modulo della libreria dei contenuti, fare clic su + Aggiungi nell'ispettore.
  7. Per impostare una risorsa come in primo piano, fare clic sull'icona favoriteIcon set as featured nell'ispettore.

• Una volta terminata la modifica del modulo della libreria dei contenuti, fare clic su Pubblica modifiche in alto a destra.

Form

Con il modulo Form è possibile aggiungere un form al contenuto per catturare le informazioni dei visitatori.

Nota bene: il modulo Form non è disponibile per i modelli e-mail.

• Per modificare il contenuto predefinito del modulo Form:
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Navigare nel modello.
  3. Nell'editor di layout, fare clic sul modulo Form o aggiungere il modulo.
  4. Nell'ispettore dellasezione Contenuto predefinito , inserire il testo del campo Titolo del form.
  5. Nel menu a discesa Form, selezionare un form.
  6. Nel campo Cosa vedrà il visitatore dopo aver inviato il form? selezionare Reindirizzamento a un'altra pagina o Visualizzazione di un messaggio di ringraziamento in linea.
     • Per reindirizzare a un'altra pagina, nel menu a discesa Reindirizzamento, selezionare una pagina, un post o fare clic su + Aggiungi link esterno.
     • Per visualizzare un messaggio di ringraziamento in linea, nel campo Messaggio di ringraziamento fare clic sull'icona expand.
  7. Selezionare la casella di controllo Invia le notifiche del form agli indirizzi e-mail specificati invece che a quelli predefiniti del form per ignorare i destinatari delle notifiche impostati nello strumento Form.
• Una volta terminata la modifica del modulo, fare clic su Pubblica modifiche in alto a destra.

Intestazione

È possibile utilizzare il modulo header per visualizzare una riga di testo in un tag HTML di intestazione.

• Per modificare il contenuto predefinito del modulo di intestazione:
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Navigare nel modello.
  3. Nell'editor di layout, fare clic sul modulo Intestazione o aggiungere il modulo.
  4. Nell'ispettore della sezione Contenuto predefinito, inserire il testo nel campo Contenuto dell'intestazione.
  5. Fare clic sul menu a discesa Livello intestazione e selezionare un livello di intestazione (H1-H4).

• Una volta terminata la modifica del modulo di intestazione, fare clic su Pubblica modifiche in alto a destra.

Immagine

È possibile utilizzare il modulo immagine per visualizzare una singola immagine nel contenuto.

• Per modificare il contenuto predefinito del modulo immagine:
  
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Navigare nel modello.
  3. Nell'editor di layout, fare clic sul modulo Immagine o aggiungere il modulo.
  4. Nell'ispettore della sezione Contenuto predefinito, fare clic su Sostituisci nel campo Immagine.
  5. Nel riquadro di destra, selezionare l'immagine da visualizzare.
  6. Nel campo Alt text, inserire una descrizione dell'immagine.
  7. Nel menu a discesa Dimensioni, selezionare Regola automaticamente o Larghezza e altezza esatte.
  8. Nel menu a discesa Dimensione massima, selezionare Dimensione originale dell'immagine o Personalizzata.
  9. Nel menu a discesa Caricamento dell'immagine, selezionare Predefinito del browser, Pigro o Impegnativo.
  10. Nel campo Link (opzionale), inserire un URL opzionale a cui indirizzare i visitatori quando si fa clic sull'immagine.

• Una volta terminata la modifica del modulo immagine, fare clic su Pubblica modifiche in alto a destra.

Griglia di immagini

È possibile utilizzare il modulo griglia di immagini per aggiungere una griglia uniforme di immagini al contenuto.

• Per modificare il contenuto predefinito del modulo griglia di immagini:
  
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Navigare nel modello.
  3. Nell'editor di layout, fare clic sul modulo Griglia immagini o aggiungere il modulo.
  4. Per modificare un'immagine esistente nel modulo griglia immagini, fare clic sull'icona editIc on dimodifica nell'ispettore. È possibile caricare o sfogliare le immagini esistenti e modificare il testo del link, l'URL del link o il messaggio di passaggio.
  5. Per eliminare un'immagine nel modulo griglia di immagini, fare clic sull'icona deleteIcon delete nell'ispettore.
  6. Per aggiungere una nuova immagine al modulo griglia di immagini, fare clic su + Aggiungi nell'ispettore.
  7. Fare clic su per espandere le Impostazioni. Nel pannello delle impostazioni è possibile regolare lafunzionalità Hover, lafunzionalità Click, lecolonne e ilrapporto di aspetto.

• Una volta terminata la modifica del modulo griglia di immagini, fare clic su Pubblica modifiche in alto a destra.

Cursore di immagini

È possibile utilizzare il modulo di scorrimento delle immagini per visualizzare più immagini che scorrono automaticamente nello stesso modulo.

• Per modificare il contenuto predefinito del modulo di scorrimento delle immagini:
  
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Navigare nel modello.
  3. Nell'editor di layout, fare clic sul modulo Image Slider o aggiungere il modulo.
  4. Per modificare un'immagine esistente nel modulo cursore immagine, fare clic sull'icona editIc on nell'ispettore. È possibile caricare o sfogliare le immagini esistenti e modificare la didascalia o l'URL del link.
  5. Per eliminare un'immagine dal modulo di scorrimento immagini, fare clic sull'icona deleteIcon delete nell'ispettore.
  6. Per aggiungere una nuova immagine al modulo di scorrimento delle immagini, fare clic su + Aggiungi nell'ispettore.
  7. Fare clic su per espandere le Impostazioni. Nel riquadro delle impostazioni è possibile regolare lediapositive, ilmovimento e lanavigazione.

• Una volta terminata la modifica del modulo di scorrimento delle immagini, fare clic su Pubblica modifiche in alto a destra.

Commutatore di lingua

È possibile utilizzare il modulo per il cambio di lingua per consentire ai visitatori di passare da una versione all'altra di una pagina o di un blog.

Nota bene: il modulo per il cambio di lingua non è disponibile per i modelli di e-mail.

• Per modificare il contenuto predefinito del modulo del commutatore di lingua:
  
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Navigare nel modello.
  3. Nell'editor di layout, fare clic sul modulo Language Switcher o aggiungere il modulo.
  4. Nell'ispettore della sezione Contenuto predefinito, selezionare la casella di controllo Aggiungi chevron per visualizzare un chevron per il commutatore di lingua.
  5. Fare clic sul menu a discesa Modalità di visualizzazione per selezionare una delle seguenti opzioni:
     
     • Pagelang: il nome di ciascuna lingua che apparirà nella lingua della pagina corrente. Ad esempio, se si sta visualizzando la versione inglese di una pagina con traduzione francese, quando si fa clic sul selettore di lingua, i nomi delle lingue saranno inglese e francese.
     • Localizzato: il nome di ogni lingua viene visualizzato in quella lingua. Ad esempio, se si sta visualizzando la versione inglese di una pagina con una traduzione in francese, quando si fa clic sul selettore di lingua, i nomi delle lingue saranno English e Français.
     • Ibrido: una combinazione delle due lingue. Ad esempio, se si sta visualizzando la versione inglese di una pagina con una traduzione in francese, quando si fa clic sul commutatore di lingua, i nomi delle lingue saranno inglese e francese (Français).
  6. Fare clic sul menu a discesa Opzioni icona e selezionare Nessuna, Icona o Icona personalizzata.

• Una volta terminata la modifica del modulo del commutatore di lingua, fare clic su Pubblica modifiche in alto a destra.

Nota bene: questo modulo appare solo sulle pagine live con più di una traduzione pubblicata. Per saperne di più su come lavorare con contenuti multilingue in HubSpot.

Logo

È possibile utilizzare il modulo del logo per visualizzare il logo dell'azienda dal kit del brand sui contenuti.

• Per modificare il contenuto predefinito del modulo logo :
  
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Navigare nel modello.
  3. Nell'editor di layout, fare clic sul modulo Logo o aggiungere il modulo.
  4. Nell'ispettore della sezione Contenuto predefinito, fare clic per attivare l'opzione Sovrascrivi logo predefinito per caricare una nuova immagine per il contenuto del modello.
  5. Per modificare il logo predefinito, fare clic su Modifica il logo predefinito in questo dominio.
  6. Nel menu a discesa Caricamento immagine, selezionare Browser default, Lazy o Eager.
  7. Nel campo URL di collegamento, inserire il testo dell'URL a cui si desidera indirizzare i visitatori quando si fa clic sull'immagine del logo. Questo sostituirà il valore predefinito specificato nel Kit del brand.

• Una volta terminata la modifica del modulo del logo, fare clic su Pubblica modifiche in alto a destra.

Griglia del logo

È possibile utilizzare il modulo Griglia di loghi per disporre più loghi di dimensioni diverse in una griglia coerente.

• Per modificare il contenuto predefinito del modulo griglia logo:
  
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Navigare nel modello.
  3. Nell'editor di layout, fare clic sul modulo Griglia logo o aggiungere il modulo.
  4. Per modificare un'immagine esistente, fare clic sull'icona dimodifica editIcon nell'ispettore. È possibile caricare o sfogliare le immagini esistenti e modificare l'ALT text o il caricamento dell'immagine.
  5. Per eliminare un'immagine dal modulo Griglia logo, fare clic sull'icona deleteIcon delete nell'ispettore.
  6. Per aggiungere una nuova immagine al modulo griglia logo, fare clic su + Aggiungi nell'ispettore.

• Una volta terminata la modifica del modulo della griglia del logo, fare clic su Pubblica modifiche in alto a destra.

Corpo dell'e-mail principale

Il modulo principale del corpo dell'e-mail è un modulo standard di testo ricco che viene incluso di default in ogni modello di e-mail.

• Per modificare il contenuto predefinito del modulo del corpo dell'e-mail principale:
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Navigare nel modello.
  3. Nell'editor di layout, fare clic sul modulo Corpo principale dell'e-mail.
  4. Nell'ispettore della sezione Contenuto predefinito, fare clic sull'icona expandIconper modificare il testo che appare nel corpo dell'e-mail.

• Per modificare le opzioni di stile del modulo del corpo dell'e-mail principale:
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Navigare nel modello.
  3. Nell'editor di layout, fare clic sul modulo Corpo principale dell'e-mail.
  4. Nell'ispettore della sezione Opzioni di stile , inserire i valori esadecimali nei campi di testo Colore del testo, Colore dello sfondo e Colore del bordo. È anche possibile fare clic sulselezionatore di colori .

• Una volta terminata la modifica del modulo principale del corpo dell'e-mail, fate clic su Pubblica modifiche in alto a destra.

Menu

È possibile utilizzare il modulo menu per aggiungere la navigazione ai contenuti. I menu vengono creati e gestiti direttamente nelle impostazioni del menu di navigazione.

• Per modificare il contenuto predefinito del modulo di menu:
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Navigare nel modello.
  3. Nell'editor di layout, fare clic sul modulo Menu o aggiungere il modulo.
  4. Nell'ispettore della sezione Contenuto predefinito, fare clic sul menu a discesa Menu e selezionare un menu esistente o fare clic su Crea nuovo.
  5. Nel menu a discesa Tipo di menu avanzato , selezionare uno dei seguenti:
     • Statico - Mostra sempre le pagine di primo livello nel menu: mantiene il menu coerente in tutte le pagine.
     • Dinamico per sezione - Mostra nel menu le pagine relative alla sezione visualizzata: visualizza le voci di menu relative alla voce di menu di livello superiore visualizzata.
     • Dinamico per pagina - Mostra nel menu le pagine correlate alla visualizzazione di pagina: visualizza le voci di menu relative alla pagina specifica visualizzata.
     • Menu con percorso stile Breadcrumb (utilizza il flusso orizzontale): visualizza le voci di menu orizzontalmente in un percorso relativo attraverso la parte superiore del sito.
  6. Nel campo Livelli massimi, inserire il numero massimo di voci di menu figlio che possono essere visualizzate.
  7. Nel menu a discesa Orientamento, selezionare Orizzontale o Verticale.
  8. Per visualizzare le voci del menu figlio al passaggio del mouse sulla navigazione principale, selezionare la casella di controllo Abilita flyout?

• Una volta terminata la modifica del modulo di menu, fare clic su Pubblica modifiche in alto a destra.

Informazioni sulla posizione dell'ufficio

Il modulo della sede dell'ufficio include i token necessari che devono essere inclusi in un modello di e-mail per l'invio di e-mail di marketing.

• Per modificare il contenuto predefinito del modulo Informazioni sulla posizione dell'ufficio:
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Passare al modello di e-mail.
  3. Nell'editor di layout, fare clic sul modulo Informazioni sulla posizione dell'ufficio.
  4. Nell'ispettore della sezione Contenuto predefinito, fare clic sull' icona expandIcon per modificare il testo che appare con i token richiesti nell'e-mail.

• Per modificare le opzioni di stile del modulo Informazioni sulla sede dell'ufficio:
  • Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  • Navigare nel modello.
  • Nell'editor di layout, fare clic sul modulo Informazioni sulla posizione dell'ufficio .
  • Nell'ispettore della sezione Opzioni di stile , inserire i valori esadecimali nei campi di testo Colore del testo, Colore dello sfondo e Colore del bordo. È anche possibile fare clic sulselezionatore di colori .

• Una volta terminata la modifica del modulo delle informazioni sulla sede dell'ufficio, fare clic su Pubblica modifiche in alto a destra.

Una riga di testo

È possibile utilizzare il modulo Una riga di testo per aggiungere una singola riga di testo al contenuto.

Istruzione della password

Il modulo di richiesta di password è disponibile sui modelli di sistema di richiesta di password. Se una pagina è protetta da password, la pagina di istruzione con password viene visualizzata prima che un utente possa accedere alla pagina.

• Per modificare il contenuto predefinito del modulo Istruzione:
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Accedere al modello di istruzione della password.
  3. Nell'editor di layout, fare clic sul modulo Istruzione.
  4. Nell'ispettore della sezione Contenuto predefinito, fare clic sull' icona expandIcon per modificare il testo del messaggio di password errata .

• Una volta terminata la modifica del modulo Istruzione, fare clic su Pubblica modifiche in alto a destra.

Filtro postale

È possibile utilizzare il modulo di filtraggio dei post per visualizzare un elenco di articoli blog di un argomento, di un mese o di un'autorità specifici.

• Per modificare il contenuto predefinito del modulo del filtro dei post:

1. 1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
   2. Passare al proprio modello.
   3. Nell'editor di layout, fare clic sul modulo Filtro post.
   4. Nell'ispettore della sezione Contenuto predefinito, selezionare un blog da visualizzare nel menu a discesa Seleziona blog da visualizzare.
   5. Nel menu a discesa Elenco dei valori per gli elenchi del filtro, selezionare Tag, Mese o Autorità.
   6. Nel menu a discesa Ordinamento dei valori per i link di filtro, selezionare Conteggio post o Nome.
   7. Nel campo Titolo dell'elenco da visualizzare, inserire il testo che verrà visualizzato come titolo dell'elenco.
   8. Per mostrare tutti i filtri, selezionare la casella di controllo Mostra tutti i filtri.
   9. Nel campo Numero massimo di valori del filtro da visualizzare, inserire il numero di post per un filtro.
   10. Nel campo Testo da visualizzare se sono disponibili più valori del massimo da visualizzare. Lasciare vuoto per omettere il link, inserire il testo che apparirà se ci sono più post disponibili in una categoria.

• Una volta terminata la modifica del modulo del filtro dei post, fare clic su Pubblica modifiche in alto a destra.

Elenco degli articoli

È possibile utilizzare il modulo Post blog per visualizzare un elenco di post blog del proprio blog.

• Per modificare il contenuto predefinito del modulo Elenco dei post:
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Navigare nel modello.
  3. Nell'editor di layout, fare clic sul modulo Elenco dei post.
  4. Nell'ispettore della sezione Contenuto predefinito, selezionare un blog da visualizzare nel menu a discesa Seleziona blog da visualizzare.
  5. Nel menu a discesa Ordina i post per, selezionare I più recenti, I più popolari di sempre, I più popolari dell'ultimo anno, I più popolari degli ultimi sei mesi o I più popolari dell'ultimo mese.
  6. Nel campo Scegli cosa mostrare nel feed , selezionate la casella di controllo accanto a Immagine, Titolo, Autorità e/o Data di pubblicazione.
  7. Nel campo Massimo post blog da elencare, inserire il numero massimo di post blog da visualizzare.
  8. Nel campo Intestazione del post, inserire il testo visualizzato nella parte superiore del modulo.
  9. Nel menu a discesa Livello di intestazione, selezionare il livello di intestazione (H1-H6) per il contenuto del modulo.

• Una volta terminata la modifica del modulo dell'elenco dei post, fare clic su Pubblica modifiche in alto a destra.

Prodotto

È possibile visualizzare i prodotti della propria libreria su pagine e post utilizzando il modulo prodotto. Vengono visualizzate le informazioni predefinite del prodotto, ma si può scegliere di sovrascriverle in ogni pagina.

• Per modificare il contenuto predefinito del modulo prodotto:
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Navigare nel modello.
  3. Nell'editor di layout, fare clic sul modulo Prodotto o aggiungere il modulo.
  4. Nell'ispettore della sezione Contenuto predefinito, fare clic su Seleziona un prodotto.
  5. Nel riquadro di destra, selezionare la casella di controllo accanto al prodotto, quindi fare clic su Seleziona. Per creare un nuovo prodotto, fare clic su Crea un prodotto.
  6. Una volta selezionato un prodotto, è possibile sovrascrivere e modificare il Nome, la Descrizione, l'Immagine e il Pulsante visualizzati.

• Una volta terminata la modifica del modulo prodotto, fare clic su Pubblica modifiche in alto a destra.

Testo ricco

Il modulo rich text supporta opzioni di modifica per diversi componenti, come testo, immagini e CTA.

• Per modificare il contenuto predefinito del modulo Rich Text:
  
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Navigare nel modello.
  3. Nell'editor di layout, fare clic sul modulo Testo ricco o aggiungere il modulo.
  4. Nell'ispettore della sezione Contenuto predefinito, fare clic sull' icona expandIcon per modificare il contenuto del testo ricco. Per saperne di più sulla modifica del contenuto dei moduli Rich Text.

• Una volta terminata la modifica del modulo di testo ricco, fare clic su Pubblica modifiche in alto a destra.

Elenco RSS

È possibile utilizzare un modulo di elenco Rss per visualizzare i riassunti dei post blog di un blog di HubSpot o di un feed RSS esterno.

Nota bene: il modulo per i prospetti RSS non è disponibile per i modelli e-mail. Utilizzare invece un'e-mail RSS.

• Per modificare il contenuto predefinito del modulo degli elenchi RSS:
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Navigare nel modello.
  3. Nell'editor di layout, fare clic sul modulo Elenco RSS o aggiungere il modulo.
  4. Nell'ispettore della sezione Contenuto predefinito, inserire il testo per il campo Titolo RSS.
  5. Nel campo Aggiungi un feed RSS, selezionare Usa un feed RSS esterno o Usa un blog ospitato da HubSpot.
  6. Nel menu a discesa Blog, selezionare un blog.
  7. Nel menu a discesa Filtro per tag, selezionare un tag.
  8. Nel campo Numero massimo di post da visualizzare , inserire il numero di post.
  1. Per includere un'immagine in primo piano, selezionare la casella di controllo per Includi immagine in primo piano.
  2. Per mostrare il nome dell'autorità, selezionare la casella di controllo per Mostra nome autore.
  3. Nel campo di testo Attribuzione dell'autorità, inserire il testo da visualizzare. L'impostazione predefinita prevede by come testo di attribuzione.
• 
  
  4. Per visualizzare un sommario del blog, selezionare la casella di controllo per Mostra sommario.
  5. Nel campo Limita lunghezza riepilogo (numero di caratteri), inserire il numero di caratteri a cui limitare il riepilogo.
  6. Nel campo Testo del riepilogo, inserire il testo da visualizzare. Il testo predefinito è Leggi di più.
  7. Per mostrare la data di pubblicazione, selezionare la casella di controllo per Mostra data di pubblicazione.
  8. Nel menu a discesa Formato data di pubblicazione , selezionare il formato della data di pubblicazione.
  9. Nel campo di testo Indicatore data di pubblicazione, inserire il testo dell'indicatore da visualizzare. L'impostazione predefinita prevede come testo la data di pubblicazione.

• Una volta terminata la modifica del modulo dell'elenco RSS, fare clic su Pubblica modifiche in alto a destra.

Titolo della sezione

È possibile utilizzare il modulo di intestazione di sezione per visualizzare il testo in un tag di intestazione con un sottotitolo di paragrafo.

• Per modificare il contenuto predefinito del modulo dell'intestazione di sezione:
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Navigare nel modello.
  3. Nell'editor di layout, fare clic sul modulo Intestazione di sezione o aggiungere il modulo.
  4. Nell'ispettore della sezione Contenuto predefinito, inserire il testo per il campo Contenuto dell'intestazione di sezione.
  5. Nel menu a discesa Livello intestazione, selezionare il livello di intestazione (H1-H6) del contenuto del testo.

• Una volta terminata la modifica del modulo dell'intestazione di sezione, fare clic su Pubblica modifiche in alto a destra.

Menu semplice

È possibile utilizzare il modulo Menu semplice per costruire un menu per un modello specifico.

• Per modificare il contenuto predefinito del modulo Menu semplice:

1. 1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
   2. Passare al modello.
   3. Nell'editor di layout, fare clic sul modulo Menu semplice o aggiungere il modulo.
   4. Nell'ispettore della sezione Contenuto predefinito, fare clic su Modifica menu per il campo Menu semplice.

1. 5. Per modificare il menu semplice, fare clic su Aggiungi voce di menu. Inserire quindi il testo nel campo Etichetta della voce di menu . Il tipo di voce di menu predefinito è impostato su Collegamento a pagina.
      • Per cambiare il tipo di voce di menu in un collegamento URL esterno, fare clic sul menu a discesa Azioni e e poi su Collegamento URL.
      • Per modificare il tipo di voce di menu in modo da non avere un collegamento URL, fare clic sul menu a discesa Azioni e poi su Nessun collegamento.
      • Per cambiare il tipo di voce di menu in una pagina ospitata da HubSpot con un parametro URL, fare clic sul menu a discesa Azioni e poi su Collegamento a pagina con parametro URL.

1. 6. Nel campo Orientamento del menu, selezionare Orizzontale o Verticale. Quando si modificano le impostazioni di orientamento del menu, viene aggiunta una classe di hs-menu-flow-horizontal o hs-menu-flow-vertical al contenitore del menu. Questa classe può essere usata per creare lo stile del menu nei CSS. Per saperne di più sulle classi aggiunte dalle impostazioni del modulo, consultare la documentazione per sviluppatori.

• Una volta terminata la modifica del modulo Menu semplice, fare clic su Pubblica modifiche in alto a destra.

Condivisione sociale

È possibile utilizzare il modulo di condivisione social per offrire ai visitatori l'opzione di condividere i contenuti sui canali dei social media e via e-mail.

• Per modificare il contenuto predefinito del modulo di social sharing:
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Navigare nel modello.
  3. Nell'editor di layout, fare clic sul modulo Social Sharing o aggiungere il modulo.
  4. Nell'ispettore della sezione Contenuto predefinito, inserire un URL di pagina personalizzato opzionale nel campo URL del collegamento.
  5. In ogni sezione dei social network, fare clic per espanderla e selezionare la casella di controllo Abilitato? per includerla nel contenuto.
  6. Una volta abilitato un social network, il campo Tag si popolerà automaticamente con i tag HubL richiesti per condividere il contenuto. Nelle e-mail di marketing, il modulo utilizzerà l'URL della versione web dell'e-mail nel link di condivisione.
     

Nota bene: il modulo di condivisione social utilizza icone predefinite per ogni social network. Se si desidera utilizzare le proprie icone social, è possibile creare una versione personalizzata del modulo.

• Una volta terminata la modifica del modulo di condivisione social, fare clic su Pubblica modifiche in alto a destra.

Follower sociale

Potete utilizzare il modulo social follow per offrire ai visitatori l'opzione di seguire la vostra azienda sui social media.

• Per modificare il contenuto predefinito del modulo Follower:

1. 1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
   2. Passare al modello.
   3. Nell'editor di layout, fare clic sul modulo Follower o aggiungere il modulo.

• 4. Per modificare un collegamento social esistente dal modulo follower, fare clic sull'icona dimodifica editIcon nell'ispettore. È possibile personalizzare l'URL e selezionare Apri il link in una nuova finestra, Questo link è un podcast, Personalizza il testo alt e/o Personalizza le caselle di controllo delle icone.

1. 5. Per eliminare un social link dal modulo social follow, fare clic sull'icona dieliminazione deleteIcon nell'ispettore.
   6. Per aggiungere un collegamento social al modulo social follow, fare clic su + Aggiungi nell'ispettore. Nel menu a discesa Collegamento a, selezionare Indirizzo esterno o E-mail.

• Una volta terminata la modifica del modulo Follower, fare clic su Pubblica modifiche in alto a destra.

Preferenze di abbonamento

È possibile utilizzare il modulo delle preferenze di abbonamento per personalizzare il contenuto che un destinatario di e-mail vede quando gestisce le sue preferenze di abbonamento. Questo modulo è disponibile solo sui modelli di sistema delle Preferenze di abbonamento.

• Per modificare il contenuto predefinito del modulo Preferenze di abbonamento:

1. 1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
   2. Passare al proprio modello.
   3. Nell'editor di layout, fare clic sul modulo Preferenze di abbonamento.
   4. Nell'ispettore della sezione Contenuto predefinito, inserire il testo per il campo Intestazione.
   5. Nel menu a discesa Livello intestazione , selezionare un livello di intestazione (H1-H6).
   6. Nel menu a discesa Livello intestazione e-mail, selezionare un livello di intestazione (H1-H6).
   7. Nel campo Sottotitolo, fare clic sull' icona di espansione expandIcon per modificare il testo.

1. 8. Inserire il testo desiderato nei campi seguenti:
      • Testo di aiuto per la selezione delle preferenze
      • Annullamento di tutto il testo di aiuto
      • Testo di aiuto per l'annullamento di tutte le sottoscrizioni per l'utente attualmente non registrato
      • Etichetta Cancella tutto
      • Testo del pulsante Aggiorna preferenze
      • Testo del pulsante di riscrizione

• Una volta terminata la modifica del modulo Preferenze di abbonamento, fare clic su Pubblica modifiche in alto a destra.

Conferma dell'aggiornamento dell'abbonamento

È possibile utilizzare il modulo di conferma dell'aggiornamento dell'abbonamento per personalizzare il contenuto visualizzato quando il destinatario di un'e-mail aggiorna le sue preferenze di abbonamento. Questo modulo è disponibile solo sui modelli di sistema di conferma dell'abbonamento via e-mail.

• Per modificare il contenuto predefinito del modulo di conferma dell'aggiornamento dell'abbonamento:

1. 1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
   2. Passare al modello del sistema.
   3. Nell'editor di layout, fare clic sul modulo Conferma aggiornamento abbonamenti.
   4. Nell'ispettore della sezione Contenuto predefinito, inserire il testo per il campo Intestazione.
   5. Nel menu a discesa Livello intestazione , selezionare un livello di intestazione (H1-H6).
   6. Nel menu a discesa Livello intestazione e-mail, selezionare un livello di intestazione (H1-H6).
   7. Nel campo Sottotitolo, fare clic sull' icona di espansione expandIcon per modificare il testo.

1. 8. Nel campo Messaggio su cancellazione , inserire il testo da visualizzare quando un visitatore si cancella.
   9. Nel campo Messaggio sull'aggiornamento dell'abbonamento, inserire il testo da visualizzare quando un visitatore aggiorna le preferenze di abbonamento.

• Una volta terminata la modifica del modulo di conferma dell'aggiornamento degli abbonamenti, fare clic su Pubblica modifiche in alto a destra.

Visualizzazione di pagina web

È possibile utilizzare il modulo Visualizzazione come pagina web per offrire ai destinatari delle e-mail la possibilità di aprire le e-mail di marketing come pagina web. Per saperne di più sull'utilizzo della versione pagina web di un modulo e-mail.

• Per modificare il contenuto predefinito del modulo Visualizzazione di pagina web:
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Passare al modello di e-mail.
  3. Nell'editor di layout, fare clic sul modulo Visualizzazione di pagina o aggiungere il modulo.
  4. Nell'ispettore della sezione Contenuto predefinito, fare clic sull'icona expandIco per modificare il testo visualizzato nel campo Visualizza come pagina web.

• Per modificare le opzioni di stile del modulo del corpo dell'e-mail principale:
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Passare al modello di e-mail.
  3. Nell'editor di layout, fare clic sul modulo Visualizzazione di pagina o aggiungere il modulo.
  4. Nell'ispettore della sezione Opzioni di stile , inserire i valori esadecimali nei campi di testo Colore del testo, Colore dello sfondo e Colore del bordo. È anche possibile fare clic sulselezionatore di colori .

• Una volta terminata la modifica del modulo principale del corpo dell'e-mail, fate clic su Pubblica modifiche in alto a destra.

Collegamento WhatsApp

È possibile utilizzare il modulo di collegamento a WhatsApp per dare ai visitatori del sito web la possibilità di entrare in contatto direttamente con voi. Questo modulo può essere aggiunto a pagine, post blog e pagine di prospetto del blog. Per utilizzare questo modulo, dovrete collegare il vostro canale WhatsApp alla vostra Posta in arrivo delle conversazioni.

Nota bene: questo modulo è disponibile solo per gliaccount Marketing Hub eService Hub Professional ed Enterprise di .

• Per modificare il contenuto predefinito del modulo link di WhatsApp:
  1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
  2. Navigare nel modello.
  3. Nell'editor di layout, fare clic sul modulo Collegamento a WhatsApp o su
     o aggiungere il modulo.
  4. Nell'ispettore della sezione Contenuto predefinito, fare clic su Vai alle impostazioni per collegare il canale WhatsApp alla Posta in arrivo delle conversazioni.
  5. Nel menu a discesa Testo di iscrizione, selezionare un'opzione di iscrizione.
  6. Nel menu a discesa Mostra, selezionare Testo e icona, Solo testo o Solo icona.
  7. Nel menu a discesa Posizione icona, selezionare Sinistra o Destra.
  8. Nel campo Testo del pulsante, inserire il testo che verrà visualizzato sul pulsante. Il testo predefinito sarà Chat su WhatsApp.
  9. Nel campo Titolo icona Whatsapp, inserire il testo del titolo per l'accessibilità. Il testo predefinito è Icona WhatsApp.

• Una volta terminata la modifica del modulo di collegamento a WhatsApp, fare clic su Pubblica modifiche in alto a destra.