GUIDA EDITOR VERSIONE Guida all'utilizzo

Transcript

1 GUIDA EDITOR VERSIONE 1.0 1

2 Documento: documento.pdf Versione: 1.0 Autore: Daria Galletta Data ult. rev.: 27/10/2015 Mobyt S.p.A. Via Aldighieri, Ferrara Italy Tel Fax help@mobyt.it Web: P.IVA/C.F Mobyt - messaging services 2

3 Indice Composizione Configurazione Templates Editor Gestione immagini Destinatari Riepilogo

4 Composizione La pagina composizione dell area riservata MOBYT consente di creare una nuova 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 di prova (ad es. Al proprio indirizzo ) - lancio di una vera e propria campagna . Il primo passo è in ogni caso la creazione di una bozza , che potrete poi decidere di inviare immediatamente o salvare per il futuro. Per creare una nuova bozza di è sufficiente seguire gli step suggeriti dal sistema. 4

5 Gli step sono cinque, così suddivisi: 1. CONFIGURAZIONE 2. TEMPLATES 3. EDITOR 4. DESTINATARI 5. RIEPILOGO 1 Configurazione In questa prima fase viene richiesto di configurare : titolo interno del mailing oggetto lista di iscrizione codice di tracciamento di Web Analytics della che si sta inviando. *Nota: Prima di procedere alla composizione della è 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

6 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 . Il nome del mailing è sempre obbligatorio e non possono esistere due 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 dai destinatari. È un elemento molto importante per il successo di una campagna ed è dunque consigliabile pensarne uno che possa riassumere il contenuto del messaggio e allo stesso tempo invogliare i destinatari ad aprire l . E comunque possibile tornare a modificare l oggetto dell in qualsiasi momento. È inoltre possibile personalizzare l oggetto dell 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 ). 3. Liste Qualora si utilizzassero più liste è richiesto di selezionare la lista di riferimento. La lista stabilisce infatti delle impostazioni base dell . *Nota: la scelta della lista è sempre obbligatoria ed è univoca, ad ogni 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 , tramite sistemi di Web Analytics terzi, con lo scopo di monitorare l efficacia delle proprie campagne di 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 . 6

7 Esempio di codice di tracciamento web analytics:?utm_campaign=seratecinema&utm_medium=referral&utm_source= (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 . 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 = 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 saranno in ogni caso raccolte e mostrate nell apposita sezione Statistiche 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 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. 7

8 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. 8

9 Per utilizzarlo per la propria bozza , 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 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 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. 9

10 3 Editor L interfaccia editor drag&drop (clicca e trascina) rappresenta il terzo step della sezione Composizione . 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 10

11 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 11

12 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: 12

13 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 13

14 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 . 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. 14

15 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 . 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 di prova Prima di inviare la newsletter alla tua lista contatti, ti consigliamo di testare sempre l invio. Cliccando sul bottone INVIA DI PROVA presente nella parte inferiore della barra laterale, potrai scegliere di inviare la tua bozza ad un massimo di 5 indirizzi . 15

16 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 in un secondo momento, semplicemente ricercando la bozza nella sezione Campagne .!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 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à). 16

17 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 17

18 Modifica delle Immagini (editing) Il nuovo editor 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 18

19 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 , è 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 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. 19

20 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 . 20

21 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 Cliccando sull icona MODIFICA in corrispondenza delle varie voci è possibile ritornare alla fase desiderata e apportare delle modifiche. É inoltre possibile visualizzare un anteprima della 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 sarà possibile incorporare le proprie immagini direttamente all interno dell . Il risultato finale sarà quello di permettere al destinatario di ricevere un 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. 21

22 Come viene calcolato il tempo di invio di un' ? Il calcolo del tempo stimato viene effettuato sulla base di tre parametri: il numero di destinatari e dunque di da inviare la velocità in /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 . É 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 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. 22