Editor Email Drag&Drop | 7Hype

Editor Email Drag&Drop

Utilizzando il nostro editor responsive potrai creare il tuo template email senza sforzo, inoltre SALESmanago ti mette a disposizione una serie di template già pronti che puoi utilizzare nei tuoi messaggi.

Per accedere all’editor Drag&Drop vai su “Email Marketing -> Drag&Drop Email Creator”

editor_drag_drop_01


A – Layout

Questa scheda ti permette di scegliere la struttura del tuo template. Puoi utilizzare anche più strutture differenti all’interno dello stesso template.
Per impostare il layout che desideri, clicca su esso e trascinalo nella parte centrale del template.

editor_drag_drop_02

[A1] Column

Cliccando su questo pulsante puoi impostare i seguenti parametri (vedi lo screenshot sotto) :

[A1a] Background Color – colore di sfondo della colonna.
[A1b] Border Size – larghezza del bordo della colonna.
[A1c] Border Radius – definire quanto i bordi devono essere arrotondati.
[A1d] Border Color – colore del bordo della colonna.

editor_drag_drop_03

Altri pulsanti

Di seguito la spiegazione per gli altri pulsanti della scheda “Layout”

[A2] – Aggiunge una riga alla struttura.
[A3] – Sposta il layout in un altra posizione all’interno del template.
[A4] – Aggiunge un’altra colonna al layout, sino ad un massimo di 6.
[A5] – Impostazioni della riga.
[A6] – Duplica una riga.
[A7] – Salva. Se effettui il salvataggio di un layout, potrai utilizzarlo in altre email.
[A8] – Elimina l’intero layout.

Note

L’ordine dei widget all’interno di un layout può essere modificato. Passa il mouse nella parte superiore del blocco in modo tale da far apparire una freccia grigia. Clicca su essa per scambiare la posizione degli oggetti (vedi screenshot).

editor_drag_drop_04


B – Widget

In questa scheda puoi trovare gli elementi da aggiungere alla struttura. Per aggiungere un widget all’interno di una colonna è necessario trascinarlo nel punto in cui lo si vuole inserire.

editor_drag_drop_05

[B1] Heading

Utilizzando questo widget puoi aggiungere un titolo. Modifica il tuo contenuto utilizzando gli strumenti di modifica (vedi B2).

[B2] Text

editor_drag_drop_06

[B2a] Custom fields – questa opzione può essere utilizzata per personalizzare i messaggi in relazione ai propri contatti. Se nel tuo database hai le informazioni relative al nome/cognome dei tuoi contatti, potresti scegliere ad esempio di introdurre il nome ( utilizzando il codice $name.p1$ ). Per maggiori informazioni sulla personalizzazione dei tuoi contenuti clicca qui
[B2b] Left margin, right margin – imposta il margine sinistro o destro.
[B2c] – come avviene nei più comuni editor testuali, utilizzando questa funzione puoi allineare il testo a tuo piacimento.

[B3] Image

editor_drag_drop_08

[B3a] – Attraverso questo pulsante potrai scegliere l’immagine da aggiungere tra quelle già nel sistema o caricarne una nuova.
[B3b] – Cliccando su questo pulsante puoi inserire l’URL di un immagine già presente in rete.

editor_drag_drop_07

[B3b1] Image URL – inserisci in questo spazio l’URL dell’immagine che vuoi aggiungere.
[B3b2] Target URL – se vuoi che in seguito al click dell’utente sull’immagine questo venga reindirizzato su un sito, inserisci qui l’URL di destinazione.
[B3b3] Title – scegli il nome dell’immagine. Tale nome verrà mostrato nel caso in cui l’utente passi con il mouse sopra essa.
[B3b4] Alternate Text – in questo spazio puoi impostare un testo alternativo da visualizzare al posto dell’immagine in caso di errore.
[B3b5] Original Size – puoi scegliere di mantenere invariate le dimensioni dell’immagine oppure modificarle.
[B3b6] Left Margin – inserisci il valore (in pixel) del margine sinistro.
[B3b7] Right Margin – inserisci il valore (in pixel) del margine destro.
[B3b8] Save – clicca su questo pulsante per salvare le tue modifiche.

[B3c] – Questo pulsante di permette di impostare lo stile dell’immagine.

[B4] Divider

Questo strumento ti permette di aggiungere una riga orizzontale per dividere ad esempio due parti di un testo.

editor_drag_drop_09

[B4a] Color – scegli il colore del tuo separatore orizzontale.
[B4b] Stroke – modifica lo stile del separatore (linea continua, tratteggiata e così via).
[B4c] Border Size – imposta lo spessore del separatore orizzontale.
[B4d] Length – scegli la lunghezza.
[B4e] Top Margin – attraverso questo campo puoi modificare la distanza che c’è tra il separatore e gli elementi soprastanti.
[B4f] Bottom Margin – attraverso questo campo puoi modificare la distanza che c’è tra il separatore e gli elementi sottostanti.

[B5] Margin

Attraverso questo strumento hai la possibilità di aggiungere un margine tra un elemento e un altro.

editor_drag_drop_10

[B5a] Height – puoi impostare l’altezza del margine (in pixel).

[B6] Button

Aggiunge un pulsante al tuo template.

editor_drag_drop_11

[B6a] Button Settings – clicca per accedere alle impostazioni.
[B6b] Background Color – scegli il colore del pulsante.
[B6c] Border Color – cambia il colore del bordo.
[B6d] Height – imposta l’altezza.
[B6e] Width – imposta la larghezza.
[B6f] Border Size – scegli la larghezza del bordo.
[B6g] Border Radius – definisci l’arrotondamento dei bordi.
[B6h] Align – scegli posizionare il pulsante sulla sinistra, sulla destra o al centro della colonna.

[B7] Opt-out Text

Per ogni email inviata con SALESmanago è obbligatorio impostare il link di disiscrizione alla newsletter. In questa maniera se un utente clicca tale link, il sistema automaticamente cambia il suo stato da opt-in a opt-out.

[B8] Social Media

Puoi trascinare l’icona di un social media (ad esempio facebook) per reindirizzare l’utente su una certa pagina del social.
Nella pagina delle impostazioni puoi modificare lo stile delle icone (squadrata o rotonda), il loro colore (colore naturale, grigia o nera), sceglierne l’allineamento (sinistra, destra, centro), inoltre se imposti più di un’icona puoi scegliere il margine che deve esserci tra esse.

editor_drag_drop_12

[B8a] – Scegli quale social media aggiungere al template cliccando sul rispettivo box. Imposta nello spazio dedicato l’URL a cui vuoi indirizzare i contatti in seguito al click sull’icona del social network. Quando hai terminato clicca sul pulsante “Save”


C – Advanced Widgets

In questa scheda puoi trovare alcuni strumenti avanzati

editor_drag_drop_13

[c1] Image + Text

Questo widget ti permette di aggiungere un immagine con il relativo testo ad un messaggio. Puoi personalizzare il layout di tale strumento cliccando sul pulsante azzurro alla sua sinistra.

editor_drag_drop_14

[c1a] – Usa la freccia per scambiare la posizione dell’immagine e del testo.
[c1b] – Clicca per eliminare l’immagine (o il testo nel caso si clicchi il rispettivo pulsante). In seguito all’eliminazione si potrà aggiungere un widget diverso (ad esempio altro testo, intestazione ecc).
[c1c] – Modifica le impostazioni della colonna.
[c1d] – Cambia lo stile (scegli tra default, arrotondato o circolare).
[c1e] – Modifica le impostazioni della riga.
[c1f] – Duplica il template.
[c1g] – Salva il template.

[c2] Menù

Aggiunge un menù al tuo template

editor_drag_drop_15

[c2a] – Usa la freccia per scambiare di posto due voci del menù.
[c2b] – Impostazioni della riga, duplicazione, salvataggio e eliminazione.

[c3] Banner

Attraverso questo widget avanzato, puoi aggiungere un banner precedentemente creato in SALESmanago.
Puoi anche utilizzare un banner personalizzato ( consulta la guida relativa ai banner dinamici ).

editor_drag_drop_16

[c3a] – Scegli il banner personalizzato.
[c3b] – Utilizzando questo pulsante puoi aggiungere sino ad un massimo di 6 colonne.
[c3c] – Impostazioni della riga.
[c3d] – Duplica la struttura.
[c3e] – Salva la struttura.
[c3f] – Elimina la struttura.
[c3g] – Impostazioni del banner.
[c3h] – Definizione dello stile.


D – Your Widgets

In questa scheda si possono trovare i widget creati e salvati in precedenza.

editor_drag_drop_17

[D1] Saved Widgets – se hai già creato in precedenza dei widget e vuoi riutilizzarli clicca su questo pulsante. Per salvare un widget, devi cliccare la rispettiva icona come mostrato negli step precedenti. In seguito al salvataggio troverai il tuo widget in “Your Widgets”.
[D2] – Dopo aver cliccato su “Saved Widgets” scegli quale vuoi importare.
[D3] – Clicca su “Load” per aggiungere il widget al messaggio.


E – Prepared templates (Template preconfezionati)

SALESmanago ti mette a disposizione alcuni template già pronti che puoi utilizzare direttamente o visionare per prendere spunto nella preparazione del tuo template personalizzato.

Qui di seguito puoi vedere alcuni esempi :

editor_drag_drop_18
editor_drag_drop_19


F – Preview

Attraverso questo pulsante puoi vedere l’anteprima del tuo messaggio e visualizzarne l’aspetto su pc, tablet e smartphone. Il layout visto nella piattaforma in fase di modifica potrebbe essere differente dalla versione finale del tuo template, per questo motivo questo strumento risulta molto utile.

editor_drag_drop_20

Nota che non è possibile scaricare il codice HTML del template creato.


G – Clear

Pulisce il template rimuovendo le strutture e i widget da esso


H – Save email

Se salvi il tuo template, hai la possibilità di riutilizzarlo in futuro nella preparazione di nuove email


I – Main template settings

Questo strumento ti da la possibilità di modificare le impostazioni base del template come colore di sfondo e larghezza.

Posted in: Email, Supporto

Related Posts

I SENSORI emozionali, un nuovo modo di misurare le KPI nella Marketing Automation
28-01-2017 0

Nel leggere “2KM di futuro” sono rimasto folgorato di come la “misurazione” in ambito ...

Importazione contatti : prepara il tuo file
24-11-2016 0

Prima di effettuare l’importazione dei tuoi contatti è necessario preparare il proprio ...

Il codice di monitoraggio
16-11-2016 0

In seguito all’attivazione del tuo account avrai a disposizione il codice di monitoraggio ...

Integrazione con Magento
16-11-2016 0

Attraverso l’integrazione con la piattaforma e-commerce Magento, sarai in grado di ...

Comments

No comments yet.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *