Creare modelli di pagine, e-mail e blog nell'editor di layout

L'uso di un modello consente di controllare la struttura dei diversi tipi di contenuto di un blog, di una pagina o di un'e-mail. È possibile creare modelli nel design manager trascinando e rilasciando moduli. Per saperne di più sulla creazione di modelli in HubSpot Academy, leggete questa lezione di HubSpot Academy.

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

• Verificare di avere l'autorizzazione Strumenti di progettazione per creare e modificare i modelli nel design manager.
• Si consiglia di avere anche i permessi per le impostazioni globali dei contenuti e dei temi e per le impostazioni del sito web, se è necessario modificare le risorse web globali e le impostazioni del blog/sito web.

Comprendere limiti e considerazioni

• Per creare modelli di e-mail è necessario un abbonamento a Marketing Hub Professional o Enterprise. Gli account di Content Hub possono creare email utilizzando l'editor drag-and-drop.
• Non è supportato il collegamento di file CSS o JavaScript a un modello di e-mail, ma è possibile aggiungere markup HTML personalizzato, classi del corpo e stile inline al modello.
• I modelli trascinabili non supportano tutte le funzioni di contenuto disponibili. Per utilizzare la più ampia gamma di strumenti, è consigliabile utilizzare i modelli HTML + HubL.

Capire i modelli di HubSpot

I modelli di HubSpot forniscono la struttura per blog, pagine ed e-mail, mentre gli utenti generano i contenuti veri e propri nell'editor di contenuti. È possibile creare modelli trascinando e rilasciando moduli di contenuto per creare un layout. Per creare un modello utilizzando l'HTML, invece, si consiglia di approfondire il tema della creazione di un modello personalizzato.

L'editor di layout aiuta a convertire un'idea, uno schizzo o un prototipo in un modello reattivo per la creazione di contenuti.

Creare un nuovo modello

• Nel tuo account HubSpot, passa a Contenuti > Design Manager.
• Nella parte superiore della colonna di sinistra, fare clic sul menu File e selezionare Nuovo file.

• Nella finestra di dialogo, fare clic sul menu a discesa Cosa si desidera costruire oggi? e selezionare Trascina e rilascia. Quindi fare clic su Avanti.

• Fare clic sulmenu a discesa del tipo di modello e selezionare un tipo. Mentre la maggior parte dei moduli predefiniti è disponibile per qualsiasi modello, alcuni moduli sono limitati a determinati tipi di modello. È possibile selezionare i seguenti tipi di modello:
  • Blog: modelli per i singoli post del blog e per le liste articoli del blog.
  • E-mail: modelli per le e-mail.
  • Pagina: modelli per il sito web e le landing page.
  • Sistema: modelli per le pagine di errore, di richiesta password e di abbonamento via e-mail.
• Immettere il nome del file. Al termine, fare clic su Crea.

 

Struttura e personalizzazione del modello

È possibile aggiungere altri moduli al modello utilizzando l'ispettore sul lato destro del design manager. Fare clic su add Add nella colonna di destra per cercare i moduli da aggiungere al layout del modello con il drag and drop. Per saperne di più sulla modifica della struttura del modello.

Per personalizzare lo stile del template, è possibile utilizzare le opzioni della colonna di destra. Se non sono selezionati moduli specifici, è possibile aggiungere lo stile alla testa del modello stesso. Fare clic su un modulo o un gruppo per accedere alle opzioni di stile specifiche di quel componente. Per saperne di più sull'uso dell'ispettore per lo stile del modello.

Anteprima e pubblicazione del modello

Una volta creato il modello, è possibile visualizzare l'anteprima di come apparirà su una pagina live, quindi pubblicarlo.

• Per visualizzare l'anteprima del modello:
  • In alto a destra, fare clic su Anteprima.
  • Se si seleziona Anteprima dal vivo con opzioni di visualizzazione, è possibile visualizzare l'anteprima del modello come appare su altri dispositivi selezionando il Riquadro di visualizzazione.
  • Se si seleziona Anteprima senza opzioni di visualizzazione, è possibile visualizzare l'anteprima del modello solo sui browser.