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
Quando progetti un’email, puoi trasformare i blocchi di contenuto in contenuti dinamici, così da renderli visibili solo per alcuni destinatari. In questo modo potrai diversificare gli iscritti inviando la stessa email.
Per saperne di più sui contenuti dinamici e su come abilitarli nei blocchi di contenuto, consulta Info sui contenuti dinamici.
Assistenza tecnica
Hai una domanda?
Gli utenti a pagamento possono effettuare il login per accedere al supporto via email e chat.