I moduli predefiniti di HubSpot

Nell'editor dei contenuti e nel design manager sono disponibili alcuni moduli predefiniti da utilizzare per la maggior parte dei tipi di contenuto.

Utilizzando i frammenti di HubL, è possibile aggiungere questi moduli predefiniti ai modelli HTML. Per saperne di più sull'utilizzo dei moduli predefiniti nei modelli personalizzati, consultare la documentazione per gli sviluppatori.

Aggiunta di un modulo per il trascinamento dei modelli

Nel design manager, è possibile aggiungere moduli predefiniti ai modelli con editor drag-and-drop utilizzando l'editor di layout.

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

• Nella sezione Contenuto predefinito , personalizzare il contenuto che apparirà quando il modulo viene aggiunto all'editor di contenuti.

• Nella sezione Opzioni dell'editor , attivare l'interruttore Impedisci la modifica nell'editor di contenuti per impedire ad altri utenti di modificare il contenuto predefinito del modulo nell'editor di contenuti.

Personalizzare i moduli predefiniti

Tutti gli account Marketing Hub Professional & Enterprise e Content Hub Professional & Enterprise hanno una cartella @hubspot nel design manager.

Questa cartella contiene tutti i temi e i moduli predefiniti, compresi i moduli di trascinamento delle e-mail. Questi temi e moduli sono di sola lettura, ma possono essere clonati se si desidera modificarli.

• Nel tuo account HubSpot, passa a Contenuti > Design Manager.
• Nel Finder, fare clic sulla cartella @hubspot.
• Fare clic con il pulsante destro del mouse su un modulo predefinito e selezionare Clona modulo.
  
  
• Nel modulo clonato, modificare il codice sorgente del modulo.
• 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 apportare aggiornamenti significativi senza impattare sui contenuti esistenti. Ad esempio, una nuova versione di un modulo può offrire una migliore organizzazione dei campi, opzioni di stile e funzionalità aggiuntive. Per saperne di più su come funziona il versioning dei moduli dietro le quinte, consultate 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 accedere a una nuova versione di un modulo:

• Nel tuo account HubSpot, fai clic sulle settings icona delle impostazioni nella barra di navigazione principale.
• Nel menu della barra laterale sinistra, spostarsi su Contenuti > Temi e moduli.
• 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.
  
  
• Nella barra laterale destra, esaminare le modifiche. La barra laterale include un riepilogo di alto livello dell'aggiornamento e una descrizione dettagliata delle modifiche e delle risorse interessate.
  
  
• Per aggiornare il modulo, fare clic su Rata. Quindi, nella finestra di dialogo, fare clic su Conferma aggiornamento. Le pagine e i modelli possono impiegare fino a 10 minuti per riflettere 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 dell'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, se necessario:

• Nel tuo account HubSpot, fai clic sulle settings icona delle impostazioni nella barra di navigazione principale.
• Nel menu della barra laterale sinistra, spostarsi su Contenuto > Temi e moduli.
• Fare clic sulla schedaModuli, individuare il modulo che si desidera ripristinare e fare clic su Ripristina aggiornamento recente.
  
  
• Nella barra laterale destra, esaminare la cronologia delle versioni del modulo, quindi fare clic su Annulla questo aggiornamento.
  
  
• Rivedere le informazioni nella barra laterale destra per confermare l'annullamento dell'aggiornamento, quindi fare clic su Annulla.
• Nella finestra di dialogo, fare clic su Conferma.

Dopo aver annullato l'aggiornamento, potrebbe essere necessario un po' di tempo prima che i modelli e le pagine riflettano il modulo annullato. In qualsiasi momento, è possibile aggiornare nuovamente il modulo seguendo la procedura di aggiornamento descritta sopra.

Tipi di moduli predefiniti

Annullamento del backup

Il modello di backup per l'annullamento dell'iscrizione viene visualizzato dai destinatari delle e-mail che fanno clic su un link di annullamento dell'iscrizione se HubSpot non è in grado di determinare il loro indirizzo e-mail. È possibile personalizzare il testo di aiuto che appare nella Pagina di annullamento dell'abbonamento di backup nella sezione Contenuto predefinito di questo modulo.

Commenti sul blog

Nota bene: il modulo dei commenti al blog non è disponibile per i modelli di pagina o di e-mail.

Il modulo dei commenti al blog aggiunge una sezione di commenti al modello di un post del blog. È possibile personalizzare il modulo dei commenti del blog nello strumento dei moduli. Il nome del modulo sarà basato sul titolo del blog.

Contenuti del blog

Nota bene: il modulo dei contenuti del blog non è disponibile per i modelli di pagina o di e-mail.

Il modulo dei contenuti del blog contiene il markup HTML/HubL per i post e le liste articoli del blog. È possibile modificare il markup dei post facendo clic su Modifica modello di post e modificare il markup della lista articoli facendo clic su Modifica modello di lista. Per saperne di più sul markup del modulo dei contenuti del blog.

Abbonamento alle e-mail del blog

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

Il modulo di abbonamento alle e-mail del blog consente ai visitatori di abbonarsi alle e-mail di digest del vostro blog compilando un modulo. Questo modulo è popolato dal vostro modulo di iscrizione al blog, che può essere personalizzato nello strumento dei moduli.

Fare clic sul menu a discesa Seleziona il blog da visualizzare e selezionare il blog a cui si iscrivono i visitatori. Nella casella di testo Titolo da visualizzare sopra il modulo , personalizzare il testo che appare nel titolo sopra il modulo. Passare il mouse sulla risposta in linea esistente e fare clic sull'icona di espansione expand per personalizzare il testo che appare dopo che il visitatore ha inviato il modulo.

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.

Nell'ispettore, fare clic sulla CTA a discesa e selezionare una CTA predefinita per questo modulo nel modello. Oppure fare clic su + Crea nuova CTA nello stesso menu per creare una nuova CTA come CTA predefinita.

Biblioteca dei contenuti

È possibile utilizzare il modulo libreria di contenuti per creare una libreria di risorse a cui i visitatori possono accedere. Per la libreria, è possibile impostare il layout delle risorse, le icone, i caratteri e i colori. Per ogni risorsa è possibile impostare un nome, una descrizione, un link o un file e un'immagine di visualizzazione.

È anche possibile impostare i contenuti come in primo piano, in modo che appaiano in cima alla libreria dei contenuti e occupino un'intera riga.

Forma

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

Il modulo modulo consente di aggiungere un modulo alla pagina o al blog per acquisire informazioni di contatto dai visitatori del sito web.

Per questo modulo è possibile personalizzare le seguenti impostazioni:

1. Titolo del modulo: inserire il titolo del modulo che verrà visualizzato nella pagina o nel blog.
2. Modulo: selezionare un modulo HubSpot esistente da far apparire sulla pagina, oppure aggiungere un nuovo modulo.
3. Cosa vedrà il visitatore dopo aver inviato il modulo?: scegliere se reindirizzare la persona che invia il modulo a un'altra pagina o se visualizzare un messaggio di ringraziamento in linea sulla stessa pagina.
4. Messaggio di ringraziamento: personalizzare il messaggio di ringraziamento in linea.
5. Invia le notifiche del modulo a indirizzi e-mail specificati invece che a quelli predefiniti: invia le e-mail di notifica del modulo a indirizzi specifici. In questo modo si annullano i destinatari delle notifiche impostati nello strumento dei moduli.
6. Aggiungi al flusso di lavoro: aggiungete i visitatori che inviano il modulo a un flusso di lavoro( soloMarketing Hub Professional o Enterprise ).
7. Invia un'e-mail di follow-up: invia fino a tre e-mail di follow-up ai visitatori che inviano il modulo.

Intestazione

Il modulo intestazione visualizza una riga di testo in un tag HTML di intestazione. Inserire il testo predefinito dell'intestazione nella casella Contenuto dell'intestazione. Fare clic sul menu a discesa Tipo di intestazione per selezionare il tag di intestazione(H1-H4).

Immagine

Un modulo immagine aggiunge una singola immagine a un contenuto. Per saperne di più sulle opzioni di modifica dei moduli immagine.

Galleria di immagini

Il modulo galleria di immagini aggiunge una serie di immagini a rotazione a un singolo modulo. Per saperne di più sulle impostazioni personalizzabili del modulo galleria di immagini.

Commutatore di lingua

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

Il modulo per il cambio di lingua consente ai visitatori di passare da una versione tradotta all'altra di una pagina o di un blog. Fare clic sul menu a discesa Modalità di visualizzazione per personalizzare la visualizzazione dei nomi delle lingue tradotte:

• Pagelang: il nome di ogni lingua 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).

Questo modulo appare solo sulle pagine live con più di una traduzione pubblicata. Per saperne di più su come lavorare con i contenuti multilingue in HubSpot.

Logo

Il modulo Logo inserisce automaticamente il logo dell'azienda dalle impostazioni del sito web. Per utilizzare un logo diverso, fare clic sull'interruttore Sostituisci il logo predefinito per questa pagina per caricare una nuova immagine solo per questa pagina. Per modificare il logo predefinito per tutti i contenuti nelle impostazioni del sito web, fare clic su Modifica logo predefinito in questo dominio.

Il modulo del logo rimanda automaticamente all'URL specificato nel kit del brand. Per ignorare questo valore predefinito e collegarsi a una pagina diversa, inserire un URL di collegamento unico .

Griglia del logo

Con il modulo Griglia di loghi, è possibile disporre più loghi di dimensioni diverse in una griglia coerente. È possibile personalizzare il colore di sfondo, il rapporto di aspetto, la dimensione della griglia, la dimensione della spaziatura e l'altezza massima del logo.

Corpo dell'e-mail principale

Il modulo principale del corpo dell'email è un modulo standard di testo ricco che viene incluso di default in ogni modello di email. È possibile personalizzare il contenuto predefinito del corpo dell'email in un modello specifico.

Oltre alle opzioni di stile standard, questo modulo può essere personalizzato con colori, bordi e spaziatura predefiniti. Per impostare i colori predefiniti, fare clic sulla bolla del colore e selezionare un colore dal selezionatore o inserire un valore esadecimale nel campo di testo. Inserire i valori in pixel nei campi di testo Larghezza bordo e Spaziatura interna per impostare la spaziatura predefinita.

Menu

Il modulo menu aggiunge la navigazione ai contenuti e ai modelli. I menu vengono creati e gestiti direttamente nelle impostazioni del sito.

Negli strumenti di progettazione è possibile personalizzare le seguenti caratteristiche del modulo di menu:

1. Menu: selezionare uno dei menu esistenti nelle impostazioni.
2. Tipo di menu avanzato: selezionare il modo in cui le voci di menu devono apparire sul sito:
   • Statico - Mostra sempre le pagine di primo livello in menu: mantiene il vostro menu coerente in tutte le pagine.
   • Dinamico per sezione - Mostra le pagine in menu che sono correlate a sezione visualizzare le voci di menu relative alla voce di menu di livello superiore visualizzata.
   • Dinamico per pagina - Mostra le pagine in menu che sono correlate a pagina visualizzazione: visualizza le voci di menu relative alla pagina specifica visualizzata.
   • Menu di percorso in stile breadcrumb (utilizza un flusso orizzontale): visualizza le voci di menu orizzontalmente in un percorso relativo attraverso la parte superiore del sito.
3. Livelli massimi: selezionare il numero massimo di voci di menu figlio che possono essere visualizzate.
4. Orientamento: selezionare se le voci di menu vengono visualizzate in orizzontale o in verticale.
5. Abilita flyout: selezionare questa casella di controllo per mostrare le voci del menu figlio quando si passa il mouse sopra la voce principale. Deselezionare questa casella di controllo per visualizzare sempre le voci del menu figlio.

Moduli

I moduli creati nell'editor di codice consentono di utilizzare HTML, CSS, Javascript e HubL per aggiungere funzionalità avanzate ai template, consentendo agli utenti di modificare il contenuto del modulo nell'editor di contenuti senza modificare il codice. Questi componenti saranno contrassegnati dall'icona del modulo customModules nel Finder e nell'Inspector. Per saperne di più su come lavorare con i moduli personalizzati, consultare la nostra documentazione per sviluppatori.

Informazioni sull'ubicazione dell'ufficio

Il modulo della sede dell'ufficio include i token necessari che devono essere inclusi in un modello di e-mail per poter inviare legalmente e-mail di marketing. Sebbene sia possibile modificare lo stile di questo modulo, non sarà possibile salvare un modello di e-mail senza un modulo di informazioni sulla sede dell'ufficio o senza i token richiesti HubL tag.

Oltre alle opzioni di stile standard, questo modulo può essere personalizzato con colori, bordi e spaziatura predefiniti. Per impostare i colori predefiniti, fare clic sulla bolla del colore e selezionare un colore dal selezionatore o inserire un valore esadecimale nel campo di testo. Inserire i valori in pixel nei campi di testo Larghezza bordo e Spaziatura interna per impostare la spaziatura predefinita.

Una riga di testo

Il modulo per una riga di testo consente agli utenti di modificare una singola riga di testo nell'editor di contenuti.

Piè di pagina

Il modulo a piè di pagina visualizza le informazioni sul copyright con l'anno corrente e il nome dell'Azienda. Il nome dell'azienda viene inserito automaticamente dalla sezione Piè di pagina delle impostazioni dell'e-mail.

Richiesta di password

Il modulo di richiesta password è disponibile sui modelli di sistema di richiesta password. Se una pagina è protetta da password, la pagina di richiesta password viene visualizzata prima che un utente possa accedere alla pagina. È possibile personalizzare il testo del pulsante di invio e il testo da visualizzare se viene immessa una password errata.

Filtro postale

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

Il modulo di filtro dei post visualizza un elenco di articoli del blog di un argomento, di un mese o di un autore specifico.

È possibile personalizzare le seguenti impostazioni per questo modulo nella sezione Contenuto predefinito :

• Selezionare un blog da visualizzare: selezionare i post del blog da utilizzare.
• Elenco dei valori per i link di filtro: selezionare se il modulo è filtrato per tag, mese o autore.
• Ordinamento dei valori per i link di filtro: selezionare se i valori saranno organizzati in ordine alfabetico o per numero di post.
• Titolo dell'elenco da visualizzare: inserire un titolo da far apparire sopra i post.
• Numero massimo di valori del filtro da visualizzare: inserire il numero massimo di post per un filtro specifico. Lasciare questo campo vuoto per visualizzare tutti i post.
• Link di testo da visualizzare se sono presenti più valori di post di quelli consentiti: inserire il testo che apparirà se ci sono più post disponibili in una categoria. Il testo predefinito è Vedi tutti.

Inserzione

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

Il modulo di elencazione dei post serve a visualizzare un elenco di post di un blog di HubSpot. È possibile impostare il modulo in modo da visualizzare i post più recenti o quelli più popolari dell'ultimo mese, sei mesi, anno o di tutto il tempo.

È possibile personalizzare i seguenti contenuti predefiniti nell'ispettore:

• Selezionare il blog da visualizzare: selezionare il blog per il quale si desidera visualizzare i titoli dei post
• Elenca i post del blog per: selezionare il modo in cui organizzare i post
• Titolo dell'elenco da visualizzare: inserire un titolo da far apparire sopra i post.
• Numero massimo di post da elencare: inserire il numero massimo di post che appariranno in questo modulo.

Prodotto

Utilizzando il modulo prodotto, è possibile visualizzare i prodotti della propria libreria di prodotti su pagine e post. Le informazioni predefinite dei prodotti vengono visualizzate, ma è possibile scegliere di sovrascriverle a livello di pagina per pagina.

Testo ricco

Il modulo rich text è il modulo di contenuto più comunemente utilizzato negli strumenti di contenuto di HubSpot. Supporta opzioni di modifica per diversi componenti, come testo, immagini e CTA.

Per aggiungere contenuti predefiniti per questo modulo, fare clic su Espandi o fare clic sull'anteprima del contenuto per aprire un editor di testo ricco.

Elenco RSS

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

È possibile utilizzare un modulo di elenchi RSS per visualizzare i riepiloghi dei post di un blog HubSpot o di un feed RSS esterno.

I moduli degli elenchi RSS possono visualizzare un blog o un tag specifico. Fare clic per attivare l'interruttore corrispondente per indicare se un'immagine in primo piano, il nome dell'autore, il sommario o la data di pubblicazione devono essere mostrati con ogni post.

Dopo aver abilitato queste impostazioni, è possibile personalizzare i seguenti dettagli:

• Mostra nome autore: inserire il testo di attribuzione dell'autore da mostrare sopra ogni nome di autore. Per impostazione predefinita, questo modulo includerà by come testo di attribuzione.
• Mostra sommario: inserire la lunghezza in caratteri del sommario di ciascun blog. È inoltre possibile personalizzare il testo del sommario, ovvero il link che i visitatori del blog cliccano per leggere l'intero post. Per impostazione predefinita, questo testo sarà etichettato come Leggi di più.
• Mostra data di pubblicazione: selezionare la voce Formato data di pubblicazione perpersonalizzare la formattazione della data e dell'ora di ogni post. È inoltre possibile personalizzare il testo dell'indicatore della data di pubblicazione. Per impostazione predefinita, questo testo sarà scritto Pubblicato alle.

Titolo della sezione

Il modulo intestazione di sezione consente di visualizzare un tag di intestazione h1 con un sottotitolo di paragrafo. Questo modulo è ideale per intitolare la sezione principale di una pagina.

Menu semplice

I moduli Menu semplice permettono agli utenti di creare menu specifici per le pagine nell'editor dei contenuti. Questo modulo offre la flessibilità di costruire un menu semplice per un modello specifico. Nell'ispettore, fare clic su Modifica menu per aggiungere voci di menu, collegamenti e selezionare l'orientamento del menu. La modifica dell'orientamento del menu aggiunge una classe hs-menu-flow-horizontal o hs-menu-flow-vertical al contenitore del menu, che può essere utilizzata per lo styling nel CSS. Per saperne di più sulle classi aggiunte dalle impostazioni del modulo, consultare la nostra documentazione per sviluppatori.

Condivisione sociale

Il modulo di condivisione social consente ai visitatori di condividere facilmente i vostri contenuti sui canali dei social media e via e-mail. Fate clic per attivare l'interruttore Enabled? accanto a uno specifico social network per includerlo nella vostra pagina o e-mail.

Il link di condivisione si popolerà automaticamente con i tag HubL richiesti per condividere i contenuti. Nelle e-mail, 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.

Follower sociale

Con un modulo di social follow, potete indirizzare i visitatori a seguire la vostra azienda sui social media. Per ogni social network, è possibile impostare un link personalizzato o un indirizzo e-mail. Nel design manager si possono anche impostare icone personalizzate per ogni social network.

Preferenze di abbonamento

I moduli delle preferenze di abbonamento sono disponibili solo sui modelli di sistema delle preferenze di abbonamento.

Questi moduli consentono di personalizzare la pagina che i destinatari delle e-mail vedono quando gestiscono le preferenze di abbonamento o si cancellano dalle comunicazioni e-mail.

Conferma dell'aggiornamento dell'abbonamento

Il modulo di conferma dell'aggiornamento dell'abbonamento è un modulo di testo ricco disponibile nei modelli di sistema di conferma dell'aggiornamento dell'abbonamento . Consente di personalizzare la visualizzazione quando il destinatario di un'e-mail aggiorna le impostazioni dell'abbonamento.

Visualizza come pagina web

Il modulo Visualizza come pagina web offre ai destinatari delle e-mail la possibilità di aprire la versione di pagina web di un'e-mail.

Collegamento WhatsApp

Nota bene: questo modulo è disponibilesolo per gliaccount Marketing Hub eService Hub Professional e Enterprise di .

Utilizzate il modulo di collegamento a WhatsApp per aggiungere un modo in cui i visitatori del sito web possano connettersi con voi direttamente tramite WhatsApp. Questo modulo può essere aggiunto alle pagine del sito web, agli annunci del blog e alle liste articoli del blog. Per utilizzare questo modulo, dovrete collegare il vostro canale WhatsApp alla vostra Posta in arrivo delle conversazioni.

Lo stile dei pulsanti, come il colore e la spaziatura, può essere personalizzato nella scheda Stili dell'editor di pagina e si possono configurare i seguenti elementi:

• Numero WhatsApp: selezionare un numero WhatsApp collegato.
• Testo di opt-in: selezionare il testo di opt-in e di opt-out.
• Mostra: selezionare se il pulsante visualizza il testo, un'icona o entrambi.
• Posizione icona: selezionare se l'icona appare a sinistra o a destra del testo.
• Testo del pulsante: inserire il testo che appare sul pulsante.
• Titolo icona WhatsApp: per garantire l'accessibilità, inserire la descrizione dell'icona per i lettori di schermo.