...
strumenti avanzati per il design dell'email, con controllo preciso su righe, colonne, spaziatura, bordi ecc.;
altissima compatibilità con dispositivi mobile.
possibilità di aggiungere il tuo HTML tramite un modulo dedicato;
decine di modelli dal design professionale;
interfaccia utente disegnata per la massima usabilità.
...
;
Dimensioni massime per le immagini:
Larghezza 1920 px
Lunghezza 1666 px
Risoluzione 72 dpi
Se vengono aggiunte immagini con dimensioni maggiori rispetto quelle indicate, saranno ridimensionate automaticamente.
Per iniziare a creare un messaggio con il l'editor Drag & Drop, dalla tua piattaforma MailUp, clicca su Messaggi > Email > NUOVA EMAIL e successivamente su "COMINCIAMO!".
...
Puoi decidere di comporre la tua email scegliendo tra:
modelli base, contenenti solo la struttura del messaggio;
modelli grafici, arricchiti con esempi di contenuto da usare come spunti per il design;
miei modelli, ossia modelli salvati in precedenza.
Per i modelli base e grafici è possibile:
creare un messaggio, cliccando sull'anteprima;
vedere un'anteprima o creare una copia in "Miei modelli", cliccando sul tasto Azioni
...
Editor drag & drop: Struttura vs Contenuto
Per ottenere la massima flessibilità nel design, la struttura del messaggio è separata dal suo contenuto. Questo significa, per esempio, che puoi avere righe di contenuto che usano strutture differenti all'interno di sezioni differenti del messaggio (un colore di sfondo a tutta larghezza, un numero diverso di colonne ecc.).
Editor drag & drop : Struttura vs Contenuto : Righe
Il controllo a livello di riga consente di utilizzare strutture e stili diversi all'interno dello stesso messaggio. Per esempio, puoi cambiare il colore di sfondo di un'intera riga di contenuto.
Nell'esempio qui sotto, la parte superiore del messaggio viene separata a livello visivo da quella inferiore utilizzando righe a larghezza 100% con colori di sfondo differenti.
Editor drag & drop : Struttura vs Contenuto : Colonne all'interno delle righe
Le impostazioni a livello di colonna all'interno di una riga consentono di controllare il colore di sfondo, la spaziatura e i bordi per la colonna selezionata.
Editor drag & drop : Struttura vs Contenuto
...
Per ottenere la massima flessibilità nel design, la struttura del messaggio è separata dal suo contenuto. Questo significa, per esempio, che puoi avere righe di contenuto che usano strutture differenti all'interno di sezioni differenti del messaggio (un colore di sfondo a tutta larghezza, un numero diverso di colonne ecc.).
Editor drag & drop: Righe
Il controllo a livello di riga consente di utilizzare strutture e stili diversi all'interno dello stesso messaggio. Per esempio, puoi cambiare il colore di sfondo di un'intera riga di contenuto.
Nell'esempio qui sotto, la parte superiore del messaggio viene separata a livello visivo da quella inferiore utilizzando righe a larghezza 100% con colori di sfondo differenti.
...
Editor drag & drop: Colonne all'interno delle righe
Le impostazioni a livello di colonna all'interno di una riga consentono di controllare il colore di sfondo, la spaziatura e i bordi per la colonna selezionata.
...
Editor drag & drop: Selezionare righe e contenuti
Quando sposti il mouse nell'area di modifica del messaggio, puoi interagire in diversi modi:
Spostando il mouse su un blocco di contenuto (come nell'esempio in basso), l'editor mostra un'icona che ti consente di spostare quel blocco di contenuto da un'altra parte
Cliccando su un blocco di contenuto, l'editor:
mostra due icone, che ti consentono di eliminare o clonare quel blocco di contenuto
cambia il pannello delle proprietà sulla destra per mostrare le proprietà che è possibile impostare per quel contenuto
Spostando il mouse su un'area priva di contenuti, ossia sulla riga nella quale si trova il contenuto, l'editor evidenzia la riga e mostra un'icona che consente di spostarla da un'altra parte
Cliccando su una riga, l'editor:
deseleziona il contenuto che era stato selezionato in precedenza
seleziona la riga e mostra due icone che consentono di rimuoverla o clonarla interamente, inclusi i suoi contenuti
cambia il pannello delle proprietà sulla destra per mostrare le proprietà che si applicano alla riga e alle colonne di cui essa è composta (ogni riga può contenere più colonne).
...
Editor drag & drop: Crea il messaggio Email
...
: Selezionare righe e contenuti
Quando sposti il mouse nell'area di modifica del messaggio, puoi interagire in diversi modi:
Spostando il mouse su un blocco di contenuto (come nell'esempio in basso), l'editor mostra un'icona che ti consente di spostare quel blocco di contenuto da un'altra parte
Cliccando su un blocco di contenuto, l'editor:
mostra due icone, che ti consentono di eliminare o clonare quel blocco di contenuto
cambia il pannello delle proprietà sulla destra per mostrare le proprietà che è possibile impostare per quel contenuto
Spostando il mouse su un'area priva di contenuti, ossia sulla riga nella quale si trova il contenuto, l'editor evidenzia la riga e mostra un'icona che consente di spostarla da un'altra parte
Cliccando su una riga, l'editor:
deseleziona il contenuto che era stato selezionato in precedenza
seleziona la riga e mostra due icone che consentono di rimuoverla o clonarla interamente, inclusi i suoi contenuti
cambia il pannello delle proprietà sulla destra per mostrare le proprietà che si applicano alla riga e alle colonne di cui essa è composta (ogni riga può contenere più colonne).
Editor drag & drop: Crea il messaggio Email
Nella sezione Messaggi > Email > NUOVA EMAIL della web application MailUp è possibile iniziare a creare un messaggio Email con il l'editor Drag & Drop.
Si può decidere di comporre il messaggio email scegliendo tra:
modelli base, contenenti solo la struttura del messaggio;
modelli grafici, arricchiti con esempi di contenuto da usare come spunti per il design;
miei modelli, ossia modelli salvati in precedenza.
Per i modelli base e grafici è possibile:
creare un messaggio, cliccando sull'anteprima;
vedere un'anteprima o creare una copia in "Miei modelli", cliccando sul tasto Azioni
Solo per i modelli nella sezione "Miei modelli", è possibile anche modificare o eliminare un modello.
Creare il messaggio con l’editor drag & drop è veramente facile e intuitivo. Dopo aver scelto il modello da cui partire, puoi personalizzarne:
il corpo;
la struttura;
il contenuto.
...
.
Editor drag & drop : crea il messaggio Email: Corpo
In questa sezione puoi modificare alcune impostazioni generali che avranno effetto su tutto il messaggio.
...
Se inserite un'immagine con dimensioni maggiori rispetto quelle indicate ci penserà l'editor, automaticamente, a ridimensionare l'immagine fino alle dimensioni qui sopra ripotate.
Editor drag & drop crea il messaggio Email:
...
Struttura
Le strutture sono un tipo di modulo che puoi trascinare all’interno del messaggio e che puoi riempire a piacimento con i moduli di contenuto disponibili nella scheda "Contenuto". Le strutture cambiano per numero e proporzione delle colonne e ti consentono di creare all'interno dello stesso messaggio sezioni anche molto diverse tra loro.
Ad esempio:
...
Quando hai bisogno di passare a un numero diverso di colonne, ti basta trascinare nel messaggio una delle strutture disponibili.
...
Le strutture consentono molta flessibilità e personalizzazione, sia a livello di riga sia a livello di colonna. Inoltre, puoi clonare intere strutture (ad esempio un' immagine, un bottone e un testo) con tutte le sue impostazioni e blocchi.
...
Cliccando su una struttura presente all'interno del messaggio, potrai modificarne le impostazioni a livello di riga e di colonne, come i colori di sfondo, le spaziature e i bordi.
E' inoltre possibile impostare un'immagine di sfondo per ciascuna riga.
...
Editor drag & drop : crea il messaggio Email: Contenuto
Il tab "Contenuto" ti permette di scegliere un nuovo contenuto da aggiungere al tuo messaggio.
Scegline uno tra quelli a disposizione (bottone, immagine, testo ecc.) e trascinalo all'interno dell'area di sinistra. E' anche possibile inserire un blocco HTML per un blocco HTML per aggiungere il tuo codice HTML personalizzato nei messaggi creati con l’editor.
...
Proprietà contenuto: Cliccando sul blocco di contenuto all'interno del messaggio, sulla destra appaiono le proprietà del contenuto. Nell'esempio qui sotto, per un blocco "testo" puoi impostare il colore del testo, dei link e scegliere il font adatto, ma anche decidere il padding (distanza dai bordi del blocco).
...
Le proprietà di contenuto saranno diverse a seconda del contenuto selezionato. Se selezioni un bottone, ad esempio, vedrai una serie di strumenti per definire lo stile del bottone e collegarlo all'azione desiderata.
...
Ridimensionare un'immagine: È possibile ridimensionare un’immagine direttamente nel messaggio senza utilizzare strumenti esterni o modificare il file originale.
...
Dopo aver selezionato l’immagine su cui si intende lavorare, scegliere tra:
...
Divisori: aiutano a creare separazione visiva tra gli elementi del messaggio. Possono essere trasparenti o visibili. Anche qui, il controllo avanzato della spaziatura consente grande flessibilità nel design:
Editor drag & drop : crea il messaggio Email: Usare il file manager
L'editor include un file manager. Questo componente ti serve a navigare, cercare e selezionare le immagini e i documenti che vuoi usare nel tuo messaggio.
...
Cliccando sul bottone "Sfoglia" di un blocco di contenuto di tipo immagine vuoto.
Quando clicchi su "Cambia immagine" nel pannello delle proprietà di un'immagine.
Cliccando su "Link a un file" nella sezione Azione delle proprietà di un'immagine o di un bottone.
...
Come caricare un file: Il modo più veloce di caricare un file all'interno di una cartella del file manager è trascinarla dal computer dentro il file manager stesso, rilasciandola nell'area di caricamento.
...
In In alternativa, clicca su "Carica file" per aprire la classica finestra di caricamento del tuo computer.
...
Come importare file da altre applicazioni: La funzionalità "Importa da" ti consente di collegare applicazioni esterne come Dropbox, Google Drive, Instagram e molte altre per importare file.
...
Navigare e cercare file: Per localizzare il documento o l'immagine che ti serve, naviga nelle cartelle e ordina il loro contenuto per nome, data, dimensione o tipo cliccando sulla rispettiva etichetta subito sopra l'elenco dei file.
...
Inserisci e Anteprima per i file
Elimina per file e cartelle
...
Se non è possibile eseguire un'azione, ti verrà segnalato cliccando su di essa (ad esempio non è possibile rimuovere cartelle che contengono file).
...
Organizzare le cartelle: Puoi personalizzare la struttura delle cartelle secondo le tue esigenze. Per aggiungere una cartella, clicca sull'icona in alto a destra e scegli il nome che preferisci.
...
Ricorda che puoi usare il percorso visibile in alto, subito sotto i bottoni con le azioni, per spostarti rapidamente all'interno delle tue cartelle.
Editor drag & drop : crea il messaggio Email: Navigazione
In fase di creazione del messaggio, una volta compiuta almeno una azione, nell'editor compaiono dei tasti in basso a destra che consentono di:
...
Lo storico delle azioni è legato al messaggio, quindi viene mantenuto in fase di modifica dello stesso ma non per modifiche future se si esce dall'editor.
Editor drag & drop : crea il messaggio Email : Inserire un blocco HTML
Nell’editor drag & drop trovi il contenuto "HTML", che ti consente di aggiungere il tuo codice HTML personalizzato nei messaggi creati con l’editor drag & drop. Per usarlo, trascina il blocco HTML, che trovi nel menu "Contenuto" a destra, e rilascialo nell’email.
...
Poi copia e incolla il tuo codice HTML in "Proprietà contenuto". Il sistema evidenzierà la sintassi e formatterà il codice per renderlo più leggibile.
Alcuni esempi di contenuto che puoi inserire all'interno di un messaggio con creato BEE, sfruttando il blocco HTML.
...
assicurarti di usare codice HTML responsive e adatto all'uso nelle email;
fare test aggiuntivi sul messaggio per assicurarti del corretto funzionamento di tutti gli elementi (ad esempio linkare ad un CSS esterno non è supportato da molti clienti di posta, come Gmail);
non usare alcuni tag HTML come “script” e “iframe”, perché vengono bloccati dai client di posta elettronica per motivi di sicurezza.
Editor drag & drop : crea il messaggio Email : Inserire un blocco HTML: Tag e attributi HTML consentiti
Per chi ha maggior dimestichezza con il codice HTML, ecco:
una lista dei tag ammessi:
a, abbr, acronym, address, b, bdo, big, blockquote, button, caption, center, cite, code, colgroup, dd, del, dfn, dir, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4,h5, h6, i, ins, kbd, label, legend, li, map, menu, ol, optgroup, option, p, pre, q, s, samp, select, small, span, strike, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, u, tr, tt, u, ul, var.una lista degli attributi consentiti per i tag indicati:
general attributes: style, id, class, data-*, title,
a: href, name, target, align, alt, border height, hspace, src, vspace, width
img: align, alt, border height, hspace, src, vspace, width
table: align, bgcolor, border, cellpadding, cellspacing, width
tbody: align, valign
td: align, bgcolor, colspan, height, rowspan, valign, width
tr: align, bgcolor, valign
tfoot: align, valign
th: align, bicolor, colspan, height, rowspan, valign, width
thead: align, valign
li: type
Editor drag & drop : crea il messaggio Email : Inserire un blocco Video
l nostro editor email drag & drop consente di aggiungere ai messaggi contenuti video senza dover inserire un codice embedded.
...
Trascina il blocco di contenuto "Video" nel template.
A questo punto è necessario inserire nella sezione "Proprietà contenuto" la URL del video che si intende aggiungere al proprio messaggio, presente su YouTube e Vimeo.
Una volta aggiunta una URL valida, il blocco di contenuto si aggiornerà automaticamente mostrando l'immagine di anteprima del video con sopra il pulsante "play".
L'icona del pulsante "play" può essere modificata cambiando
la tipologia
il colore
la dimensione
Editor drag & drop : crea il messaggio Email : usare un immagine come sfondo
Oltre a scegliere il colore di sfondo di ciascuna sezione di un'email, è anche possibile applicare un'immagine di sfondo alle righe di un messaggio.
Puoi inserire una immagine visibile sull'intera larghezza del messaggio, ad esempio nella parte superiore, e aggiungere testo e bottone per un design moderno e di impatto.
...
In alternativa, puoi usare un'immagine come sfondo di una sezione, impostando un colore di sfondo del contenuto.
...
Dopo aver selezionato la riga di un messaggio alla quale vuoi applicare un'immagine, vai nella sezione "Immagine di sfondo" in "Proprietà riga"
...
Vediamo nel dettaglio le impostazioni incluse in questa sezione.
Scegliere l'immagine
Dopo aver cliccato su "Abilitata", clicca su "Cambia immagine" per caricare e inserire l'immagine che verrà usata come sfondo. In alternativa, puoi inserire direttamente una URL nell'apposito spazio.Larghezza piena, affianca, centra
Queste tre impostazioni sono importanti per allineare e posizionare al meglio l'immagine all'interno del messaggio.
Tutte e tre queste impostazioni possono essere abilitate e disabilitate indipendentemente l'una dall'altra. Prova a caricare immagini di diverse dimensioni e gioca con le diverse impostazioni per capire al meglio come viene modificato il posizionamento delle immagini.Quando selezioni Larghezza piena, l'immagine viene usata come sfondo per l'intera larghezza della riga. Per esempio, questo è uno sfondo applicato a un'intera riga.
Quando invece Larghezza piena non è selezionato, l'immagine di sfondo viene applicata solo al corpo della mail. Ricorda che la larghezza del corpo è sempre modificabile nel tab "Corpo" dell'editor.Quando selezioni Affianca invece, l'immagine viene ripetuta. Scegli questa impostazione se usi un'immagine simmetrica, ripetibile per coprire il maggior spazio possibile.
selezionando sia Larghezza piena che Affianca, l'immagine viene ripetuta per l'intera larghezza della riga. Se la riga è più alta dell'immagine, quest'ultima verrà ripetuta anche verticalmente.Quando selezioni Centra, l'immagine verrà centrata.
E' utile se usi un'immagine molto larga e vuoi centrarla, in modo che vengano tagliati i bordi esterni, anziché la parte più a destra.
Se invece l'immagine non è particolarmente larga e selezioni anche Affianca, l'immagine verrà ripetuta verso sinistra e verso destra.
Se scegli Affianca senza centrarla, l'immagine verrà posizionata nell'angolo in alto a sinistra della riga e poi ripetuta verso destra.
Editor drag & drop : crea il messaggio Email : usare un immagine come sfondo : Compatibilità con i client di posta elettronica
L'editor usa tecniche molto avanzate per garantire che le immagini di sfondo siano visibili sulla maggior parte dei client di posta elettronica. Secondo i nostri test più recenti, gli unici client per i quali non vengono mostrate le immagini di sfondo sono:
...
Per questi client - e per risultati migliori nei casi in cui le immagini vengono bloccate - assicurati di impostare un colore di sfondo della riga che stia bene con i contenuti della riga, in assenza dell'immagine di sfondo.
Editor drag & drop : crea il messaggio Email : usare un immagine come sfondo: Ridimensionamento delle immagini
Per sfruttare al meglio questa funzionalità, abbiamo fatto delle modifiche al ridimensionamento delle immagini caricate nel file manager:
Le immagini vengono caricate nella dimensione nativa fino a 1920 pixel di larghezza;
Le immagini la cui larghezza supera 1920 pixel vengono ridimensionate ad una larghezza di 1920 pixel;
Il peso di tutte le immagini, indipendentemente dalla dimensione, viene ottimizzato con un algoritmo di compressione lossless (senza perdità di qualità);
Resta il limite di peso in fase di caricamento di un'immagine (non possono essere caricate immagini più pesanti di 5 megabyte).
Editor drag & drop : crea il messaggio Email: Usare link speciali
l'editor drag and drop, puoi collegare il modulo ad un bottone, selezionandolo e scegliendo "Link speciali" nella sezione "Azione" delle "Proprietà Contenuto"
.
E' inoltre possibile collegare un modulo di autoprofilazione ad una porzione di testo, selezionandolo, cliccando sulla freccia in alto a destra della barra strumenti per aprire la modalità avanzata e selezionando Link speciali > Moduli aggiornamento profilo:
...
Modifica il messaggio a tuo piacimento e salvalo.
Invia il messaggio a un gruppo di test per valutare il corretto funzionamento del modulo.
Una volta che hai testato il modulo e hai verificato che i campi anagrafici si sono aggiornati correttamente, invialo ai destinatari desiderati.
I destinatari che compileranno il tuo modulo verranno inseriti automaticamente in un gruppo della lista, che avrà il nome del modulo stesso.
Editor drag & drop : crea il messaggio Email: Usare i campi dinamici
Il campo dinamico (detto anche tag dinamico) è quella funzione che consente di creare particolari codici “segnaposto” da usare per personalizzare i messaggi. Questi segnaposto vengono sostituiti automaticamente nel momento dell’invio dai dati relativi a ciascun destinatario.
Più nel concreto, i campi dinamici sono elementi inseriti tra parentesi quadre (come ad esempio [name]), che la piattaforma MailUp riconosce e sostituisce con il valore corretto per ogni singolo contatto in database.
L’utilizzo delle variabili personalizzabili è fondamentale nel mondo dei servizi, per tutte quelle realtà che vogliono ricordare ai clienti orari delle visite, sede di un appuntamento, o avvisarli di un cambio di orario; così come sono fondamentali per tutte quelle realtà commerciali che comunicano numeri di prenotazione, codici di acquisto o date di ritiro del prodotto.
Oltre che nel corpo dell’email, un campo dinamico può essere inserito nell’oggetto, per dare evidenza e risalto a una parola, una frase, un brand.
Usare i campi dinamici: Tipi di campi dinamici
1. I dati anagrafici (e quelli di sistema)
Tutti abbiamo ricevuto almeno una volta un’email da un’azienda che ha inserito il nostro nome nel corpo dell’email. Non si tratta dell’uso più innovativo dei tag dinamici, ma rimane comunque un must per l’email marketing. Solo il fatto che il mittente si sia preso la briga di inserire il mio nome nell’email può costituire un valido incentivo all’apertura della comunicazione. Ma i modi per sfruttare i dati anagrafici non si esauriscono al nome. Per una catena di ristoranti, ad esempio, sarebbe utile inviare email che contengono il riferimento alla città di residenza del destinatario. Ecco una lista di informazioni anagrafiche che possono essere inserite nei tuoi messaggi di posta elettronica grazie a tag dinamici.
Nome
Cognome
Indirizzo email
Numero di telefono
Residenza (Città/Regione/Paese)
Reddito familiare
Titolo di lavoro
Informazioni sulla società
Molti di questi dati, nella piattaforma MailUp, prendono il nome di campi di sistema, alcuni legati a proprietà del destinatario, altri legati a impostazioni del sistema. Nella pagina dedicata del nostro manuale trovi l’elenco completo.
2. I dati professionali per il B2B
Se sei un’azienda B2B, è molto probabile che tu stia raccogliendo informazioni sui lead per valorizzarli con attività di profilazione. Perché allora non utilizzare una parte di questi dati per personalizzare i messaggi di posta elettronica? Un esempio: se vendi macchine da caffè e conosci i segmenti di mercato a cui i tuoi clienti appartengono, puoi inviare email personalizzate di questo tipo: “Sappiamo quanto possa essere faticoso il mondo del [settoreaziendale]. I tuoi dipendenti possono contare su un buon caffè per affrontare la giornata?”. Solo un esempio, ma che dà la misura di come i campi dinamici possano donare alle email un maggior grado di rilevanza. Ecco altre tipologie di informazioni professionali che puoi sfruttare con i campi dinamici:
Nome dell’azienda
Tipo di business (non profit, B2B, B2C, e-commerce, ecc.)
Settore professionale
Dimensioni dell’azienda/numero di dipendenti
URL del sito
Ricavi annuali
Obiettivo di business
URL del principale competitor
3. I dati social
Se invece il tuo database contiene destinatari con una marcata presenza social e conosci il loro profili sulle diverse piattaforme, puoi sfruttare queste informazioni per promuovere campagne social o concorsi. Ecco un esempio: “Ciao [twitterusername], stiamo lanciando un concorso tra i nostri contatti più attivi sui social media. Abbiamo pensato che la cosa potesse interessarti e saremmo felici se partecipassi”. Di seguito è riportato qualche esempio di informazione relativo al bacino social:
Username di Twitter
Contatore dei follower Twitter
URL della pagina di Facebook
Comportamento/attività
4. I dati da CRM
Se invece la tua piattaforma di invio fosse collegata a un sistema CRM, potresti raccogliere dal sito web alcune informazioni rilevanti sul comportamento e le attività dei tuoi contatti. Dati che puoi convertire in campi dinamici per citare il loro comportamento e offrire qualcosa che integri quell’attività. Un esempio: “Il [datadisottoscrizione] hai attivato la tua piattaforma di prova gratuita. Hai ancora 20 giorni per sfruttare il suo potenziale: ecco una guida aggiornata per conoscerne tutti i segreti”. Ma le possibilità di creare tag dinamici calibrati sul comportamento sono tantissime:
Sito di provenienza
Data della prima (o dell’ultima) conversione
Data della prima (o dell’ultima) visita
Ultima email aperta/cliccata
Data di inizio della trial
Data di richiesta demo
Data di contatto commerciale
Ultimo articolo acquistato
Nome dell’addetto commerciale assegnato
Settore/business di riferimento
5. Dati su interessi e preferenze
Infine, il mondo di dati relativi agli interessi delle persone. Un vasto segmento di informazioni fondamentale nel B2C. Con i moduli di profilazione e le landing page puoi chiedere ai tuoi clienti e prospect alcune informazioni da sfruttare per mettere a punto comunicazioni personalizzate. Facciamo l’esempio di un e-commerce di abbigliamento: Stitch Fix richiede a ogni nuovo iscritto di compilare una pagina composta di tre schede: Stats (le misure del corpo), Fit (le preferenze sul taglio degli abiti: slim, regular, skinny…), Style (le preferenze di stile: business, casual, formal, night-out…).
di acquisto o date di ritiro del prodotto.
Oltre che nel corpo dell’email, un campo dinamico può essere inserito nell’oggetto, per dare evidenza e risalto a una parola, una frase, un brand.
Editor drag & drop : crea il messaggio Email : Usare i campi dinamici: Come aggiungere campi dinamici in MailUp
Una volta accertata la presenza del dato nella lista di destinatari, impostare un campo dinamico con MailUp è semplicissimo. È sufficiente:
Aprire il messaggio su cui si sta lavorando
Una volta all’interno dell’editor BEE, collocare il puntatore del mouse nel punto del testo in cui si desidera inserire il tag dinamico
Selezionare la voce Campi dinamici nella barra degli strumenti, come indicato nell’immagine qui sotto
...
Scegliere il tag dinamico associato a uno dei campi creati in precedenza sulla piattaforma.
...
Il primo è quello di inserire il campo dinamico nell'url dell'immagine scrivendo tra parentesi quadre come da immagine a seguire.
In questo esempio url è il nome del campo anagrafico scelto e va scritto tra parentesi quadre in questo modo [url]
...
Il secondo è utilizzare un blocco HTML e il seguente codice (che può anche essere modificato in base alle sue preferenze).
...
Se invece volessi impostare i valori predefiniti a livello di piattaforma MailUp e non di singola email, ti basta:
...
Con i contenuti dinamici è possibile modificare dinamicamente, cioè a seconda di chi legge, le parti di un messaggio. Il contenuto può essere un testo (il nome e il cognome del destinatario), un’immagine (diversa per uomini e donne), un link (importante a seconda di chi legge) o un feed RSS (basato sugli interessi del contatto).
Grazie ai contenuti dinamici una stessa newsletter può avere elementi differenziati a seconda che i destinatari siano, per esempio, uomini o donne, clienti o prospect, di Milano o di Roma.
Editor drag & drop : crea il messaggio Email: immagini dinamiche
Con l’editor Drag & Drop è possibile aggiungere immagini dinamiche ad un messaggio email.
Le immagini dinamiche sono immagini che cambiano per ciascun destinatario, in base a uno o più valori "passati" al servizio che le genera.
...
Le immagini dinamiche sono perfette per creare contenuti personalizzati in base a chi riceve il vostro messaggio. Alcuni esempi:
...
Il link di queste immagini non sarà più statico, come ad esempio:
...
https://mysite.io/images/my-logo-white.png
Bensì un URL contenente un campo dinamico, ad esempio:
...
https://mysite.io/images/?imageBanner=[nome]
Le variabili vengono sostituite con il valore del campo per il destinatario, al momento dell'invio del messaggio.
Editor drag & drop : crea il messaggio
...
Emai l: Moduli personalizzati
I moduli personalizzati sono delle righe di contenuto pre-compilate e pronte per essere utilizzate nel messaggio.
...
I contenuti mostrati nei moduli personalizzati vengo portati in piattaforma tramite sorgenti di contenuto che possono essere link di feed RSS/ATOM o file .csv o .json.
Attenzione
Per poter utilizzare i moduli personalizzati nelle tue comunicazioni realizzate tramite Editor drag&drop devi aver creato in piattaforma almeno una sorgentedi contenuto. Trovi la descrizione dettagliata di che passaggi compiere per creare una nuova sorgente di contenuto nella pagina dedicata > Sorgenti.
Qualsiasi sorgente di contenuto, una volta creata, viene aggiunta automaticamente tra le fonti disponibili nell'editor.
...
modificare il titolo e la descrizione
modificare il testo e il colore del bottone (CTA)
diminuire la dimensione dell'immagine o modificare il padding
Editor drag & drop : crea il messaggio Email : Visualizzazione condizionale
E' una funzionalità attivabile su richiesta, contatta il tuo commerciale di riferimento per maggiori informazioni.
...
Immaginiamo, per esempio, di voler creare un email per la nuova collezione di jeans disponibile nel nostro ecommerce. Decidiamo di mostrare ai nostri utenti maschi la collezione maschile, mentre alle donne la collezione femminile.
Editor drag & drop : crea il messaggio Email : Visualizzazione condizionale: creare le condizioni di visualizzazione
Come prima cosa è necessario creare le regole da applicare alle righe di contenuto, per farlo utilizziamo i filtri.
I filtri, accessibili dal menu Destinatari > Filtri Filtri della web application MailUp permettono di segmentare i tuoi destinatari in base a una varietà di condizioni. Queste condizioni possono essere relativa a:
...
Clienti DONNA
Clienti UOMO
Editor drag & drop : crea il messaggio Email : Visualizzazione condizionale: applicare le condizioni di visualizzazione
Come prima cosa crea nell'editor drag & drop un messaggio che contenga tutti i contenuti che vuoi inserire.
Scegli la riga a cui applicare la prima condizione e dal menu sulla sinistra, seleziona "Moduli" e il pulsante "Scegli condizione".
Puoi decidere di non utilizzare i filtri e di scrivere da zero una nuova condizione di visualizzazione utilizzando la sintassi Liquid, selezionando il pulsante "Aggiungi condizione".
...
A questo punto non rimane che ripetere la procedura e applicare una condizione anche all'altra riga.
Terminata la creazione del messaggio e applicate le condizioni, non rimane che visualizzare l'anteprima. Applica il filtro corrispondente nell'anteprima del messaggio per visualizzare l'effetto finale.
...
Attivando la funzionalità Visualizzazione condizionale si abilita in piattaforma anche la possibilità di utilizzare il linguaggio di markup Liquid nelle email.
...
Contatta il tuo commerciale di riferimento per maggiori informazioni.
Editor drag & drop : crea il messaggio Email: Salva ed Esci
...
Per ogni messaggio che hai creato puoi decidere si compiere una serie di azioni principali a cui corrispondono i tre bottoni:
...
In caso di uscita accidentale dall'editor, accedendo nuovamente al messaggio, la piattaforma segnalerà la presenza di una versione precedente consentendo di visualizzare un'anteprima, recuperare il messaggio o ignorarlo.
...
Inoltre, tramite il menù a tendina posizionato accanto al bottone "Salva ed Esci" puoi accedere ad altre azioni come:
...
Per salvare un modulo, selezionalo nell’editor Drag & Drop e procedi nel modo che preferisci:
Puoi cliccare sull’icona del Floppy apparsa in seguito alla selezione.
Puoi aggiungere il modulo a quelli salvati dal menu contestuale dell’editor che appare a destra.
Dai un nome al tuo modulo personalizzato.
Clicca su “Salva Modulo”
Suggerimento
Ti consigliamo di nominare il tuo nuovo modulo in modo che ti sia facile identificarlo facilmente. Es “Header 1 - …”Richiamare un modulo salvato
Per utilizzare un modulo salvato in precedenza:
...
Sono disponibili nel menu a tendina nell'area "Struttura" e per inserirli nel messaggio ti basta trascinare il modulo personalizzato selezionato.
...
I contenuti mostrati nei moduli personalizzati vengo portati in piattaforma tramite sorgenti di contenuto da link di feed RSS/ATOM o da file .csv o .json.
...