Editor demo Accesso →
Marketing Modelli How-to
~ 8 minuti letti
309296 visualizzazioni
valutalo
10 novembre 2021

Come creare modelli di newsletter per Outlook usando Stripo

Stripo / Blog / 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

Introduzione

Fino a poco tempo fa era difficile, se non impossibile, inviare newsletter in HTML tramite Outlook e far sì che venissero visualizzate correttamente. Stripo ha trovato una soluzione. Finalmente puoi creare un modello email per Outlook ed esportarlo senza intoppi sul client in questione.

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

Esportazione di modelli e-mail HTML in Outlook_Abilitazione del supporto per l'opzione 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;

Esportazione di email in Outlook_Apertura dell'editor del 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 inviare e-mail di newsletter 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.

Prova Stripo

  • 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 messaggi di posta elettronica in Outlook_Collegamento alla versione Web di messaggi di posta elettronica

  • 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

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

Creazione di e-mail per Outlook_Test delle e-mail prima di inviarle ai clienti

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

Il pulsante Esporta

  • seleziona Outlook tra i vari provider elencati;

Exporting-Emails-to-Outlook

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

Scelta del sistema operativo

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!

Entering-Recipients'-Email-Addresses

Outlook.com (Web)

Quando il modello è pronto:

  • clicca sul pulsante "Esporta";

  • scegli Outlook Web come destinazione;

Outlook-Web-Option

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

Rendilo pubblico nel progetto

  • inserisci le tue credenziali per Outlook;

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

The-Yes-Button_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!

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.

Containers-Get-Moved-to-Next-Rows


(email inviata tramite provider o usando la maggioranza dei client email)
Email-Sent-Through-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.

Abbiamo preparato più di 1000 modelli di email HTML che puoi personalizzare e inviare tramite Outlook
Modelli

Conclusioni

Cari utenti Outlook,

Se avete domande o dubbi, lasciate pure un commento qui sotto, oppure inviateci un’email a contact@stripo.email.

Crea modelli di newsletter per Outlook e inviali su questo client email senza difficoltà

grant medefindt 3 mesi 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 ha commentato grant medefindt 3 mesi 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 11 mesi fa

Remarkable! Its really amazing article, I have got much clear idea about from this paragraph.

Hanna Kuznietsova ha commentato Bill Wick 11 mesi 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 1 anno fa

Благодарю! На будущее как раз очень пригодится.

Hanna Kuznietsova ha commentato Jin Ke 1 anno fa

Jin Ke... Очень рады быть полезными ) Если возникнут вопросы - пожалуйста, обращайтесь.

Owolabi Olanrewaju 1 anno fa

But the HTML of stripo does not have outlook conditional tags, why.

Hanna Kuznietsova ha commentato Owolabi Olanrewaju 1 anno 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 2 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 ha commentato Adams Smith 2 anni fa

Adams, Thank you for your supportive feedback. We're glad you like our blog post.

Potresti essere interessato a

indietro avanti
Greatest Examples of GIF animations in Emails_Cover Image
27 ottobre 2021 · 10 minuti letti
16 Ottimi Esempi di Animazione GIF nelle Email

Le GIF nelle email sono di grande utilità se si vuole mostrare il proprio prodotto, attirare l'attenzione degli utenti su determinati elementi o semplicemente decorare leggermente il tuo testo. In questo articolo, ti mostriamo alcuni dei migliori esempi di animazione gif nelle email. Esempi di Animazioni GIF nelle email Ecco una raccolta dei migliori esempi con GIF nelle email. Ogni GIF svolge la sua missione. 1. Adidas (Fonte: email da Adidas) Adidas ha utilizzato le animazioni nelle email per mostrare...

Design Marketing
24 settembre 2021 · 18 minuti letti
I migliori caratteri per e-mail: suggerimenti e trucchetti per l'utilizzo

Una delle preoccupazioni maggiori durante il processo di realizzazione di una email è la scelta del carattere giusto. Dimensione, colore, forma, spaziatura... Conta tutto? Sì, ma una delle cose fondamentali è quella di scegliere un carattere leggibile. In questo post, ti mostreremo come scegliere il carattere più professionale per le tue email. È facile lavorare sui caratteri nelle e-mail con Stripo Inizia Caratteri nelle e-mail HTML: regole generali da seguire Ci sono tre regole di base da tenere a mente...

Design Modelli
08 aprile 2021 · 17 minuti letti
14 migliori esempi di design di firme e-mail

Una buona firma email ci aiuta a costruire il nostro business e a fare una buona impressione sui clienti. Poiché questo è l'ultimo elemento che le persone vedono nelle e-mail, dovremmo rendere le nostre firme personali creative e memorabili. Esaminiamo i migliori esempi di firma e-mail e il loro uso appropriato nelle e-mail e nei modelli di newsletter per email. Va detto che tutte le tipologie di aziende richiedono firme email professionali con informazioni di contatto dettagliate. Usa questo modello...

Design Marketing Modelli
banner9
11 settembre 2020 · 15 minuti letti
I 10 migliori builder gratuiti di modelli di email nel 2021

Tutti i builder di modelli di email ti sembrano simili? Sei confuso su quale scegliere per creare i migliori modelli di email? È normale, ce ne sono tantissimi. Ne prenderemo in considerazione molti per illustrarne le caratteristiche distintive. Proveremo a creare lo stesso modello con gli stessi file multimediali, su tutti gli editor in questione, per vedere se e come differiscono. Per questo esperimento abbiamo selezionato Stripo.email e i suoi concorrenti: BEE Free, CampaignMonitor, EDM Designer, GetResponse, Mailchimp, MailStyler2, Mosaico,...

Design Marketing Modelli
Rimani sempre informato sulle ultime notizie, alle guide, agli articoli e alle tecniche relativi all'email marketing