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