Rivolgiti a un professionista
Dalla formazione a un marketing completo, la nostra community di partner può aiutarti a realizzare i tuoi progetti.
Usa i blocchi di contenuto Codice nel nuovo builder
Usa i blocchi di contenuto Codice per aggiungere porzioni di codice HTML personalizzato direttamente nella tua email. Questo blocco è utile se desideri un maggiore controllo sul design rispetto a quello fornito dai nostri altri blocchi di contenuto.
In questo articolo scoprirai come usare i blocchi di contenuto Codice nel nuovo builder di email.
Prima di iniziare
Ecco alcune cose da sapere prima di iniziare.
- Questo articolo spiega come utilizzare i blocchi di contenuto Codice per il nuovo builder. Per ulteriori informazioni sui blocchi di contenuto Codice nel builder classico, consulta Usa blocchi di contenuto Codice nel builder classico.
- Si tratta di una funzionalità avanzata consigliata agli utenti che hanno familiarità con la scrittura di codice personalizzato. Se hai bisogno di assistenza, contatta il tuo sviluppatore o un esperto Mailchimp.
- Ti consigliamo di effettuare anteprima e test dell’email per vedere come apparirà la tua campagna su desktop e dispositivi mobili.
- Anche i blocchi di contenuto “Heading” (Intestazione) e “Paragraph” (Paragrafo) hanno un editor codice. Per ulteriori informazioni, consulta Usa blocchi di contenuto dell'intestazione nel nuovo builder e Usa blocchi di contenuto del paragrafo nel nuovo builder.
Nota
Per ulteriori informazioni su ogni builder di email e sui relativi blocchi di contenuto, consulta Informazioni sui builder di email di Mailchimp.
Usa i blocchi di contenuto Codice nella tua email
Per usare un blocco di contenuto Codice, segui queste indicazioni.
- Fai clic su un blocco “Code” (Codice) o fai clic e trascina un blocco codice nel layout dal pannello laterale.
- Nel menu “Code” (Codice) , digita o incolla il codice.
Suggerimenti per il blocco Codice
Di seguito sono riportati alcuni suggerimenti su come utilizzare il blocco Codice.
- Non utilizzare JavaScript.
Poiché la maggior parte dei client di posta elettronica blocca JavaScript per proteggersi dai virus, rimuoviamo automaticamente tutto il JavaScript rilevabile dal tuo codice. - Non utilizzare un programma di elaborazione testi per creare contenuto HTML . Programmi come Microsoft Word o Publisher possono aggiungere codice extra che altera la tua campagna. Ti consigliamo di scrivere il codice HTML in un semplice editor di testo e quindi di incollare il codice nel blocco Codice.
- Usa CSS incorporato o in linea.
Nella maggior parte dei casi, i file CSS esterni non funzioneranno in un’email HTML. Puoi aggiungere CSS incorporato o in linea a un blocco di codice, preferibilmente sopra la sezione del corpo del tuo layout. Per risultati migliori, ti consigliamo di utilizzare CSS in linea. - Usa le media query per assicurarti che il design sia reattivo.
Se vuoi che il tuo codice sia mobile responsive, dovrai includere le media query. Una media query è un componente CSS che consente ai tuoi contenuti di adattarsi a diversi dispositivi. Per approfondire, consulta le Raccomandazioni del W3C per le media query e la guida Litmus su Come scrivere il codice di un’email reattiva da zero. - Usa Content Studio o percorsi assoluti per immagini e file . Usa il nostro Content Studio per ospitare file e immagini per la tua campagna. Prendi l’URL del file da Content Studio e incollalo nel codice nel blocco Codice. Se ospiti le immagini sul tuo server, usa percorsi assoluti.
Elementi e attributi HTML supportati
Cancelleremo automaticamente tutti gli elementi che non sono supportati nell'editor codice.
Elemento | Attributo accettato |
---|---|
<span> | `span` |
<code> | |
<sub> | `id` , `class` e `style` |
<sup> | `id` , `class` e `style` |
<del> | `id` , `class`, `title` e `style` |
<ins> | |
<small> | `id` , `class` e `style` |
<font> si converte in <span> | `class` , `id` , `color` , `size` , `face` e `style` |
<a> | `href` , `title` , `target` e `style` |
<em> o <i> | |
<strong> o <b> | |
<p> | `id` , `class` e `style` |
<img /> | `class` , `id` , `src` , `alt` , `title` , `style` , `width` e `height` |
<table> | `class` , `id` , `src` , `alt` , `title` , `style` , `width` e `height` |
<tr> | `class` , `id` , `align` , `valigne style`` |
<th> | `class` , `id` , `colspan` , `rowspan` , `style` , `width` e `height` |
<td> | `class` , `id` , `colspan` , `rowspan` , `valign` , `style` , `width` e `height` |
<h1> | `id` , `class` e `style` |
<h2> | `id` , `class` e `style` |
<h3> | `id` , `class` e `style` |
<h4> | `id` , `class` e `style` |
<br> | |
<ol> | |
<ul> | |
<li> | |
<dl> | `id` , `class` e `style` |
<dt> | `id` , `class` e `style` |
<dd> | `id` , `class` e `style` |
<pre> | |
<link /> | `href` , `rel`, `type` e `media` |
<style> | `media` e `type` |
<u> si converte in <span> | |
<s> si converte in <span> |
Abilita contenuti dinamici
Puoi rendere dinamico qualsiasi blocco di contenuto per visualizzare contenuti diversi per i destinatari in base alle condizioni impostate. In questo modo potrai diversificare i contatti inviando la stessa email.
Per saperne di più sui contenuti dinamici e su come abilitarli nei blocchi di contenuto, consulta Informazioni sui contenuti dinamici.
Assistenza tecnica
Hai una domanda?
Gli utenti a pagamento possono effettuare il login per accedere al supporto via email e chat.