Ultimo aggiornamento: gennaio 10, 2022
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 sulla icona della cartella per espandere il finder.
- Nella finestra di dialogo, fare clic sul menu a discesaCosa vorresti costruire oggi?e selezionareHTML & 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.
- 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
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}}
- 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.
