Con l'Email Designer di ActiveCampaign, potete usare facilmente l'HTML nella progettazione delle vostre email. In questo modo hai la piena flessibilità di creare una campagna che meglio si adatta ai tuoi obiettivi aziendali e consente una facile risoluzione dei problemi.
Prendi nota
- Questo articolo si riferisce al designer per email lanciato nel 2022. Se volete imparare a usare le opzioni HTML per il Classic Designer, consultate Classic Designer: Utilizzare il blocco di contenuto HTML con le campagne
- Devi essere a tuo agio con HTML e CSS per utilizzare questa opzione
- Il nostro team CX non può aiutarti a creare o risolvere i problemi del codice che crei nel designer per email
- Gli iframe non sono supportati nelle campagne email
Per utilizzare il blocco contenuto HTML
Un modo per aggiungere HTML alla campagna è il blocco di contenuto HTML. Con questa opzione, si aggiunge solo codice HTML al blocco di contenuto. Non si applica agli altri blocchi di contenuto dell'Email Designer.
- Dal Designer di email, fare clic sul menu a discesa "Blocchi" nel menu a destra.
- Scorrere verso il basso fino all'opzione Blocco HTML.
- Trascina il blocco di contenuto "Prodotti" nella tua email. Il blocco HTML verrà visualizzato nella finestra Email Designer.
- Fare clic sul blocco HTML per visualizzare l'editor di codice.
- Aggiungete il vostro HTML personalizzato nell'editor di codice.
- Per uscire dall'editor di codice, fare clic su qualsiasi blocco nel Designer di email.
Accedi all'opzione del codice
Per un maggiore controllo sull'Email Designer, è possibile modificare l'HTML dell'email con il pulsante del codice.
- Da Email Designer, fare clic sul pulsante "Codice". Questo si trova nella parte superiore della pagina.
- Il pannello del codice verrà caricato nella parte inferiore della finestra di progettazione. Qui puoi visualizzare il codice per la tua email. Si noti che l'editor di codice visualizza l'HTML e il CSS per ogni blocco di contenuto su cui si fa clic. Se non si seleziona un blocco di contenuto, l'editor visualizzerà il codice dell'intera email.
- Per modificare il codice, fare clic sull'area che si desidera aggiornare e aggiungere o modificare il codice.
- Per uscire dalla visualizzazione Codice, fare nuovamente clic sul pulsante Codice.
Crea un nuovo modello con il designer per email e codice personalizzato
È possibile creare un modello nel designer per email che utilizza codice personalizzato.
- Dalla pagina Campagne, fai clic su "Modelli di campagna".
- Fai clic sul pulsante "Crea un modello".
- Fai clic sull'opzione "Designer per email", quindi fai clic su "Continua".
- Nella pagina successiva, fai clic sull'opzione "Inizia da zero".
- Verrà caricato il designer per email. Fare clic sul pulsante "Codice".
- Il pannello del codice si aprirà nella parte inferiore della pagina e visualizzerà HTML e CSS.
-
Aggiungere o modificare l'HTML nell'editor di codice
- Per aggiungere CSS personalizzati, fai clic su "CSS" per espandere la casella, quindi aggiungi il tuo CSS.
-
Aggiungere o modificare l'HTML nell'editor di codice
- Al termine, fai clic sul pulsante "Codice" per visualizzare il tuo lavoro. Puoi anche utilizzare le opzioni di trascinamento della selezione per completare l'email (se necessario).
Risoluzione dei problemi relativi al progetto
Se il testo o i pulsanti non vengono visualizzati correttamente, puoi visualizzare il codice email e modificarlo facendo clic sul pulsante "Codice". Avere un facile accesso al codice ti aiuta a risolvere i problemi e personalizzare lo stile dell'email.
Assicuratevi che il vostro codice HTML non includa i seguenti tag, poiché non sono supportati dai client di posta elettronica (come Gmail, Yahoo e altri):
- <button>
- <form>
- <input>
- <select>
- <textarea>
- <iframe>
- <script>
- <video>