How_to_Create_Email_Template_for_Outlook_with_Stripo
timer ~ 10 minuti letti
335422 visualizzazioni
valutalo
18 agosto 2022

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.

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.

9 minuti letti

70513 visualizzazioni 3.9

Problemi comuni di rendering su Outlook e come Stripo li risolve Continuare a leggere

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

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 ha commentato grant medefindt 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 ha commentato Bill Wick 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 ha commentato Jin Ke 2 anni fa

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

Owolabi Olanrewaju 2 anni fa

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

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

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

Potresti essere interessato a

indietro avanti
banner9
06 giugno 2022 · 15 minuti letti
I 10 migliori generatori di modelli di e-mail per il 2022

Tutti i generatori di modelli di e-mail vi sembrano uguali? Siete confusi su quale scegliere per le vostre campagne, vero? Non c'è da stupirsi, visto che ce ne sono così tanti. Faremo un'indagine sui generatori più popolari per trovare le loro caratteristiche distintive e aiutarvi a trovare il miglior creatore di e-mail HTML per le vostre esigenze attuali. Proverò a creare un modello in tutti questi editor con gli stessi file multimediali per vedere se tali realizzatori sono diversi l’uno...

Design Marketing Modelli
best-fonts-for-email-cover-image-stripo
24 maggio 2022 · 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. Progettate email eleganti con Stripo in pochissimo tempo grazie ai nostri modelli precostituiti Sfoglia   Caratteri nelle e-mail HTML: regole generali da seguire Ci sono tre regole di...

Design Marketing
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
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
Rimani sempre informato sulle ultime notizie, alle guide, agli articoli e alle tecniche relativi all'email marketing