Nota bene: la traduzione in olandese di questo articolo è fornita solo per comodità. La traduzione viene creata automaticamente tramite un software di traduzione e potrebbe non essere stata revisionata. Pertanto, la versione inglese di questo articolo deve essere considerata come la versione di governo contenente le informazioni più recenti. È possibile accedervi qui.
Design Manager

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

Ultimo aggiornamento: gennaio 27, 2021

Si applica a:

Marketing Hub  Professional, Enterprisee
CMS Hub  Professional, Enterprisee
Legacy Marketing Hub Basic

Usa il costruttore di template di HubSpot per creare template usando moduli in un'interfaccia drag and drop. Questi modelli servono come base per le tue pagine, email e blog. Impara di più su come costruire modelli in HubSpot in questalezione Academy.

Se il team dei servizi tecnici di HubSpot ha impostato i tuoi template, avrai già dei template personalizzati per soddisfare le esigenze di design del tuo sito.

Per creare un template HTML, impara come creare un template personalizzato codificato.

Nota: è necessario unMarketing HubProfessionale o Enterprise è richiesto per creare modelli di e-mail.CMS Hub Gli account possono creare email usando l'editor di email drag and drop.

Cos'è un template HubSpot?

I template HubSpot servono come base per il contenuto che si crea. I template sono costruiti organizzando una varietà dimoduli di contenuto in un'interfaccia drag and drop.

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

Mockups to layout

Crea un nuovo modello

  • Nel tuo account HubSpot, naviga su Marketing > File e Modelli > Strumenti di progettazione.
  • Clicca su File> Nuovo file nellaparte superiore del finderper creare un nuovo modello.

new-file

  • Nella finestra di dialogo, seleziona Drag anddrop.
  • Usa il menu a tendina per selezionare iltipo dimodello. Mentre la maggior parte dei moduli predefinitisono disponibili per qualsiasi modello, alcuni moduli sono limitati a determinati tipi di modello. Puoi selezionare i seguenti tipi di template:
    • Blog: modelli strutturati che fungono da base sia per i singoli post del blog che per le pagine di elenco del blog.
    • Email: modelli strutturati che fungono da base per le tue email.
    • Pagina: modelli strutturati che fungono da base per il tuo sito web e le tue landing page.
    • System: modelli strutturati per lepagine di errore, di richiesta dipassworde di iscrizione all'e-mail.
  • Successivamente, dai unnome al tuo modello. Quando hai finito, clicca suCreate.
new%20file

Strutturare e personalizzare il tuo template

Puoi aggiungere altrimoduli al tuotemplate usando l'ispettore sul latodestro. Fai clic su + Add nell'ispettore per cercareimodulida aggiungere al layoutdel tuo template drag and drop.Scopri di più su come modificare la struttura del tuo template.

Per personalizzare lo stile del tuo modello, puoi usare le opzioni nell'ispettore. Se non sono selezionati moduli specifici, puoi aggiungere lo stile alla testa del modello stesso nell'ispettore. Clicca su unmodulo o un gruppo peraccedere alleopzioni distilespecifiche di quel componente. Per saperne di più su come usare l'ispettore per dare stile al tuo template.

Nota: non è possibile allegare file CSS o Javascript a un modello di e-mail, ma è possibile aggiungeremarkup HTML personalizzato, classi del corpo e stile in linea al modello.

HubSpot Help article screenshot

Anteprima e pubblicazione del modello

  • In alto a destra, clicca su Anteprimapervedere un'anteprima del tuo modello su un browser web. Se selezioni Anteprima dal vivo conopzioni di visualizzazione,puoi vedere l'anteprima come appare su altri dispositivi.

  • Una volta che hai finalizzato il tuo modello, clicca suPubblica le modifichein alto a destra.
    HubSpot Help article screenshot

Una volta che il tuo nuovo modello è pubblicato, puoi selezionarlo per nuove pagine o email. Puoi ancheselezionare questo modello per iltuo blog nelle impostazioni del tuo blog.