Come creare modelli di newsletter per Outlook usando Stripo

18 agosto 2022
How_to_Create_Email_Template_for_Outlook_with_Stripo
Sommario
  1. Perché abbiamo deciso di implementare l’esportazione diretta verso Outlook
  2. Come funziona
  3. Conclusioni
1.
Perché abbiamo deciso di implementare l’esportazione diretta verso Outlook

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.

Come creare modelli di newsletter per Outlook usando Stripo

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.

Crea email sofisticate e inviale tramite Outlook.

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

Pulsanti CTA per un modello di Outlook per newsletter

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;

Esportazione di e-mail in Outlook _ Apertura dell'editor di codice

  • 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;

Come modificare modelli personalizzabili tramite Outlook _ Lavorare sugli sfondi

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

Ti potrebbe interessare anche

Problemi comuni di rendering su Outlook e come Stripo li risolve Stripo_Outlook Rendering Issues_Featured Image1
  • 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”

Esportazione di e-mail in Outlook _ Collegamento alla versione Web delle newsletter e-mail

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

Accesso alla modalità di anteprima per controllare il modello di newsletter di Outlook

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

Esegui il test per i modelli utente in Stripo

  • 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”;

Progettazione di modelli di newsletter per Microsoft Outlook _ Il pulsante Esporta

  • seleziona Outlook tra i vari provider elencati;

Scegli l'opzione dell'app Outlook dalla finestra di dialogo

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

Scegli il tipo di file per il tuo modello di newsletter

  • 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!

File System di Outlook _ Modifica della posta elettronica dopo l'esportazione

Outlook.com (Web)

Quando il modello è pronto:

  • clicca sul pulsante "Esporta";

  • scegli Outlook Web come destinazione;

Scegli l'opzione Web di Outlook dalla finestra di dialogo

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

Esporta il tuo modello di newsletter di Outlook

  • inserisci le tue credenziali per Outlook;

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

Dare 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”.

Esportazione in Blocco di un Gran Numero di Modelli di Newsletter

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.

Collegamento di un nuovo account

Esporta i miei modelli in Outlook

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.

I contenitori vengono spostati nelle righe successive


(email inviata tramite provider o usando la maggioranza dei client email)
E-mail inviata tramite Outlook

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

Crea modelli di newsletter per Outlook e inviali su questo client email senza difficoltà
Was this article helpful ?
Tell us your thoughts
Thanks for your feedback!
10 commenti
grant medefindt 1 anno fa
When sending out a Mac Outlook emltpl file, the mobile responsive styling gets stripped out and the end result is no mobile view and only the desktop design. Is there a reason for this?
Hanna Kuznietsova 1 anno fa
Hello, Grant Medefint. Thank you for your question. It happens because Outlook removes the styles that make email design responsive. It only happens to those emails that you send through Outlook. Thus, those users who see your emails on mobile devices will see the desktop version of it. There will be no horizontal scroll. But all the containers from one row that are normally moved to the second row on mobiles, will all remain in one row.
Bill Wick 1 anno fa
Remarkable! Its really amazing article, I have got much clear idea about from this paragraph.
Hanna Kuznietsova 1 anno fa
Bill Wick, Thank you. We're happy you find this post useful. If you have any questions on how to export templates from Stripo to Outlook, please let us know.
Jin Ke 2 anni fa
Благодарю! На будущее как раз очень пригодится.
Hanna Kuznietsova 2 anni fa
Jin Ke... Очень рады быть полезными ) Если возникнут вопросы - пожалуйста, обращайтесь.
Owolabi Olanrewaju 2 anni fa
But the HTML of stripo does not have outlook conditional tags, why.
Hanna Kuznietsova 2 anni fa
Hello, Owolabi. Thank you for your question. Could you please clarify what exactly you mean? Because our templates contain conditions for Outlook - for structures, containers, and buttons... Thank you
Adams Smith 3 anni fa
Thank you for sharing this post, it is very effective and informative, I like the way you present all the things, I am a Technical Support Advisor, We are providing the best solutions to your problems. For any query or any technical issues, Contact us or visit our website-https://www.outlooksupporto.com/embed-youtube-video-in-outlook-email/
Hanna Kuznietsova 3 anni fa
Adams, Thank you for your supportive feedback. We're glad you like our blog post.
Tipo
Stagioni
Integrazione