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

18 agosto 2022
How_to_Create_Email_Template_for_Outlook_with_Stripo
Índice
  1. Por que decidimos adicionar a exportação direta ao Outlook
  2. Como funciona
  3. Conclusão
1.
Por que decidimos adicionar a exportação direta ao Outlook

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.

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

Junte-se ao Stripo

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

Botões de CTA para um modelo de boletim informativo do 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 editar modelos personalizáveis por meio do Outlook _ Trabalhando em 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.

Você também pode se interessar

Stripo_Outlook Rendering Issues_Featured Image1 Problemas comuns de renderização de e-mails no Outlook e como o Stripo os resolve
  • 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 Web dos boletins por e-mail

  • 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 para verificar seu modelo de boletim informativo do Outlook

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

Execute o teste para modelos de usuário no Stripo

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

Criando Modelos de Newsletter para Microsoft Outlook _ O botão Exportar

  • selecione Outlook entre os vários ESPs sugeridos;

Escolha a opção de aplicativo do Outlook na caixa de diálogo

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

Escolha o tipo de arquivo para seu modelo de boletim informativo

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

Sistema de arquivos do Outlook _ Editando seu e-mail após a exportação

Outlook.com (Web)

Quando seu template estiver pronto:

  • clique no botão "Exportar";

  • escolha o Outlook Web como seu destino;

Escolha a opção da Web do Outlook na caixa de diálogo

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

Exportar seu modelo de boletim informativo do Outlook

  • insira suas informações para ao Outlook;
  • conceda ao Stripo acesso à sua conta do Outlook;

Dando acesso à sua conta do 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!

Você também pode usar nossa opção “Exportação em Massa” para exportar vários e-mails para o Outlook:

  • clique em “Mensagens de E-mail” em seu painel;
  • escolha os e-mails que deseja exportar;
  • escolha a opção “Exportar” no menu pop-up acima de suas mensagens;
  • repita as etapas descritas na seção “Exportando modelos de e-mail para o Outlook”.

Exportação em Massa para Vários Modelos de Boletim Informativo

Se você escolher a opção Outlook App para exportar vários emails, eles serão baixados como um arquivo em seu computador. Para encontrar seus e-mails no Outlook Web, por favor, verifique a pasta “Rascunhos”.

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.

Os contêineres são movidos para as próximas linhas

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

Email enviado pelo 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.

Conclusão

Caros usuários de Outlook!

Se você tiver alguma dúvida ou preocupação, deixe um comentário.

Crie templates de e-mail de newsletter para o Outlook e envie para esse cliente de e-mail sem esforço
Was this article helpful ?
Tell us your thoughts
Thanks for your feedback!
10 comentários
grant medefindt há 1 ano
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 há 1 ano
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á 1 ano
Remarkable! Its really amazing article, I have got much clear idea about from this paragraph.
Hanna Kuznietsova há 1 ano
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á 2 anos
Благодарю! На будущее как раз очень пригодится.
Hanna Kuznietsova há 2 anos
Jin Ke... Очень рады быть полезными ) Если возникнут вопросы - пожалуйста, обращайтесь.
Owolabi Olanrewaju há 2 anos
But the HTML of stripo does not have outlook conditional tags, why.
Hanna Kuznietsova há 2 anos
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á 3 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 há 3 anos
Adams, Thank you for your supportive feedback. We're glad you like our blog post.
Tipo
Indústria
Estações
Integração