USARE MAILCHIMP IN XTOTEM

Транскрипт

1 USARE MAILCHIMP IN Pagina 1 USARE MAILCHIMP IN XTOTEM Sommario USARE MAILCHIMP IN XTOTEM...1 Introduzione...2 Iscrizione al servizio Mailchimp...3 Accesso a Mailchimp...3 Liste di distribuzione (Mailing List)...3 Importazione contatti...4 Modulo di iscrizione (integrazione con il Sito)...4 Le campagne: realizzazione della newsletter...4 Statistiche...5 Integrazione in XTOTEM...6 Preparazione del modulo d'iscrizione...6 Preparazione della macro...6 Modifica del codice...7 Inserimento sulla pagina...9 Revisione 10.08

2 USARE MAILCHIMP IN Pagina 2 Introduzione Mailchimp è un sistema per spedire newsletter, gratuito fino ai iscritti e inviate al mese, (maggio 2015). Le newsletter sono indirizzate direttamente ai contatti e non inserite in un unico calderone di contatti in CC conoscenza nascosta. Altra cosa molto importante, è che trattandosi di un mailer esterno le newsletter sono inviate dal server del mailer e non dal nostro IP evitando così rallentamenti sul server dove è ospitato il sito. Altri vantaggi sono: possibilità di suddividere i contatti in diverse liste/gruppi a, ad esempio clienti, collaboratori, fornitori, ecc.. permette di importare una lista di contatti da file excel e altre estensioni permette di esportare i contatti elimina i doppioni e cancella in modo automatico dalla lista le che non risultano più attive offre Report completi: tiene traccia per ogni campagna del tasso di apertura che ha avuto (chi ha aperto la newsletter e chi non, a che ora del giorno, in più la top 10 dei contatti che più hanno aperto le vostre newsletter), dei click sui vari link, dei retweet o mi piace permette di scegliere e personalizzare diversi template e di modificare testi, immagini, colori dei link e colori di sfondo è possibile inserire a lato codice i pulsanti di condivisione su Facebook e Twitter e il like di Facebook: in questo modo, chi riceve la newsletter può, oltre che inoltrarlo ai suoi contatti, condividerlo anche sui social network permette di pianificarne l invio della newsletter in un determinato giorno ad una determinata ora L'integrazione con XTOTEM permette di inserire sul proprio sito il modulo di iscrizione alle Newsletter. In questo documento si prevede di usare la versione gratuita ma la procedura è identica anche con le versioni a pagamento. Questo documento NON è il manuale di Mailchimp ma fornisce solo alcune indicazioni. Descrive invece come integrare un modulo di iscrizione alle newsletter all'interno di una pagina gestita con XTOTEM.

3 USARE MAILCHIMP IN Pagina 3 Iscrizione al servizio Mailchimp Accedere a e nella home cliccare sul pulsante Sign Up Free. Seguire la procedura indicata che prevede l'inserimento di alcuni dati e la conferma attraverso una che Mailchimp spedirà. Impostare il fuso orario, che di default è impostato su quello americano, altrimenti le newsletters programmate ad orari/giorni specifici arriveranno in momenti diversi da quelli desiderati. Accesso a Mailchimp Accedere a e nella home cliccare sul pulsante Log-in in alto a destra. Inserire i propri dati di accesso. Liste di distribuzione (Mailing List) Prima di passare alla realizzazione della campagna, si deve creare una Lista che conterrà i contatti. Per una strategia di marketing efficiente è meglio creare più liste così da diversificare la comunicazione e le offerte in base al target e agli obiettivi prefissati. Lists Create List I dati da inserire sono: List name: nome della lista in modo da riconoscerla facilmente. Questo dato non sarà visualizzabile dagli iscritti che riceveranno l Default from name: nome che comparirà come mittente dell Default reply-to indirizzo per le risposte Reming people how they got on your list: frase che ricordi agli iscritti perché anno ricevuto l' e sono, quindi, iscritti alla lista. Esempio: Hai ricevuto questa mail perché ti sei iscritto alla newsletter del sito.... Fra le altre impostazioni si può scegliere di attivare le notifiche sugli iscritti e la possibilità di far scegliere agli utenti il formato in cui preferiscono ricevere la newsletter: HTML o plain-text (Testo semplice). Conferma con Save.

4 USARE MAILCHIMP IN Pagina 4 Importazione contatti Dopo aver creato la lista, si possono importare contatti esistenti: Lists Stats (a destra) Import scegliere il tipo di importazione Mailchimp offre piena compatibilità per l importazione da file TXT, CSV, Excel, Google Contacts(Gmail) e molti altri servizi. Modulo di iscrizione (integrazione con il Sito) Per creare un form di iscrizione da inserire sul proprio Sito: Lists Stats (a destra) Signup forms Select sul tipo di form da creare I Form possibili sono: General forms: si possono personalizzare i form, aggiungere nuovi campi, tradurre i testi e ottenere un link diretto per l iscrizione degli utenti. Alla voce Signup form URL è indicato il collegamento da inserire come Link sulla pagina del sito. L'utente sarà indirizzato a questa pagina esterna al Sito. Si consiglia in ogni caso di eseguire la traduzione del modulo in questa sezione. Embedded forms: per generare il codice html. Questo è il metodo per inserire il modulo all'interno del proprio Sito, vedi pagina 6 per i dettagli. Form integrations: per l integrazione su Twitter, WordPress, Wufoo, Squarespace e Coffecup Form Builder. Per gli Embedded forms le opzioni disponibili sono: Classic: form pronto all uso e veloce da implementare; Super Slim: form per la richiesta del solo indirizzo ; Naked: form senza stili css e javascript; Advanced: qui trovi tutte le informazioni per sfruttare le API di Mailchimp e creare un form personalizzato. Le campagne: realizzazione della newsletter Per progettare la newsletter: Campaigns Create Campaign Select sul tipo di campagna da effettuare. Regular Campaign: Invia una HTML e una versione alternativa di solo testo. Plain-Text Campaign: Invia una semplice di solo testo, senza immagini e formattazione. A/B Split Campaign: Invia a due gruppi per determinare la migliore linea di soggetto, da nome, o l'ora / giorno per inviare campagne. RSS-Driven Campaign: Invia il contenuto da un feed RSS per una lista. 1. Selezionare la prima opzione Regular Campaign, oppure Plain-Text Campaign.

5 USARE MAILCHIMP IN Pagina 5 2. Scegliere la lista e confermare con Next (in basso a destra). 3. Inserire le informazioni sulla campagna, e in particolare: 1. Name your campaign: semplice nome alla campagna 2. subject: oggetto della newsletter. 4. Click su Next per proseguire 5. Scegliere un layout e confermare con Select 6. Scrivere l' trascinando gli elementi dalla destra direttamente sulla newsletter a sinistra. Modificare testi e immagini cliccandoci sopra, e modificando colori e formattazione direttamente dal pannello a destra. Per un anteprima cliccare su Preview & Test Enter Preview Mode (test anche su iphone) oppure Preview & Test Send a test per testare e inviare la newsletter appena creata ad un indirizzo . I template creati e personalizzati rimangono salvati in Mailchimp in modo da poterli riutilizzare in altre campagne. 7. Proseguire con Next 8. Se tutto è ok, si può scegliere di inviare subito la mail cliccando su Send Now, oppure programmare l invio a giorni e orari con Schedule. Statistiche Una volta inviata la newsletter, per controllare a analizzare le statistiche: Reports campagna da monitorare.

6 USARE MAILCHIMP IN Pagina 6 Integrazione in XTOTEM Preparazione del modulo d'iscrizione 1. Accedere a Mailchimp 2. Lists Stats (a destra) Signup forms Embedded forms 3. Modificare eventualmente il form 4. Copiare il codice Preparazione della macro In XTOTEM: 1. Pagine Macro Nuova 2. Dare un nome alla macro (ad esempio Mailchimp) 3. Scegliere il tipo di macro Codice HTML e confermare 4. Aprire la macro appena creata, incollarci dentro il codice e confermare

7 USARE MAILCHIMP IN Pagina 7 Modifica del codice Se, come nell'esempio precedente, il risultato non fosse quello voluto (colori e testi) modificare il codice come segue. In rosso le parti da eliminare In blu quelle da modificare In verde la traduzione così come descritta a pagina 4 <!-- Begin MailChimp Signup Form --> <link href="//cdn-images.mailchimp.com/embedcode/classic css" rel="stylesheet" type="text/css"> <style type="text/css"> #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; } /* Add your own MailChimp form style overrides in your site stylesheet or in this style block. We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */ </style> <div id="mc_embed_signup"> <form action="//xtotem.us10.list-manage.com/subscribe/post? u=8dac63a47c862ea d37&id=c0d7dca72d" method="post" id="mcembedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <div id="mc_embed_signup_scroll"> <h2>subscribe to our mailing listtitolo del modulo</h2> <div class="indicates-required"><span class="asterisk">*</span> indicates requireddato obbligatorio <div class="mc-field-group"> <label for="mce- "> Address Indirizzo <span class="asterisk">*</span> </label> <input type=" " value="" name=" " class="required " id="mce- "> <div class="mc-field-group"> <label for="mce-fname">first Name Nome </label> <input type="text" value="" name="fname" class="" id="mce- FNAME"> <div class="mc-field-group"> <label for="mce-lname">last Name Cognome </label> <input type="text" value="" name="lname" class="" id="mce- LNAME"> <div id="mce-responses" class="clear"> <div class="response" id="mce-error-response"

8 USARE MAILCHIMP IN Pagina 8 style="display:none"> <div class="response" id="mce-success-response" style="display:none"> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> <div style="position: absolute; left: -5000px;"><input type="text" name="b_8dac63a47c862ea d37_c0d7dca72d" tabindex="-1" value=""> <div class="clear"><input type="submit" value="subscribeiscriviti" name="subscribe" id="mc-embeddedsubscribe" class="button"> </form> <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mcvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]=' ';ftypes[0]=' ';fnames[1]='FNAME';ftyp es[1]='text';fnames[2]='lname';ftypes[2]='text'; /* * Translated default messages for the $ validation plugin. * Locale: IT */ $.extend($.validator.messages, { required: "Campo obbligatorio.", remote: "Controlla questo campo.", "Inserisci un indirizzo valido.", url: "Inserisci un indirizzo web valido.", date: "Inserisci una data valida.", dateiso: "Inserisci una data valida (ISO).", number: "Inserisci un numero valido.", digits: "Inserisci solo numeri.", creditcard: "Inserisci un numero di carta di credito valido.", equalto: "Il valore non corrisponde.", accept: "Inserisci un valore con un'estensione valida.", maxlength: $.validator.format("non inserire più di {0} caratteri."), minlength: $.validator.format("inserisci almeno {0} caratteri."), rangelength: $.validator.format("inserisci un valore compreso tra {0} e {1} caratteri."), range: $.validator.format("inserisci un valore compreso tra {0} e {1}."), max: $.validator.format("inserisci un valore minore o uguale a {0}."), min: $.validator.format("inserisci un valore maggiore o uguale a {0}.")

9 USARE MAILCHIMP IN Pagina 9 });}(jquery));var $mcj = jquery.noconflict(true);</script> <!--End mc_embed_signup--> Il risultato cambierà in: Inserimento sulla pagina 1. In XTOTEM aprire la pagina che dovrà contenere il modulo con 2. Posizionare il puntatore del mouse nel punto desiderato e cliccare su 3. Scegliere la Macro appena creata (nell'esempio Mailchimp), il risultato sulla pagina sarà: 4. Salvare la pagina Sul Sito si avrà un risultato simile a: colori e impaginazione saranno quelli del sito.