Editor de Demo Entrar →
Marketing Modelos Como fazer
~ 8 minutos de leitura
309302 visualizações
10 novembro 2021

Como criar um template de newsletter por e-mail para Outlook com Stripo

Stripo / Blog / Como criar um template de newsletter por e-mail para Outlook com Stripo

Com o Stripo permitindo enviar e-mails para os aplicativos do Outlook (tanto no macOS como no Windows) e para o Outlook versão web, agora é muito fácil enviar e-mails elegantes em HTML através do seu cliente de e-mail favorito! Não são necessários complementos.

Neste post, mostraremos como exportar templates de e-mail em HTML para o Outlook com apenas dois cliques.

Junte-se ao Stripo

Introdução

Até recentemente, era difícil ou quase impossível enviar newsletters de e-mail em HTML pelo Outlook que seriam exibidos corretamente. E Stripo encontrou a saída. A partir de agora, você pode criar um template de e-mail para o Outlook e exportá-lo perfeitamente para o cliente de e-mail em destaque.

Por que decidimos adicionar a exportação direta ao Outlook

Por que você precisaria usar o Outlook quando pode enviar e-mails com o Mailchimp, eSputnik ou qualquer outro ESP ?

Segundo o Litmus, 11% das pessoas atualmente usam o Outlook. Estes são principalmente clientes corporativos que precisam enviar boletins internos, seja um relatório anual ou notícias e atualizações da empresa. Definitivamente, isso requer um template de e-mail em HTML para tornar o e-mail/relatório estruturado em ordem, responsivo e talvez até interativo com tabelas, instruções em vídeo ou saudações em vídeo incorporadas.

Todos os e-mails desse tipo, especialmente os relatórios anuais, devem ser mantidos em sigilo. Portanto, é improvável que você os envie através de um serviço de terceiros. Mesmo que todos os ESPs garantam a segurança da informação.

É por isso que muitos de nossos usuários entraram em contato conosco para perguntar sobre como eles podem exportar templates para esse cliente de e-mail.

Então, nossos desenvolvedores começaram a trabalhar neste projeto. E nós lançamos esta opção.

Crie e-mails sofisticados e envie-os pelo Outlook

Como funciona

Temos o orgulho de anunciar que o Stripo é o primeiro editor de e-mails que permite criar templates para o Outlook e enviá-los diretamente para esse cliente de e-mail.

Passo 1. Criando templates de e-mail para o Outlook

Em nossa postagem no blog "Manual A à Z", mostramos em detalhes como criar templates de newsletter.

Você cria um template para o Outlook da mesma maneira.

Mas há algumas coisas que gostaríamos de destacar aqui devido às regras especiais de renderização do Outlook:

  • Botões de CTA no Outlook

É um fato bem conhecido que os botões podem parecer um pouco diferentes neste cliente de e-mail do que eles são mostrados em outros clientes de e-mail. Por exemplo, botões arredondados no Outlook ficam com "ângulos quadrados". Portanto, seu e-mail pode perder sua beleza e consistência. Mas não se preocupe - Stripo cuida disso para você.

Para ajudar a salvar o design dos botões em todas as versões do Outlook, você precisa ativar a opção "Suporte ao Outlook".

  • vá para a guia "Aparência" no painel lateral;

  • abrir a aba "Botão";

  • ative a opção "Suporte ao Outlook".

Exportando modelos de e-mail HTML para Outlook_Habilitando a opção de suporte para Outlook

Experimente Stripo

  • Planos de fundo no Outlook

Os fundos são renderizados no Outlook somente se tiverem sido definidos para os e-mails inteiros. Se você definir um plano de fundo para uma linha / faixa ou qualquer outro elemento de e-mail, ele não será exibido.

Encontramos uma saída:

  • ative as configurações de um determinado elemento de e-mail ao qual você deseja adicionar um plano de fundo clicando no rótulo deste elemento de conteúdo. Pode ser um "rótulo", "faixa", etc.;

  • depois abra o editor de código HTML;

Exportando e-mails para Outlook_Abrindo o Editor de Código

  • insira este exemplo de código acima da linha no código que começa com "Largura da tabela";

<!--[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]-->
  • agora insira este exemplo de código abaixo da linha no código que começa com "Largura da tabela", ou seja, abaixo da mesma linha;

<!--[if gte mso 9]>

   </v:textbox>

 </v:rect>

 <![endif]-->
  • substitua o link sublinhado pelo link para sua imagem de plano de fundo — você terá que fazer isso duas vezes;

Como enviar emails de boletins informativos através do Outlook_Trabalhando nos planos de fundo

  • lembre-se de editar a largura da imagem para que corresponda à largura do container — você pode vê-la na linha superior após a tag "width". No nosso caso, é 600 px.

Esteja ciente de que você não pode usar esse código para planos de fundo e ativar a opção "Suporte ao Outlook" para botões, pois o Outlook renderiza apenas um elemento escrito em VML por vez.

Em nossa postagem no blog sobre Problemas comuns de renderização no Outlook, mostramos alternativas às imagens de plano de fundo nos e-mails.

Experimente Stripo

  • GIFs em templates de e-mail do Outlook

Todos sabemos que a partir de fevereiro de 2019, o Outlook suporta GIFs. 

Versões do Outlook que trabalham com GIFs:
  • Outlook para Office 365 para desktop;

  • Outlook para Office 365 para celular;

  • Outlook 2003 para desktop;

  • Outlook para Mac;

  • Versão web do Outlook para desktop e celulares.

Como adicionar GIFs aos e-mails com Stripo

Apenas como uma imagem comum:

  • arraste o bloco de imagem para o template de newsletter do Outlook;

  • adicione um arquivo GIF fazendo upload ou inserindo um link para um arquivo externo;

  • seu e-mail está pronto.

Lembre-se de adicionar um link para a versão web do seu e-mail para aqueles destinatários que usam as seguintes versões deste cliente de e-mail: Outlook 2007, Outlook 2010, Outlook 2013, Outlook 2016 e até o Outlook 2019.

Como obter o link para a versão web com Stripo
  • Entre no modo de visualização;

  • Acima do seu template, clique no botão “Copiar” ou então clique no botão “Abrir em uma nova aba”;

Exportando e-mails para o Outlook_Link para a versão da Web dos e-mails

  • Insira este link no topo do seu template de e-mail para o Outlook.

Experimente Stripo

Passo 2. Pré-visualização

Quando você cria um template de e-mail em HTML para o Outlook ou qualquer outro cliente de e-mail, é necessário visualizá-lo antes de enviá-lo a seus valiosos destinatários para garantir que seus e-mails saiam exatamente como o planejado.

Existem três maneiras de verificar seus e-mails com o Stripo:

  • Maneira 1. Modo de visualização

Depois de entrar neste modo, você verá as versões para computador e dispositivos móveis do seu e-mail. 

Entrando no modo de visualização

  • Maneira 2. Testando templates de e-mail para Outlook com nossa ferramenta de teste

Stripo é integrado com Email on Acid, uma das melhores ferramentas de teste de e-mail. Essa integração permite que você veja seus e-mails em todas as versões do Outlook e outros clientes de e-mail. 

Criando e-mails para Outlook_Testando e-mails antes de enviar aos clientes

  • Maneira 3. Enviando e-mails de teste

Você também pode enviar e-mails de teste para várias contas no Outlook que pertencem a seus amigos e colegas para ver testes "em produção".

Para fazer isso, basta clicar no ícone "Teste", informar um número de endereços de e-mail - separe-os com vírgulas, se houver vários, clique em "Enviar".

Experimente Stripo

Passo 3. Enviando templates de e-mail para o Outlook

Queremos enfatizar que você pode exportar e-mails do Stripo para o app ou versão Web do Outlook.

Outlook.Apps (Microsoft Office 365 and Outlook 2019)

Quando o template de boletim informativo do Outlook estiver pronto, você precisará:

  • clique no botão "Exportar";

O Botão Exportar

  • selecione Outlook entre os vários ESPs sugeridos;

Exporting-Emails-to-Outlook

  • agora, escolha o tipo de arquivo que você precisa  — OFT para Windows ou EMLTPL macOS;

Escolhendo Seu Sistema Operacional

Seu template será baixado para o seu computador como um arquivo. Ao clicar nesse arquivo, você verá uma janela do Outlook com o template de e-mail pronto para enviar;

  • Informe seu e-mail, se necessário;

  • agora informe os endereços de e-mail dos seus destinatários. Pronto!

Entering-Recipients'-Email-Addresses

Outlook.com (Web)

Quando seu template estiver pronto:

  • clique no botão "Exportar";

  • escolha o Outlook Web como seu destino;

Exportar Outlook web

  • em uma janela pop-up, clique no botão “Exportar”; A opção "Tornar público" já está ativada;

Torna la publica projeta

  • insira suas informações para ao Outlook;

  • conceda ao Stripo acesso à sua conta do Outlook;

The-Yes-Button_Outlook.

Importante:

Você só nos permite acessar seus rascunhos (para fins de entrega de e-mail). Não teremos acesso aos seus contatos, mensagens enviadas e recebidas.

  • vá para a caixa de "Rascunhos" no Outlook;

  • edite o e-mail se necessário;

  • insira a linha de assunto (por padrão, ele herda o Título do seu template);

  • seu e-mail está pronto para ir!

Importante notar:

O Outlook não permite o uso de múltiplas contas em um navegador. Portanto, para conectar uma nova conta, você precisa desconectar a anterior. Então você pode querer ter certeza de que você está totalmente desconectado de sua conta do Outlook. E só então você pode começar a conectar uma nova conta do Outlook ao Stripo.

Conectando uma nova conta

Exportar meus templates para o Outlook

Aqui, você verá o e-mail exatamente da mesma maneira que seus leitores o verão. Nesta janela, você pode editar o template, se necessário.

Importante:

O Outlook remove os estilos que tornam o design do e-mail responsivo. Assim, os usuários que visualizarem seus e-mails em dispositivos móveis verão a versão para computador. Não haverá rolagem horizontal. Mas todos os containers de uma linha que normalmente são movidos para a segunda linha em celulares permanecerão todos em uma linha.

Containers-Get-Moved-to-Next-Rows

(e-mail enviado por um ESP ou a maioria dos clientes de e-mail)

Email-Sent-Through-Outlook

(e-mail enviado pelo Outlook)

Salve todos os templates de newsletter do Outlook na sua biblioteca de conteúdo pessoal com o Stripo. Exporte-os para o Outlook com apenas 2 cliques, na hora que quiser.

Preparamos mais de 1000 templates de e-mail em HTML que você pode personalizar e enviar pelo Outlook
Templates

Conclusão

Caros usuários de Outlook!

Se você tiver alguma dúvida ou preocupação, deixe um comentário abaixo ou envie um e-mail para contact@stripo.email.

Crie templates de e-mail de newsletter para o Outlook e envie para esse cliente de e-mail sem esforço.

grant medefindt há 3 meses

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 comentou com grant medefindt há 3 meses

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 há 11 meses

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

Hanna Kuznietsova comentou com Bill Wick há 11 meses

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 há 1 ano

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

Hanna Kuznietsova comentou com Jin Ke há 1 ano

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

Owolabi Olanrewaju há 1 ano

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

Hanna Kuznietsova comentou com Owolabi Olanrewaju há 1 ano

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 há 2 anos

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 comentou com Adams Smith há 2 anos

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

Você talvez se interesse por

anterior próximo
Greatest Examples of GIF animations in Emails_Cover Image
27 outubro 2021 · 10 minutos de leitura
16 ótimos exemplos de GIFs animados em e-mails

GIFs em e-mails serão de grande utilidade se você quiser mostrar seu produto, chamar a atenção dos usuários para determinados elementos ou apenas decorar levemente seu texto. Neste artigo, fornecemos alguns dos melhores exemplos de animação gif de e-mail. Exemplos de GIFs animados em e-mails Aqui está um compilado dos melhores exemplos com GIFs em e-mails. Cada GIF cumpre sua missão. 1. Adidas (Fonte: E-mail da Adidas) A Adidas usou animações de e-mail para mostrar quais opções de cores eles...

Design Marketing
24 setembro 2021 · 18 minutos de leitura
Melhores fontes para E-mail: Dicas e Truques de Uso

Uma das preocupações mais marcantes no processo de produção de e-mail é a escolha da fonte correta. Peso, altura, largura, cor, forma, espaçamento... Tudo isso importa? Sim, é verdade, mas também uma das coisas mais importantes é escolher a fonte que seja legível. Neste post, iremos lhe mostrar como escolher a melhor fonte profissional para e-mail. É fácil trabalhar com fontes em e-mails com a Stripo Comece Fontes de e-mail HTML: Regras gerais a serem seguidas Existem três regras básicas...

Design Modelos
08 abril 2021 · 17 minutos de leitura
14 Melhores exemplos de design de assinatura de email

Boas assinaturas de email nos ajudam a construir nosso negócio e a causar uma boa impressão nos clientes. Como este é o último elemento que as pessoas visualizam nos emails, devemos fazer com que nossas assinaturas pessoais sejam criativas e memoráveis. Vamos examinar os melhores exemplos de assinaturas de email e seu uso apropriado em emails e templates de newsletter para emails. Deve-se mencionar que todos os tipos de negócios demandas assinaturas de email profissionais com as informações de contato...

Design Marketing Modelos
banner9
11 setembro 2020 · 15 minutos de leitura
10 melhores construtores grátis de templates de e-mail para 2021

Todos os construtores de templates de e-mail parecem semelhantes? Agora você está confuso sobre qual escolher para criar os melhores templates de e-mail? Claro, pois existem muitos deles. Vamos pesquisar muitos deles para encontrar suas características distintivas. Vou tentar criar o mesmo template em qualquer um dos editores com os mesmos arquivos de mídia. Vamos ver se os construtores diferem. Para uma pesquisa, escolhemos o Stripo.email e seus concorrentes: BEE Free, CampaignMonitor, Chamaileon.io, GetResponse, Mailchimp, MailGun, MailStyler2, Mosaico, Taxi for...

Design Marketing Modelos
Esteja sempre a par das notícias, guias, artigos e manuais de marketing de e-mail