GUIDA EDITOR
VERSIONE 1.0
www.mobyt.it
1
Guida all'utilizzo
Documento: documento.pdf
Versione: 1.0
Autore: Daria Galletta
Data ult. rev.: 27/10/2015
Mobyt S.p.A.
Via Aldighieri, 10
44121 Ferrara – Italy
Tel. +39 0532 207296 - Fax +39 0532 242952
E-mail: [email protected] Web: www.mobyt.it
P.IVA/C.F. 01648790382
Mobyt® - messaging services
www.mobyt.it
2
Guida all'utilizzo
Indice
Composizione email ..................................................................................................4
1 Configurazione email ............................................................................................5
2 Templates..............................................................................................................7
3 Editor....................................................................................................................10
3.1 Gestione immagini........................................................................................16
4 Destinatari............................................................................................................19
5 Riepilogo..............................................................................................................20
www.mobyt.it
3
Guida all'utilizzo
Composizione email
La pagina composizione email dell’area riservata MOBYT consente di creare una nuova email
utilizzando il proprio codice html o uno dei nostri templates.
E’ dunque il punto di partenza per le seguenti attività:
- creazione di una bozza
- invio di un’email di prova (ad es. Al proprio indirizzo email)
- lancio di una vera e propria campagna email.
Il primo passo è in ogni caso la creazione di una bozza email, che potrete poi decidere di inviare
immediatamente o salvare per il futuro.
Per creare una nuova bozza di email è sufficiente seguire gli step suggeriti dal sistema.
www.mobyt.it
4
Guida all'utilizzo
Gli step sono cinque, così suddivisi:
1. CONFIGURAZIONE EMAIL
2. TEMPLATES
3. EDITOR
4. DESTINATARI
5. RIEPILOGO
1
Configurazione email
In questa prima fase viene richiesto di configurare :
•
titolo interno del mailing
•
oggetto
•
lista di iscrizione
•
codice di tracciamento di Web Analytics della email che si sta inviando.
*Nota:
www.mobyt.it
Prima di procedere alla composizione della email è preferibile procedere alla
creazione/importazione dei contatti. Nel caso in cui non si abbiano contatti in rubrica,
la procedura di creazione del mailing dovrà essere sospesa (creazione bozza) per
poi essere ripresa successivamente.
5
Guida all'utilizzo
1. Titolo interno
Il titolo interno del mailing è un semplice identificativo dell’invio e non verrà in alcun modo
visualizzato dai contatti finali. È il nome con il quale potrai successivamente identificarlo
nell’elenco campagne email. Il nome del mailing è sempre obbligatorio e non possono esistere
due email con lo stesso nome. Di default, verrà compilato con la data della creazione della bozza,
ma potrà essere modificato a proprio piacimento.
2. Oggetto della mail
Riassume il contenuto della newsletter. L’oggetto è un campo obbligatorio e sarà visualizzato
come oggetto della tue email dai destinatari.
È un elemento molto importante per il successo di una campagna email ed è dunque consigliabile
pensarne uno che possa riassumere il contenuto del messaggio e allo stesso tempo invogliare i
destinatari ad aprire l’email. E’ comunque possibile tornare a modificare l’oggetto dell’email in
qualsiasi momento.
È inoltre possibile personalizzare l’oggetto dell’email inserendo al suo interno i campi anagrafici dei
destinatari (solo nel caso in cui nome e cognome dei contatti siano stati importanti in rubrica
unitamente agli indirizzi email).
3. Liste
Qualora si utilizzassero più liste è richiesto di selezionare la lista di riferimento. La lista stabilisce
infatti delle impostazioni base dell’email.
*Nota:
la scelta della lista è sempre obbligatoria ed è univoca, ad ogni email può
corrispondere una sola lista.
4. Web Analytics
Per chi fosse interessato è possibile inserire un codice di tracciamento di Web Analytics.
Questo codice permette di tracciare i clic sui link inseriti nell’email, tramite sistemi di Web Analytics
terzi, con lo scopo di monitorare l’efficacia delle proprie campagne di email marketing (pagine
visitate, conversioni, ecc.).
Basterà copiare ed incollare il codice fornito dal proprio strumento di Web Analytics nell’apposito
box e MOBYT lo aggiungerà automaticamente a tutti i link presenti nel messaggio email.
www.mobyt.it
6
Guida all'utilizzo
Esempio di codice di tracciamento web analytics:
?utm_campaign=SerateCinema&utm_medium=referral&utm_source=email (esempio riferito a
Google Analytics)
Una volta inserito nell’apposito campo, MOBYT provvederà ad agganciare automaticamente
questo pezzo di codice a qualsiasi link presente nell’email. Per visualizzare e monitorare i dati
relativi alle visite su quello specifico link, basterà dunque accedere allo strumento di web analytics,
all'interno del quale troveremo le informazioni così contrassegnate:
mezzo di provenienza = referral
sorgente = email
campagna = Serate Cinema
*Nota:
l’inserimento o meno di un codice di tracciamento web analytics non ha alcun
impatto sulle statistiche fornite da MOBYT. Le statistiche relative all’invio email
saranno in ogni caso raccolte e mostrate nell’apposita sezione Statistiche email della
piattaforma online.
Infine clicca sul bottone PROCEDI per passare allo STEP 2: Templates.
2
Templates
Nella seconda fase verrà richiesto di scegliere il template da utilizzare.
MOBYT ti offre la possibilità di scegliere fra utilizzare uno dei modelli disponibili gratuitamente, un
file HTML di tua proprietà oppure disegnare un’email partendo completamente da zero grazie
all’editor.
L’opzione che ti verrà mostrata di default è quella relativa alla creazione a partire da uno dei nostri
template.
www.mobyt.it
7
Guida all'utilizzo
1. Crea mailing da template MOBYT
Se desideri utilizzare uno dei nostri modelli, seleziona il modello che per grafica e colori risponde
maggiormente alle tue esigenze comunicative. Potrai scegliere fra un centinaio di templates
diversi, suddivisi per macrocategorie: modelli base o modelli avanzati.
I modelli base sono template html molto semplici, suddivisi in 1 o 2 colonne.
Potrai scegliere di personalizzare il template con il tuo colore aziendale principale scegliendo fra
quelli disponibili: bianco, giallo, rosso, blu e verde.
I modelli avanzati invece sono suddivisi in categorie (business, eventi, fashion, etc) ed inoltre
possono essere suddivisi fra template “responsive”(che utilizzano cioè una tecnica di web design
che gli permette di essere ottimizati per essere visualizzati su ogni dispositivo – tablet,
smartphone, pc) e non. Una volta selezionato il template, lo potrai modificare a tuo piacimento
utilizzando il nostro editor HTML nel successivo STEP.
Per visualizzare un’anteprima del modello è sufficiente passare con il puntatore del mouse sopra il
modello stesso e cliccare sull’icona a forma di occhio.
www.mobyt.it
8
Guida all'utilizzo
Per utilizzarlo per la propria bozza email, cliccare invece su Usa template.
2. Crea mailing da HTML
Se desideri invece utilizzare il tuo codice HTML, clicca su
IMPORTA HTML e seleziona la modalità d’importazione:
copia/incolla oppure importa file che desideri caricare. Clicca
su Carica per importare il codice.
Potrai inoltre creare la tua email importando direttamente un
archivio zip che contiene al suo interno il file HTML e le
immagini del mailing. Queste verranno caricate
automaticamente nella sezione “allegati” della tua area
riservata ed i link alle immagini nell’HTML verranno risolti in modalità automatica. Una volta
caricato l’html sarà inserito direttamente nella sezione “I Miei Template”.
!Attenzione: Il file zip può contenere un solo file HTML e tutte le immagini che si vogliono
inserire, eventualmente raggruppate in una cartella “immagini”. Perché
l’importazione del file .zip vada a buon fine, è essenziale che, aprendo il file HTML
in un browser, l’email venga visualizzata correttamente, a garanzia del fatto che i
link alle immagini contenuti nel codice siano coerenti con quanto si troverà
nell’archivio zip.
3. Crea mailing da editor
Se desideri creare il tuo template partendo da una pagina vuota, lo puoi fare con il nostro editor. E’
sufficiente cliccare sul pulsante “Editor” per essere reindirizzati alla pagina contenente l’editor
vuoto.
www.mobyt.it
9
Guida all'utilizzo
3
Editor
L’interfaccia editor “drag&drop” (clicca e trascina) rappresenta il terzo step della sezione
“Composizione email”.
In questa pagina è possibile creare un template da zero oppure, partendo da un template
esistente, modificare testi e immagini, inserire link a siti web, pagine social o altri contenuti online,
etc…
L’interfaccia del nuovo editor si suddivide in tre sezioni principali:
1. La barra superiore
2. L’area di lavoro
3. La barra laterale destra
www.mobyt.it
10
Guida all'utilizzo
1. La barra superiore
Tutti i template creati con l’editor MOBYT nascono responsive. Da questa barra utilizzando
l’apposito comando puoi decidere quale vista impostare: mobile o desktop. Avrai così sempre sotto
controllo il risultato grafico finale dei tuoi mailing.
2. L’area di lavoro
L’area di lavoro mostra in tempo reale l’anteprima del tuo mailing.
Oltre a fornirti una preview in tempo reale, questa sezione ti permette di lavorare ai contenuti e alle
strutture del tuo template. Ogni elemento (contenuto o struttura) può essere selezionato e
www.mobyt.it
11
Guida all'utilizzo
modificato. Una cornice blu indica sempre su quale elemento stai attualmente lavorando.
Le possibili modifiche effettuabili sono:
• spostare l’elemento in un’altra posizione
• cancellare l’elemento selezionato
• duplicare l’elemento selezionato
3. La barra Laterale di Destra
La barra laterale di destra è il vero e proprio centro di gestione per la creazione della tuo mailing.
Da qui è possibile inserire nuovi elementi e/o strutture e modificarne le proprietà.
La barra laterale è divisa a sua volta in tre tab principali:
www.mobyt.it
12
Guida all'utilizzo
1. Elementi: da qui è possibile selezionare e trascinare i singoli elementi (contenuti e/o
strutture) all’interno dell’area contenuti
2. Proprietà: a seconda dell’elemento o struttura selezionata nell’area di lavoro, sarà possibile
editarne le specifiche proprietà
3. Impostazioni generali del body: più defilate, definiscono gli assetti base del template
www.mobyt.it
13
Guida all'utilizzo
1. Gli elementi
Gli elementi disponibili per la costruzione/modifica del template si suddividono in due categorie
principali:
1.1. Strutture/colonne
Definiscono l’architettura base della tua email. Esistono diverse combinazioni:
• una colonna
• due colonne (nei formati 50/50, 25/75, 75/25)
• tre colonne (nei formati 33/33/33, 25/25/50, 50/25/25,)
• quattro colonne (25/25/25/25)
N.B.Prima di inserire qualsiasi contenuto è necessario inserire almeno un elemento struttura.
1.2 Contenuti
Una volta inserita almeno una struttura/colonne nell’area di lavoro, è possibile trascinare al
suo interno i vari contenuti.
I contenuti disponibili sono:
•
Elemento Testo
L’elemento testo permette di inserire un contenuto testuale all’interno della
newsletter. Di default appare un testo standard (lorem ipsum) che potrà essere
modificato a piacimento tramite doppio clic all’interno dell’area contenuti. L’editor
inline (corrisponde al tab che appare nell’area contenuti cliccando due volte sul
testo stesso) permette di modificare gli stili del testo (interlinea, font, colore e
allineamento), di aggiungere campi dinamici, elenchi puntati o numerati o link.
•
Elemento Immagine
Permette di inserire un’immagine all’interno del template. L’immagine può essere
caricata al momento oppure può essere selezionata dal proprio File Manager
tramite l’apposito bottone “Sostituisci”. Per maggiori dettagli consultare la sezione
Gestione Immagini della guida.
www.mobyt.it
14
Guida all'utilizzo
•
Elemento Bottone
Permette di inserire un pulsante, anche detto “call to action”, all’interno della tua
mail. Sempre attraverso le proprietà puoi editarne lo stile e stabilire l’azione legata
al clic: apertura di una pagina web, apertura di una landing e/o invio di un’email.
•
Elemento Divisorio
Trascinando questo elemento all’interno dell’area contenuti viene inserita una linea
orizzontale, utile per suddividere i contenuti della tua mail. Una volta trascinato
l’elemento nel template, è possibile decidere le proprietà di base dell’elemento
divisorio (colore, altezza e larghezza, stile, etc.)
•
Elemento Social
L’elemento social permette di inserire delle icone per i social network preferiti, che
sarà poi possibile personalizzare tramite le proprietà inserendo il link al proprio
profilo o pagina social.
•
Elemento Unsubscribe
SI tratta di un breve testo personalizzabile che porta tramite collegamento alla
pagina di disiscrizione dalla newsletter. Questo è l’unico elemento obbligatorio per
poter procedere all’invio della mail, va necessariamente inserito.
2. Le Azioni
Nella parte inferiore della barra laterale destra potete eseguire una serie di operazioni:
•
Invio email di prova
Prima di inviare la newsletter alla tua lista contatti, ti consigliamo di testare sempre l’invio.
Cliccando sul bottone INVIA EMAIL DI PROVA presente nella parte inferiore della barra
laterale, potrai scegliere di inviare la tua bozza email ad un massimo di 5 indirizzi email.
www.mobyt.it
15
Guida all'utilizzo
•
Salvare la propria mail come template
Il bottone Salva come template ti permette di salvare il modello nella sezione “I Miei
Template”. Potrà quindi essere utilizzato come modello base per tutte le tue prossime
newsletter.
•
Salvare la propria mail come bozza
Il bottone Salva in bozze ti permette di salvare le ultime modifiche. Cliccando su questo
bottone potrai poi navigare o chiudere il browser con la certezza di poter riprendere la
composizione della tua email in un secondo momento, semplicemente ricercando la bozza
nella sezione Campagne Email.
!Attenzione:
Prima di abbandonare la pagina, è fondamentale salvare sempre eventuali
correzioni o revisioni della newsletter cliccando su SALVA COME BOZZA.
In caso contrario, ogni modifica effettuata dall’ultimo salvataggio verrà persa.
•
Visualizzazione versione HTML
Selezionando questa opzione è possibile vedere ed editare il codice sorgente HTML della
mail creata.
Nel momento in cui avrete modificato o composto la vostra EMAIL in maniera definitiva, potrete
procedere allo STEP 4 cliccando sul pulsante AVANTI.
3.1
Gestione immagini
File Manager: il nuovo tool di gestione immagini
Per accedere al nuovo tool di gestione file immagini è sufficiente inserire un elemento immagine e
cliccare sulla tasto “Sostituisci” (disponibile direttamente nell’immagine di prova oppure nella
colonna proprietà).
www.mobyt.it
16
Guida all'utilizzo
Si aprirà così una finestra pop-up in cui sarà possibile caricare nuove immagini e visualizzare le
immagini caricate in precedenza.
Per caricare una nuova immagine è sufficiente cliccare sul bottone CARICA oppure trascinare
l’immagine direttamente nella finestra.
Una volta caricata l’immagine è possibile inserirla nella propria newsletter tramite doppio clic o
selezionandola e cliccando il bottone “USA”.
Grazie al nuovo File Manager è inoltre possibile:
• visualizzarne un’anteprima
• ordinare le immagini per nome
• scaricare il file sul proprio computer
• eliminare una o più immagini simultaneamente
• rinominare velocemente ogni singola immagine
www.mobyt.it
17
Guida all'utilizzo
Modifica delle Immagini (editing)
Il nuovo editor email include anche una funzionalità avanzata di “Editing delle immagini”. Permette
infatti di modificare rapidamente un’immagine caricata applicando filtri, adesivi, scritte o
ridimensionandola.
Per modificare un’immagine è sufficiente caricarla nel File Manager, inserirla nel template e poi
cliccare sul bottone “Modifica” (dal pannello Proprietà). Si aprirà una finestra pop-up di editing
immagine che permetterà di modificare le proprie immagini.
Qui di seguito un elenco delle azioni più comuni che è possibile applicare alle immagini:
• ridimensionamento
• ritaglio
• rotazione
• aggiustamento nitidezza, messa a fuoco e illuminazione
• aggiunta di cornici
• aggiunta di filtri
www.mobyt.it
18
Guida all'utilizzo
• vignettatura
• etc.
4
Destinatari
In questa pagina è possibile selezionare i destinatari a cui inviare la mail/newsletter.
É possibile scegliere fra:
•invio a gruppi
•invio a contatti
L’opzione mostrata di default è la prima:
•
Invio a gruppi
Per selezionare uno o più gruppi ai quali inviare l’email, è sufficiente selezionarli mettendo
la spunta nell’apposito riquadro (colonna di sinistra) .
Il contatore presente nella parte bassa della tabella mostrerà il numero di gruppi e di
contatti selezionati.
*Nota: se un contatto è inserito in più gruppi, l’email gli verrà inviata una sola volta.
!Attenzione: il numero di destinatari indicato nel contatore non tiene conto della presenza
dello stesso indirizzo in gruppi diversi, quindi il numero reale di destinatari potrebbe
essere inferiore a quello visualizzato.
•
Invio a contatti
Clicca sul tab grigio “Contatti” per poter selezionare i singoli contatti ai quali inviare il
mailing. Potrai scegliere i destinatari anche in base a dei filtri.
Il contatore in fondo alla tabella indica il numero di contatti selezionati.
www.mobyt.it
19
Guida all'utilizzo
Una volta selezionati i destinatari, cliccando su PROCEDI potrai procedere allo STEP 5:
Riepilogo.
5
Riepilogo
Il riepilogo è l’ultimo step immediatamente precedente all’invio vero e proprio della campagna
email.
www.mobyt.it
20
Guida all'utilizzo
In questa fase è possibile visualizzare:
• i principali parametri della campagna (titolo, oggetto, lista)
• la dimensione in Kb
• il numero di destinatari selezionati
• stima del tempo necessario per effettuare l’invio della campagna email
Cliccando sull’icona MODIFICA in corrispondenza delle varie voci è possibile ritornare alla fase
desiderata e apportare delle modifiche. É inoltre possibile visualizzare un’anteprima della email
che si sta per inviare cliccando sul bottone apposito (si aprirà una finestra che consentirà di vedere
il messaggio nella sua interezza, completo del footer).
Sempre in questo step è inoltre possibile:
1. Aggiungere Allegati
Ad ogni messaggio possono essere allegati dei files. Per allegare un file alla newsletter, clicca su
“Aggiungi allegato” e selezionalo dal tuo computer.
Se desideri allegare più files, ripeti l’operazione tante volte quanti sono i files da allegare.
Per cancellare dei files allegati erroneamente clicca sul cestino.
2. Aggiungere Immagini Embedded
Spuntando la voce “Allega le immagini direttamente alla email” sarà possibile incorporare le
proprie immagini direttamente all’interno dell’email. Il risultato finale sarà quello di permettere al
destinatario di ricevere un’email già completa di tutte le immagini, che altrimenti andrebbero
scaricate poiché riferite ad un link.
3. Visualizzare e/o modifcare la versione testuale
Cliccando l’apposito bottone è possibile visualizzare come apparirà il mailing in versione testuale.Il
mailing in versione testuale verrà visualizzato solo dai dispositivi o client di posta che non riescono
a visualizzare correttamente il codice HTML.
www.mobyt.it
21
Guida all'utilizzo
Come viene calcolato il tempo di invio di un'email?
Il calcolo del tempo stimato viene effettuato sulla base di tre parametri:
• il numero di destinatari e dunque di email da inviare
• la velocità in email/ora a disposizione dell’account
• la presenza o meno di allegati o immagini embedded
!Attenzione:
oltre ai tre parametri indicati sopra, esistono anche altri fattori tecnici (ad
esempio le risposte dei vari server di posta) totalmente indipendenti da MOBYT, che
rendono impossibile stimare con assoluta precisione il tempo impiegato per poter
effettivamente recapitare le email. É importante dunque sottolineare come il tempo
indicato sia solamente una stima, anche se il più possibile attendibile.
Nel caso in cui il tempo di invio risulti per te eccessivamente lungo, puoi valutare l’ipotesi di
effettuare un upgrade di velocità cliccando su Upgrade. Aumentando la tua disponibilità di email
oraria, infatti, potrai inviare più velocemente le tue campagne.
4.Invio Immediato o posticipato
Una volta visualizzato il sommario dell’invio potrai decidere di fare un invio immediato o di
programmare la data e l’ora di invio posticipato. In quest’ultimo caso la tua newsletter verrà
inviata automaticamente il giorno e all’ora stabiliti.
Per ultimare la procedura di invio, clicca sul bottone INVIA.
www.mobyt.it
22
Guida all'utilizzo