Salta al contenuto
Nota bene: la traduzione in italiano 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 un modello codificato personalizzato

Ultimo aggiornamento: settembre 13, 2022

Si applica a:

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Legacy Marketing Hub Basic

Gli sviluppatori possono creare blog, pagine web, landing page e modelli di e-mail da zero utilizzando l'HTML. È anche possibile clonare il layout di un modello drag and drop in HTML, quindi personalizzarlo come modello codificato.

Nota bene: è necessario un accountHub di marketing È necessario un account Professional o Enterprise per creare modelli di e-mail con codice personalizzato.

Creare un nuovo file HTML e HubL

  • Nel tuo account HubSpot, naviga su Marketing > File e Modelli > Strumenti di progettazione.
  • Nella barra laterale sinistra, creare un nuovo file facendo clic su File >Nuovo file.Potrebbe essere necessario fare clic sulla cartella icona della cartella per espandere il Finder.
  • Nella finestra di dialogo, fare clic sul menu a discesaCosa vuoi costruire oggi? e selezionareHTML & HUBL.
design-manager-html-hubl
  • Fare clic su Avanti
  • Immettere i dettagli del nuovo file:
    • Selezionare Modello o Modello parziale. Un modello parziale è un modello che può essere usato all'interno di altri modelli.
    • Nel menu a discesa, selezionare il tipo di modello da codificare (pagina, blog o e-mail).
    • Assegnare un nome al file.
    • Per aggiornare la posizione del file, nella sezione Posizione del file, fare clic su Cambia e selezionare la cartella in cui aggiungere il file.
  • Fare clic su Crea.
  • Scrivere l'HTML per la pagina o il modello di e-mail.
  • Per visualizzare l'anteprima del rendering di HubL, fare clic per attivare l'interruttore Mostra output. Sulla destra si aprirà un pannello con l'anteprima del rendering.


    design-manager-show-output
  • In alto a destra, fare clic su Anteprima per vedere in anteprima come apparirà e funzionerà il modello nell'editor di contenuti. L'anteprima si sincronizza con l'editor e si aggiorna automaticamente durante il lavoro.
  • In alto a destra, fare clic su Pubblica modifiche
Eventuali errori nel codice saranno segnalati da un messaggio di errore quando si cerca di pubblicare le modifiche. La console degli errori in fondo all'editor di codice mostrerà i dettagli dell'errore o dell'avviso, oltre a suggerimenti su come correggere tali errori e avvisi.

error-console

Per ulteriori risorse sul design personalizzato, è possibile consultare la documentazione del designer di HubSpot. È disponibile un' ulteriore documentazione sulle opzioni del modulo codificate, come i tag dei filtri e le icone.

Aggiungere i tag HubL richiesti

Se si tenta di pubblicare il file, viene visualizzato un messaggio di errore se il codice manca di uno dei tag HubL richiesti.

I template di siti web, landing page e blog richiedono i seguenti tag:

  • {{standard_footer_includes}}
  • {{standard_header_includes}}
I modelli di e-mail richiedono i seguenti tag per essere conformi a CAN-SPAM. Possono essere aggiunti in due modi:
  • Includere questo token che richiama la sezione CAN-SPAM di disiscrizione: {{unsubscribe_section}}. Quindi, aggiungere questi token individualmente:
    • {{site_settings.company_street_address_1}}
    • {{site_settings.company_city}}
    • {{site_settings.company_state}}
    • {{site_settings.company_zip}}
    • Con questo metodo, non è possibile formattare la lingua e lo stile del testo e dei link.

  • Utilizzare questi token singolarmente:
    • {{site_settings.company_name}}
    • {{unsubscribe_link}} o {{unsubscribe_link_all}} (includerne almeno uno)
    • {{unsubscribe_anchor}}
    • {{site_settings.company_name}}
    • {{site_settings.company_street_address_1}}
    • {{site_settings.company_city}{{site_settings.company_state}}
    • {{site_settings.company_zip}}
    • L'uso dei token individualmente vi consentirà la flessibilità di aggiungere parole intorno ai token e ai link e di formattarli nello stile e nella lingua desiderati.

Clonare in HTML

Oltre a creare un template da zero, potete anche clonare uno dei template di HubSpot in HTML. La clonazione di un modello in HTML consente di accedere al contenuto HTML del modello.

Per creare una versione codificata di un template esistente:

  • Nel tuo account HubSpot, naviga su Marketing > File e Modelli > Strumenti di progettazione.
  • Fare clic su Azioni > Clona in HTML nel Finder. Il file HTML verrà creato nella stessa cartella del file originale. Il nome del file corrisponderà al nome del modello originale con l'aggiunta di copia .
design-manager-clone-to-html

New call-to-action

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.