Come creare modelli di newsletter per Outlook usando Stripo

Con Stripo, che ti consente di inviare e-mail alle app di Outlook (sia su macOS che Windows) e ad Outlook Web, inviare eleganti e-mail HTML tramite il tuo client di posta preferito è facilissimo! Nessun componente aggiuntivo richiesto.

In questo post ti mostreremo come esportare modelli email in HTML verso Outlook con solo due clic.

Unisciti a Stripo

Perché abbiamo deciso di implementare l’esportazione diretta verso Outlook

Perché dovresti voler usare Outlook quando puoi benissimo inviare email tramite Mailchimp, eSputnik, o altri provider di servizi email?

Secondo Litmus, l’11% delle persone oggi usa Outlook. In gran parte si tratta di imprese e aziende che inviano email interne, che si tratti di report annuali o delle notizie sull’impresa stessa. Certamente in questi casi c’è bisogno di un modello email in HTML, in modo da ottenere email ben strutturate, responsive, e magari anche interattive, con tabelle, istruzioni o saluti via video incorporati.

Tutte le email del genere, soprattutto i report annuali, devono essere tenute segrete, quindi è improbabile che tu voglia affidarle a un servizio di terzi, per quanto tutti i provider di servizi email garantiscano il trattamento sicuro dei tuoi dati.

Per questo molti dei nostri utenti ci hanno chiesto in che modo possono esportare email su questo client.

Quindi i nostri sviluppatori hanno iniziato a lavorare a questo progetto, e abbiamo potuto rilasciare questa funzione.

Come funziona

Siamo fieri di annunciare che Stripo è il primo editor di email che ti permette di creare modelli per Outlook e inviarli senza intoppi verso il client in questione.

1. Creare modelli email per Outlook

Nel post "Manuale dalla A alla Z" sul nostro blog, abbiamo mostrato nel dettaglio come creare dei modelli di newsletter.

Puoi creare un modello di mail per Outlook nello stesso identico modo.

Ci sono, tuttavia delle cosette che dobbiamo sottolineare correlate alle speciali regole di visualizzazione di Outlook:

• Pulsanti CTA in Outlook

E ben noto che i pulsanti che troviamo in un client email possono avere un aspetto del tutto diverso in un altro client. Ad esempio, i pulsanti arrotondati su Outlook vengono mostrati con gli "angoli squadrati". Questo può far sì che la tua email perda bellezza e uniformità di stile. Ma non temere, ci pensa Stripo.

Per salvare il design dei pulsanti su tutte le versioni di Outlook, devi attivare l'opzione "Supporto per Outlook".

• vai alla scheda "Aspetto" nel pannello laterale;

• apri la scheda "Pulsante";

• abilita l’opzione "Supporto per Outlook".

Prova Stripo

• Sfondi su Outlook

Gli sfondi vengono visualizzati su Outlook solo se sono stati impostati sull’intera email. Se imposti uno sfondo per una singola linea, o per un qualsiasi altro elemento, non verrà mostrato.

Abbiamo trovato una soluzione:

• attiva le impostazioni dell’elemento al quale vuoi aggiungere uno sfondo cliccando sull’etichetta dell’elemento. Può essere "etichetta", "linea", ecc.;

• apri l’editor di codice HTML;

• inserisci questa porzione di codice sopra la linea di codice che inizia con "Table width";

<!--[if gte mso 9]>

 <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:327px;height:100%;">

   <v:fill type="frame" src="https://iiqf.stripocdn.email/content/guids/CABINET_b696bac619e2a6fd60a2c756b8b7c9c5/images/26661559905688877.png" color="#7bceeb" ></v:fill>

   <v:textbox inset="0,0,0,0">

 <![endif]-->

• ora inserisci questa porzione di codice al di sotto della stessa linea di codice, quella che inizia con "Table width";

<!--[if gte mso 9]>

   </v:textbox>

 </v:rect>

 <![endif]-->

• sostituisci il link sottolineato nell’immagine seguente con il link della tua immagine di sfondo, in entrambi i punti;

• assicurati di modificare la larghezza dell’immagine facendo sì che corrisponda alla larghezza del contenitore, che puoi vedere nella prima linea dopo l’etichetta "width". Nel nostro caso è di 600px.

Sappi che non puoi usare questo codice per gli sfondi e al tempo stesso attivare la funzione “Supporto per Outlook” correlata ai pulsanti, dato che Outlook è in grado di visualizzare un solo elemento in VML alla volta.

Nel post Problemi comuni di rendering su Outlook, che trovi nel nostro blog, ti mostriamo delle alternative alle immagini di background nelle email.

• GIFs nei modelli email di Outlook

Come sappiamo da febbraio 2019 Outlook supporta le GIF. 

Quali versioni di Outlook supportano le GIF:

• Outlook per Office 365, versione desktop;

• Outlook per Office 365, app per mobile;

• Outlook 2003, versione desktop;

• Outlook per Mac, app;

• versione web di Outlook sia su dispositivi mobile che desktop.

Come caricare le GIF nelle email con Stripo

Proprio come per un’immagine normale:

• trascina il blocco immagine nel tuo modello di newsletter Outlook;

• aggiungi il file GIF che vuoi caricandolo oppure inserendo il link a una memoria esterna;

• l’email è pronta.

Ricordati di aggiungere un link alla versione web della tua email per i destinatari che usano le seguenti versioni del client: Outlook 2007, Outlook 2010, Outlook 2013, Outlook 2016, persino Outlook 2019.

Come ottenere un link alla versione web usando Stripo

• entra in modalità anteprima;

• sopra il modello clicca sul pulsante “Copia”, oppure clicca il pulsante “Apri una nuova scheda”

• inserisci il link all’inizio del tuo modello email per Outlook.

Prova Stripo

2° passo. Controllare l’anteprima

Quando crei un modello email HTML per Outlook, o per qualsiasi altro client, devi controllare l’anteprima prima di inviarlo ai tuoi destinatari, per assicurarti che il risultato finale sia come l’avevi pianificato.

Con Stripo hai tre modi diversi per verificare l’anteprima delle tue email:

• 1. Modalità anteprima

Una volta entrato in questa modalità potrai vedere le versioni desktop e mobile delle tue email. 

• 2. Testare i modelli per Outlook con il nostro strumento apposito

Stripo è integrato con Email on Acid, uno dei migliori strumenti di test delle email. Questa integrazione ti permette di vedere che aspetto avranno le tue email in tutte le versioni di Outlook e sugli altri client email. 

• 3. Inviare email di prova

Puoi anche decidere di inviare email di prova a vari account di Outlook di amici e colleghi, per un test “live”.

Per farlo, basta cliccare sull’icona “Test”, inserire un numero di indirizzi email, separarli con le virgole se sono molti, e cliccare su “Invia”.

Prova Stripo

3° passo. Inviare i modelli email su Outlook

Vogliamo sottolineare che puoi esportare le email da Stripo alle applicazioni di Outlook e Outlook Web.

Outlook Apps (Microsoft Office 365 and Outlook 2019)

Quando il tuo modello di newsletter per Outlook è pronto:

• clicca sul pulsante “Esporta”;

• seleziona Outlook tra i vari provider elencati;

• ora scegli il tipo di file di cui hai bisogno — OFT per Windows oppure EMLTPL per macOS;

• il tuo modello sarà scaricato sul computer come file. Cliccando su questo file, si apre una finestra di Outlook con il modello di email aperto, pronto a essere inviato;

• inserisci il tuo indirizzo email se necessario;

• ora inserisci gli indirizzi email dei destinatari. Fatto!

Outlook.com (Web)

Quando il modello è pronto:

• clicca sul pulsante "Esporta";

• scegli Outlook Web come destinazione;

• nella finestra pop-up, clicca sul pulsante "Esporta". L'opzione "Rendi pubblico" è già attivata;

• inserisci le tue credenziali per Outlook;

• offri a Stripo l'accesso al tuo account Outlook;

Importante:

Ci permetti solo di accedere alle tue bozze (per scopi di consegna). Non avremo accesso ai tuoi contatti, messaggi inviati e messaggi in arrivo.

• vai alla cartella "Bozze" in Outlook;

• modifica l'email, se necessario;

• inserisci l'oggetto (per impostazione predefinita è "titolo del modello");

• la tua email è pronta per essere inviata!

Inoltre, è possibile utilizzare l'opzione "Esportazione in blocco" per esportare un grande numero di email in Outlook:

• Fai click su "Messaggi Email" nella tua dashboard;
• Scegli le email da esportare;
• Scegli l'opzione "Esporta" dal menu a tendina presente sopra i messaggi;
• Ripeti i passaggi descritti nella sezione "Esportazione modelli email in Outlook”.

Se scegli l'opzione Outlook App per esportare le email in blocco, esse verranno scaricate come archivio sul tuo computer. Per trovare le email in Outlook Web, controlla la cartella "Bozze".

Importante da ricordare:

Outlook non consente l'utilizzo di più account in un browser. Quindi, per connetterti con un nuovo account, dovrai disconnettere quello precedente. Ti consigliamo di assicurarti di essere completamente disconnesso dal tuo account di Outlook. Solo allora potrai connettere un nuovo account Outlook a Stripo.

Ora vedrai esattamente cosa apparirà ai tuoi lettori. In questa finestra, se necessario, puoi modificare il modello.

Importante:

Outlook rimuove gli stili che rendono responsive il design delle email. Questo significa che gli utenti che guardano le tue email dai dispositivi mobile vedranno la versione desktop. Non ci sarà scorrimento orizzontale, ma tutti i contenitori di una linea che normalmente su mobile vengono spostati alla seconda linea, in questo caso resteranno al proprio posto.

(email inviata tramite provider o usando la maggioranza dei client email)

(email inviata tramite Outlook)

Salva tutti i modelli di newsletter per Outlook nella tua libreria personale dei contenuti con Stripo, e poi potrai esportarli su Outlook in appena 2 clic, ogni volta che ne avrai bisogno.

Conclusioni

Cari utenti Outlook,

Se avete domande o dubbi, lasciate pure un commento.