Nell'editor di contenuti e nel design manager sono disponibili alcuni moduli predefiniti da utilizzare per la maggior parte dei tipi di contenuto.
Utilizzando gli snippet 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.
Nel design manager, è possibile aggiungere moduli predefiniti ai modelli trascinabili utilizzando l'editor di layout.
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.
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'iscrizione di backup nella sezione Contenuto predefinito di questo modulo.
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.
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 pagine degli annunci del blog. È possibile modificare il markup dei post facendo clic su Modifica modello di post e modificare il markup della pagina dell'inserzione facendo clic su Modifica modello di inserzione. Per saperne di più sul markup del modulo dei contenuti del blog.
Nota bene: il modulo di iscrizione alle e-mail del blog non è disponibile per i modelli di e-mail.
Il modulo di iscrizione alle e-mail del blog consente ai visitatori di iscriversi 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 per personalizzare il testo che appare dopo che il visitatore ha inviato il modulo.
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 sul menu a discesa CTA 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.
È 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.
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.
Per questo modulo è possibile personalizzare le seguenti impostazioni:
Un modulo di 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).
Un modulo immagine aggiunge una singola immagine a un contenuto. Per saperne di più sulle opzioni di modifica dei moduli immagine.
Il modulo galleria di immagini aggiunge una serie di immagini rotanti a un singolo modulo. Per saperne di più sulle impostazioni personalizzabili del modulo galleria di immagini.
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:
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.
Il modulo Logo inserisce automaticamente il logo aziendale dalle impostazioni del sito web. Per utilizzare un logo diverso, fare clic sull'interruttore Sovrascrivi 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 si collega automaticamente all'URL specificato nel kit del marchio. Per ignorare questo valore predefinito e collegarsi a una pagina diversa, inserire un URL di collegamento unico .
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.
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.
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:
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 nel Finder e nell'Inspector. Per saperne di più su come lavorare con i moduli personalizzati, consultate la nostra documentazione per sviluppatori.
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 i tag HubL richiesti .
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.
Il modulo per una riga di testo consente agli utenti di modificare una singola riga di testo nell'editor di contenuti.
Il modulo a piè di pagina visualizza le informazioni sul copyright con l'anno corrente e il nome della vostra azienda. Il nome dell'azienda viene inserito automaticamente dalla sezione Piè di pagina delle impostazioni dell'e-mail.
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.
Nota bene: il modulo di iscrizione alle e-mail del 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 :
Nota bene: il modulo di iscrizione alle e-mail del 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:
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.
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.
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:
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.
I moduli di menu semplici consentono agli utenti di creare menu specifici per le pagine nell'editor di contenuti. Questo modulo offre la flessibilità di creare 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.
Il modulo di condivisione sociale 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 sociale utilizza icone predefinite per ogni social network. Se si desidera utilizzare le proprie icone sociali personalizzate, è possibile creare una versione personalizzata del modulo.
Con il modulo 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.
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 loro preferenze di iscrizione o si cancellano dalle comunicazioni e-mail.
Il modulo di conferma dell'aggiornamento dell'abbonamento è un modulo di testo ricco disponibile nei modelli di sistema di conferma dell'aggiornamento dell'abbonamento . Permette di personalizzare la visualizzazione quando il destinatario di un'e-mail aggiorna le proprie impostazioni di sottoscrizione.
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.
Nota bene: questo modulo è disponibilesolo per gliaccount Marketing Hub eService Hub Professional ed Enterprise.
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, ai post del blog e alle pagine degli annunci del blog. Per utilizzare questo modulo, è necessario collegare il canale WhatsApp alla casella di posta 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: