Salta al contenuto
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

Costruire un modello codificato personalizzato

Ultimo aggiornamento: gennaio 10, 2022

Si applica a:

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

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

I tipi di contenuto che possono utilizzare modelli codificati personalizzati dipendono dal tuo Hub del marketing e Centro CMS abbonamenti:

No Centro marketing abbonamento

O

Centro marketing Starter

Marketing Hub Professional/Enterprise

O

Legacy Marketing Hub Basic

No Hub CMS abbonamento

Modelli codificati personalizzati non disponibili

Modelli codificati personalizzati disponibili per blog, landing page ed e-mail

AvviamentoCMS Hub

Modelli codificati personalizzati disponibili per blog e pagine web

Modelli codificati personalizzati disponibili per blog, pagine di destinazione,pagine del sito web ede-mail

CMS Hub Professional/Enterprise

Modelli codificati personalizzati disponibili per blog, pagine di destinazione e pagine del sito web

Modelli codificati personalizzati disponibili per blog, pagine di destinazione,pagine del sito web ede-mail

Crea un nuovo file HTML & HUBL

  • Nel tuo account HubSpot, naviga su Marketing > File e Modelli > Strumenti di progettazione.
  • Nella barra laterale sinistra, crea un nuovo file cliccando suFile>New file.Potrebbe essere necessario cliccare sullacartella icona della cartella per espandere il finder.
  • Nella finestra di dialogo, fare clic sul menu a discesaCosa vorresti costruire oggi?e selezionareHTML & HUBL.
design-manager-html-hubl
  • Fare clic suAvanti
  • Inserisci i dettagli del tuo nuovo file:
    • SelezionareTemplateoTemplate Partial. Un template partial è un template che può essere usato all'interno di altri template.
    • Nel menu a discesa, selezionare il tipo di modello che si sta codificando (pagina, blog o email).
    • Dai un nome al tuo file.
    • Per aggiornare la posizione del file, nella sezioneFile location, cliccaChangee seleziona la cartella a cui aggiungere il file.
  • Clicca suCreate.
  • Scrivi l'HTML per la tua pagina o modello di email.
  • Per vedere in anteprima il rendering del tuo HubL, clicca per attivare l'interruttore Show output. Si aprirà un pannello sulla destra con l'anteprima del rendering.


    design-manager-show-output
  • In alto a destra, clicca su Anteprima per vedere in anteprima come apparirà e funzionerà il tuo modello nell'editor di contenuti. Questa anteprima si sincronizza con l'editor e si aggiorna automaticamente mentre lavori.
  • In alto a destra, clicca suPublish changes
Qualsiasi errore nel tuo codice sarà segnalato in un messaggio di errore quando proverai a pubblicare le modifiche. La console degli errori nella parte inferiore dell'editor di codice mostrerà i dettagli dell'errore o dell'avvertimento, così come i suggerimenti su come puoi correggere questi errori e avvertimenti.

error-console

Per ulteriori risorse sul design personalizzato, puoi fare riferimento alladocumentazione del designer di HubSpot. C'è unadocumentazioneaggiuntivasulle opzioni del modulo codificatocome i tag dei filtri e le icone.

Aggiungere i tag HubL richiesti

Vedrai un messaggio di errore se il tuo codice manca di qualche tag HubL richiesto se dovessi provare a pubblicare il file.

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 alla normativa CAN-SPAM. Possono essere aggiunti in due modi:
  • Includi questo token che tira dentro la sezione CAN-SPAM di disiscrizione: {{unsubscribe_section}}. Poi, aggiungi questi token individualmente:
    • {{site_settings.company_street_address_1}}
    • {{sito_settings.company_city}}
    • {{sito_settings.company_state}}
    • {{sito_settings.company_zip}}
    • Con questo metodo, non avrai la possibilità di formattare la lingua e lo stile del testo e dei link.

  • Usa questi token individualmente:
    • {{sito_settings.company_name}}
    • {{unsubscribe_link}} o {{unsubscribe_link_all}} (includerne almeno uno)
    • {{unsubscribe_anchor}}
    • {{sito_settings.company_name}}
    • {{sito_settings.company_street_address_1}}
    • {{sito_settings.company_city}}{{sito_settings.company_state}}
    • {{sito_settings.company_zip}}
    • Usare i token individualmente ti permetterà 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, puoi anche clonare uno dei template di HubSpot in HTML. Clonare un template in HTML ti dà accesso al contenuto HTML di un template.

Per creare una versione codificata di un modello esistente:

  • Nel tuo account HubSpot, naviga su Marketing > File e Modelli > Strumenti di progettazione.
  • Clicca suActions>Clone to 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 lacopiaaggiunta.
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.