...

...

...

...

...

Come Creare o Modificare Messaggi Email con l'editor HTML

L’editor HTML è uno strumento per creare o modificare i tuoi messaggi email ma anche per modificare i moduli di iscrizione, la testata e il piè di pagina, i moduli di autoprofilazione e molto altro .

...

presenti in MailUp.

Se due utenti della piattaforma (magari il copy e il designer) accedono contemporaneamente a un messaggio, il secondo riceverà una notifica che avverte che il messaggio è già in fase di modifica o salvataggio da parte del primo utente. A questo punto potrà scegliere se:

• tornare di seguito sul messaggio

• creare una copia sulla quale lavorare

Editor HTML: barra degli strumenti

La barra degli strumenti in alto è ora in linea con quella dei programmi della suite Microsoft Office.Image Removed

La barra è divisa in quattro aree tematiche, che ti permettono di trovare rapidamente tutte le funzioni necessarie:

• Testo: contiene tutte le funzioni che ti permettono di creare, modificare, aggiungere e rimuovere testo, tabelle e link

• Strumenti email: qui trovi tutte le funzioni che ti permettono di aggiungere foto e tutti gli elementi necessari per l'invio delle email come link di iscrizione, disiscrizione, campi dinamici etc..

• Visualizza: qui trovi le opzioni di visualizzazione dell'editor, ad esempio per poter  lavorare a schermo intero

• Aiuto

...

Nella barra in basso invece rimangono disponibili le funzioni:

• Design: modificare il testo con il formato Design (quindi in modo grafico e WYSIWYG)

• HTML: per vedere il codice sorgente e modificarlo direttamente

• Anteprima: per poter visualizzare esattamente il messaggio come lo vedranno i destinatari finali 

• Sezione proprietà: che mostra eventuali dettagli del testo selezionato

...

Editor HTML: barra degli strumenti : Limitazioni

Se decidi di modificare il messaggio utilizzando la modalità "Schermo intero" i pulsanti per salvare il messaggio e i campi dell'oggetto, tag e note non appaiono più all'interno della pagina. Per poter procedere e salvare il messaggio devi tornare alla dimensione normale dell'editor cliccando nuovamente sul pulsante Tutto schermo.

...

Editor HTML: funzionalità Strumenti email

Image Removed

Nella linguetta Strumenti email del barra degli strumenti sono concentrati tutti quei pulsanti che sono specifici della piattaforma e che permettono di svolgere funzioni avanzate:

• Gestori

...

• : Pulsanti che permettono di aprire dei pop-up con strumenti avanzati per gestire:

  Immagini

  • immagini,

  • Mappa sensibile (attenzione che non è supportata da Outlook 2003 e 2007),

  • File da allegare al messaggio

Usare il Gestore Immagini

Il Gestore immagini ti permette di caricare immagini, che sono salvate localmente nella piattaforma.

Image Removed

Dopo aver inserito l'immagine potrai configurare alcuni parametri dell'immagine appena inserita, come aggiungere un Testo alternativo (riga di testo che compare quando l'immagine non è visibile), includere una descrizione, mantenere la proporzione tra altezza e larghezza, in modo che l'immagine non si deformi quando ne cambi la dimensione, inserire dei testi sull'immagine stessa.

Image Removed

Iscrizione

• Iscrizioni: Seleziona un testo e clicca i pulsanti per inserire:

  • Link disiscrizione: per permettere ai destinatari di disiscriversi da quella lista  

  • Link al Centro

  preferenze

  • prefer

  • enze: consente di accedere alle proprie informazioni e di aggiornarle

  • Link autoprofilazione: per permettere di richiedere maggiori informazioni su di loro ai destinatari attraverso i moduli di autoprofilazione

  • Link di iscrizione: questo è un link utile se, per esempio, il messaggio viene inviato a un amico e questi desidera poi iscriversi alla lista

• Link

...

• : Seleziona un testo e clicca i pulsanti per inserire:

  • Mostra nel browser: per permettere ai destinatari di visualizzare la versione online del messaggio (la versione Pubblicata del messaggio) 

  • Archivio newsletter: per inserire un link all'elenco dei messaggi Pubblicati in quella lista 

  • Non tracciati: per permettere al destinatario di disabilitare il tracciamento dei suoi comportamenti relativi a tutti i messaggi della lista (aperture, clic, etc.) 

• Contenuto

...

• : Inserisce, nel punto in cui hai il cursore, il seguente contenuto:

  • Campi dinamici: un pop up permette di selezionare i campi dinamici disponibili per la piattaforma e quindi rendere "unico" ciascun messaggio (ad esempio: è buona norma nell'apertura dei messaggi inserire il campo "nome" che viene poi sostituito con il nome di ciascun destinatario ad esempio "Ciao [ nome ]" diventa "Ciao Marco")

   

  • .
    

  Tip

  • Per evitare che i campi dinamici rimangano vuoti se non si possiede il dato dei destinatari, clicca il pulsante "Campi dinamici" in alto a destra al di fuori dell'area dell'editor per inserire un valore di default per ciascun campo dinamico

  Per

  • . Ad esempio, il valore di default per il campo [ nome ] può essere "Gentile Cliente".

  • Contenuti dinamici: un strumento avanzato che permette di creare dei contenuti differenti che vengono inseriti solo se si verificano alcune condizione (ad esempio: un contenuto dinamico può essere inserito nel messaggio se il destinatario appartiene a un filtro relativo alla regione di provenienza o a al genere femminile)

   

  • .
    

...

• • Puoi impostare diverse sorgenti per i tuoi contenuti dinamici:

...

• • Feed RSS

...

• • , Pagine web esterne alla piattaforma

...

• • , Messaggi email già presenti in piattaforma.

• Condividi

...

• : Inserisce, nel punto in cui hai il cursore, il seguente contenuto:

  • Condividi: per inserire le icone dei canali social

• Invia a un'amico: per inserire un link su un testo o un'immagine per poter inoltrare il messaggio a un altro destinatario email

...

...

• • .
    Se vuoi permettere ai destinatari di condividere le tue newsletter sui social network assicurati di aver abilitato la pubblicazione delle email. Per abilitare la pubblicazione, vai nella sezione Configurazioni > Impostazioni lista > Proprietà > Avanzate e spunta la casella "Pubblica online".

    Prima di inviare la newsletter testala sempre per verificare che la condivisione funzioni correttamente.

...

A partire dalla versione 8.2.3 della piattaforma abbiamo inserito una funzione di gestione del conflitto per l'editor.

In pratica se due utenti della piattaforma (magari il copy e il designer) accedono contemporaneamente a un messaggio, il secondo riceverà una notifica che avverte che il messaggio è già in fase di modifica o salvataggio da parte del primo utente. A questo punto potrà scegliere se:

• • Invia a un'amico: per inserire un link su un testo o un'immagine per poter inoltrare il messaggio a un altro destinatario email

Editor HTML: Gestore Immagini

Il Gestore immagini ti permette di caricare immagini, che sono salvate localmente nella piattaforma.
Dopo aver inserito l'immagine potrai configurare alcuni parametri dell'immagine appena inserita, come aggiungere un Testo alternativo (riga di testo che compare quando l'immagine non è visibile), includere una descrizione, mantenere la proporzione tra altezza e larghezza, in modo che l'immagine non si deformi quando ne cambi la dimensione, inserire dei testi sull'immagine stessa.

Editor HTML: Gestore Immagini : Limitazioni

• Quando carichi delle immagini assicurati di utilizzare dei nomi di cartelle che non contengano spazio (ad esempio: Fileimmagini) per evitare alcuni problemi legati alla visualizzazione delle immagini su Gmail.

• Il codice HTML delle immagini inserite subisce una modifica al momento del salvataggio nell'editor: per permettere che vengano sempre viste viene modificato il tag "<img>" con l'aggiunta dello stile "display:block" se non è presente

Editor HTML: come usare i campi dinamici

Usa i campi dinamici per personalizzare i tuoi messaggi.
I campi dinamici recuperano ed inseriscono nel messaggio tutte le informazioni contenute nel database come campi anagrafici (dati personali, preferenze, informazioni sull'accesso ad un sito di ecommerce)

Per esempio, se del tuo elenco di destinatari possiedi il nome di battesimo, puoi inserire il campo dinamico [ nome ] nella frase "Ciao [ nome ]" nell'introduzione della tua email; ogni destinatario vedrà il suo nome, per esempio "Ciao Marco".
Per evitare che i campi dinamici rimangano vuoti se non si possiede il dato dei destinatari, clicca il pulsante "Campi dinamici" in alto a destra al di fuori dell'area dell'editor per inserire un valore di default per ciascun campo dinamico.

Oltre ad una serie di campi dinamici di default, inclusi campi specifici per l'ecommerce, puoi aggiungere dei campi dinamici personalizzati. Per visualizzare, modificare e aggiungere dei campi dinamici devi utilizzare la funzione Campi Anagrafici nella configurazione della piattaforma MailUp.

Per incrementare e aggiornare le informazioni sui destinatari all'interno delle tue liste, puoi utilizzare la funzione di autoprofilazione. Essa ti permette di creare un modulo personalizzato che i tuoi contatti possono compilare per aggiornare o aggiungere dati, che andranno a completare il loro profilo all'interno della piattaforma. Per maggiori informazioni sulla funzione di autoprofilazione, visita questa pagina.

Editor HTML: come usare i contenuti dinamici

I contenuti dinamici ti consentono di mostrare contenuti differenti (banner, testo, immagini, feed RSS.) nel tuo messaggio email, a seconda del destinatario. Per capire come stabilire le condizioni per mostrare contenuti diversi a diversi destinatari, è necessario conoscere la funzione Filtri di MailUp
Puoi impostare diverse sorgenti per i tuoi contenuti dinamici:

• Feed RSS o ATOM

• Pagine web esterne alla piattaforma

• Messaggi email già presenti in piattaforma.

Editor HTML : Opzioni avanzate

l menu .Avanzate ti dà accesso a numerose altre funzioni, come ad esempio:

• Visualizzare e modificare modelli;

• Inserire un allegato al tuo messaggio email (ad esempio un volantino promozionale in PDF)

• Modificare la testata e il piè di pagina del messaggio

Inoltre, il menu Avanzate ti permette di abilitare il link tracking in automatico, con il quale puoi:

1. far sì che tutti i link nel tuo messaggio siano tracciati (utile a fini statistici)

2. inserire un codice di tracciamento per una campagna di Google Analytics