Como personalizar e-mails do WooCommerce usando código e plugins?

Olá usuários do WooCommerce! Se você deseja criar sua identidade de marca exclusiva e incentivar compras repetidas, pode fazê-lo facilmente com modelos de e-mail personalizados do WooCommerce.

Vamos orientá-lo pelos modelos de e-mail padrão do WooCommerce, como personalizá-los com código e quais plug-ins de personalizador de e-mail do WooCommerce funcionam melhor para você.

Vamos começar.

Modelos de e-mail WooCommerce padrão – tipos e conteúdo

Essencialmente, o WooCommerce está equipado com onze modelos de e-mail integrados que são enviados aos clientes e administradores relacionados aos pedidos e atualizações da conta.

• E -mail de pedido em espera – enviado ao cliente depois que um pedido é colocado em espera.
• E- mail de processamento do pedido – enviado ao cliente após o pagamento ser feito.
• E -mail de pedido concluído – enviado aos clientes quando seus pedidos são marcados como concluídos e indica que o pedido foi enviado.
• E- mail de reembolso do pedido – enviado ao cliente quando os pedidos são marcados como reembolsados.
• Novo pedido – enviado ao administrador da loja quando um novo pedido é feito em seu site.
• Pedido cancelado – enviado ao administrador da loja para notificá-lo de um pedido cancelado.
• Pedido com falha – enviado ao administrador da loja para notificá-lo sobre um pedido com falha.
• E-mail de fatura do cliente – enviado ao cliente e contém informações do pedido e links de pagamento.
• Email de nota do cliente – enviado ao cliente quando uma nota do cliente é adicionada pelo administrador do pedido de edição.
• E-mail de redefinição de senha – enviado ao cliente quando ele esquece a senha e solicita uma nova senha.
• E- mail de nova conta – enviado ao cliente quando ele se inscreve por meio de checkout ou página de inscrição de conta.

Um exemplo de e-mail concluído com o pedido se parece com o instantâneo abaixo.

Em resumo, os e-mails consistem nos seguintes detalhes - informações do produto, o preço total, incluindo impostos e taxas de envio, modo de pagamento, endereço de envio e cobrança.

Mas esses modelos de e-mail WooCommerce simplesmente não funcionam

Sendo um e-mail transacional, as taxas de abertura e clique serão naturalmente mais altas do que para outros tipos de e-mails.

Esses e-mails de pedidos do WooCommerce, no entanto, parecem simples, chatos e pouco atraentes, como você pode ver no modelo de e-mail acima.

Falta o fator oomph. Não carrega sua marca e posicionamento. Isso reflete mal em sua proposta de valor.

Se você continuar usando esses modelos, seus consumidores, incluindo os fiéis, podem ter uma impressão negativa da sua marca, resultando em uma taxa de cancelamento mais alta.

Sinto dizer, mas isso é verdade. Uma grande oportunidade perdida!

Oito em cada dez pessoas nunca mudarão seus modelos de email. Se você é um deles, faça a troca imediatamente.

Todo mundo ainda lê e-mails … e você deve ficar bem neles. Você não quer dar a seus clientes uma má impressão de sua marca se eles decidirem comprar algo, não é?

Então, por que não personalizar os e-mails do WooCommerce em primeiro lugar?

E-mails personalizados do WooCommerce criam uma marca e um relacionamento únicos

Personalizar e-mails do WooCommerce não é uma ciência de foguete para compreender. Em vez de um cakewalk (se você usar plugins). Pode-se brincar com estilos de e-mail, cores, alinhamento, imagens e muito mais.

Compare o modelo de e-mail acima (fornecido pelo plugin Email Customizer Pro For WooCommerce) com o e-mail padrão do WooCommerce. Você notaria facilmente a diferença.

De seu e-mail inicial, podemos deduzir sua imagem de marca. Porque temos uma predisposição natural para nos excitarmos com as cores e padrões que percebemos. O uso das cores, fontes e linguagem da sua marca estabelece consistência e reforça sua marca. Você cria um swag de sua preferência .

Com cada dólar gasto em marketing por e-mail, uma soma máxima de US $ 38 pode ser ganha, fato comprovado.

Sua empresa se beneficia da sensação de conexão emocional. Os clientes se tornam seus fãs dedicados a longo prazo. Dá mais tração à sua marca.

Ajuda na sua recordação. Além disso, incluir produtos relacionados e códigos de cupom pode resultar em compras adicionais .

Dito isso, esses e-mails transacionais personalizados do WooCommerce são um ponto de encontro com seus clientes. No momento em que você bloqueia seu público-alvo, os negócios aceleram e as finanças parecem promissoras.

Como personalizar e-mails do WooCommerce usando código?

Vamos orientá-lo no processo de personalização desses e-mails agora.

O que você gosta de fazer? Adote uma abordagem direta usando plugins e começando. OU você quer experimentar a codificação?

Ambos são discutidos neste artigo.

Vamos personalizar os e-mails do WooCommerce usando a maneira técnica. Depois disso, veremos vários plugins populares.

Personalize e-mails WooCommerce usando configurações, ganchos e filtros

Esta não é a xícara de chá de todos. Isso é para quem entende de programação.

Agora existem dois métodos para personalizar e-mails com código.

1. Personalize os modelos de e-mail WooCommerce que já existem
2. Usando código personalizado, crie novos modelos de e-mail WooCommerce

Vamos cobrir o primeiro método. Para o segundo método, consulte este blog – crie modelos de email WooCommerce personalizados.

Essencialmente, o WooCommerce permite personalizar e-mails em três verticais diferentes – configurações, substituição e ação/filtros (ganchos).

1. Configurações : Pode-se alterar a cor de fundo, cor do texto, cor base. O problema vem na forma de restringir quaisquer alterações no layout e no corpo do email.
2. Overriding : Caso deseje alterar o layout do email, você pode alterar o HTML do template.
3. Ganchos : Além das alterações acima, você também pode adicionar conteúdo adicional por meio de ganchos sem atrapalhar o layout.

Vamos aprender cada um dos três em detalhes.

Personalizando modelos de e-mail usando Configurações

Primeiro, vamos ver como você pode personalizar um modelo de email individualmente.

Para isso, você deve abrir o modelo clicando no nome do modelo ou no botão Manage à direita.

Você pode personalizar o conteúdo de um modelo de email individual. Depois de abrir um modelo de email, você pode personalizar vários aspectos dele. Estas são as opções que você obtém conforme mostrado na imagem (cortesia – LearnWoo.com)

• Habilitar/Desabilitar – Esta caixa de seleção permite habilitar ou desabilitar esta notificação de e-mail específica.
• Destinatários – Especifique os IDs de e-mail para os quais este e-mail será enviado. Separe vários IDs de e-mail usando vírgula. Isso se aplica apenas a e-mails de administrador.
• Assunto – Especifique o assunto do e-mail aqui. O campo permite texto ou espaço reservado. Os marcadores disponíveis são:
  • {titulo do site}
  • {endereço do site}
  • {URL do site}
  • {data do pedido}
  • {número do pedido}
• Título do e-mail – especifique o título do e-mail. Os mesmos espaços reservados acima são aplicáveis ​​aqui também.
• Conteúdo adicional – O texto que você adicionar aqui ficará visível no corpo do e-mail. Você pode usar os espaços reservados aqui também.
• Tipo de e-mail – especifique o formato do e-mail. Os formatos disponíveis são:
  • Texto simples
  • HTML
  • Várias partes

Modelo HTML
Há uma opção no final da configuração sob o título Modelo HTML. Aqui, você encontrará o caminho do arquivo que permite editar esta cópia específica do modelo de e-mail, que você pode colar na pasta do tema para substituir. Há também dois botões aqui – um para copiar o arquivo de modelo para o tema e outro para visualizar a visualização do modelo.

Por fim, depois de adicionar todos os detalhes, você pode clicar no botão Save changes .

Agora, você pode aplicar mais algumas personalizações que serão aplicáveis ​​a todos os seus modelos de email. Essas opções podem ser acessadas depois de fazer login no painel de administração do WordPress e ir para WooCommerce > Settings > Emails > Email sender options.

Essas opções incluem:

• Imagem de cabeçalho – é exibida na parte superior de todos os emails. Tem que ser o logotipo da sua marca.
• Texto do rodapé – Adicione o link do seu site ou detalhes de contato para facilitar o contato de seus clientes.
• Cor base – A cor que você deseja usar para seus títulos, links e plano de fundo do título do e-mail.
• Cor de fundo – A cor de fundo do seu e-mail.
• Cor do plano de fundo do corpo – A cor do plano de fundo do conteúdo do seu email.
• Cor do corpo do texto – A cor de todo o conteúdo de e-mail escrito.
• Informações de gerenciamento de loja – Faça login para receber informações de gerenciamento de loja do WooCommerce aqui. Marque a caixa de seleção para ativar essas notificações.

Nesta abordagem,

Substituindo modelos de e-mail

Outra abordagem é modificar os layouts de e-mail padrão. O WooCommerce oferece um sistema de modelo útil que permite personalizar partes de e-mails replicando o(s) arquivo(s) de formato no tema.

Cada tipo de email tem um arquivo de modelo para seu conteúdo. (Por exemplo, woocommerce/templates/emails/customer-processing-order.php )

Para cada um dos onze e-mails padrão do WooCommerce, aqui está o nome do arquivo de modelo. Para que serve cada e-mail já é abordado no início do artigo.

1. admin-cancelled-order.php
2. admin-failed-order.php
3. admin-new-order.php
4. customer-on-hold-order.php
5. customer-processing-order.php
6. customer-completed-order.php
7. pedido-reembolsado pelo cliente.php
8. customer-note.php
9. customer-invoice.php
10. cliente-nova-conta.php
11. customer-reset-password.php

Além disso, existem modelos compartilhados que todos os tipos de e-mail podem acessar e usar. Estes podem ser encontrados em woocommerce/templates/emails/ .

Em muitos casos, esse é o modelo que os desenvolvedores substituem para alterar os aspectos compartilhados dos e-mails.

Abaixo estão as diferentes partes que formam o e-mail acima, cada uma é personalizável.

1. email-header.php = imprime/mostra o cabeçalho do email.
2. email-footer.php = imprime/mostra o rodapé do email.
3. email-order-details.php = imprime/mostra todos os detalhes do pedido – produtos/itens de linha, impostos, frete, cupons, gateway de pagamento, etc para esse pedido.
4. email-order-items.php = imprime/mostra os detalhes do produto do pedido, ou seja, itens de linha para esse pedido.
5. email-downloads.php = se um pedido contém produtos para download, isso imprime/mostra essa informação junto com o nome do arquivo, link para download, expiração, número de downloads, etc para esse pedido.
6. email-customer-details.php = imprime/mostra os detalhes do cliente como um endereço de e-mail para esse pedido.
7. email-addresses.php = imprime/mostra o endereço de cobrança e envio do cliente para esse pedido.
8. email-styles.php = contém CSS e propriedades que serão aplicadas nos emails. Deve ser seguro por e-mail.

Digamos que você queira alterar a cor do texto do rodapé:

• Primeiro, certifique-se de que o seguinte diretório exista na instalação do WordPress: wp-content/themes/your-theme/woocommerce/emails.
• Em seguida, copie o arquivo encontrado em wp-content/plugins/woocommerce/templates/emails/email-styles.php no tema da loja em:
  your-theme/woocommerce/emails/.
• Por fim, edite your-theme/woocommerce/emails/email-styles.php para alterar a cor do texto do rodapé.

 #template_footer #crédito {
    borda:0;
    cor: #66bae3;
    família de fontes: Arial;
    tamanho da fonte: 12px;
    altura da linha: 125%;
    text-align:center;
    preenchimento: 0 48px 48px 48px;
}

O exemplo acima mostra como você pode alterar a cor do texto do rodapé. De forma similar:

• Para adicionar/editar texto no email de processamento, você pode substituir o modelo de email 'customer-processing-order.php' e alterá-lo.
• Se você não quiser mostrar o endereço de entrega para todos os pedidos, substitua o modelo de e-mail 'email-customer-details.php'.
• Para embelezar seu design de e-mail, substitua o modelo de e-mail 'email-styles.php' e adicione seu CSS personalizado.
• Para incluir banners de confiança da sua marca, como entrega rápida, melhor suporte, pagamento seguro, etc., substitua o modelo de email 'email-footer.php'.

Personalização condicional com Hooks

Essa abordagem para personalizar e-mails lida com o código personalizado do WooCommerce. Obviamente, requer um alto nível de conhecimento em PHP.

Mas o processo é direto porque os layouts originais do WooCommerce ainda estão em uso. O processo envolve a alteração de partes do conteúdo.

Por exemplo, você deseja adicionar o método de envio escolhido, no e-mail do pedido.
Você pode usar o woocommerce_email_after_order_table ou woocommerce_email_before_order_table para adicionar o conteúdo.

 add_action( 'woocommerce_email_after_order_table', 'sa_add_shipping_method_
to_order_email', 10, 2 );
function sa_add_shipping_method_to_order_email( $pedido, $is_admin_email ) {
    echo 'Envio: ' . $pedido->get_shipping_method();
}

Lembre-se, esses métodos estão intimamente ligados ao tema que você escolher. Portanto, quando você alterar seu tema, terá que mover seus arquivos de modelo modificados ou as ações adicionadas para o novo tema também.

Agora vamos para o caminho mais fácil.

Personalize modelos de e-mail usando os plug-ins do personalizador de e-mail WooCommerce

Por que você não tenta algo novo que desperte os interesses de seus clientes? Envie e-mails personalizados para fazê-los sorrir e se sentir bem. Ainda mais quando eles estão disponíveis a qualquer momento.

No mercado hoje em dia, há uma infinidade de plugins. Para o ano de 2022, produzimos uma lista de seis plugins populares de personalização de e-mail WooCommerce.

Vamos ver cada um deles com suas características e preços.

Email Customizer Pro para WooCommerce

Em um mundo onde seus clientes são continuamente agredidos com conteúdo, o componente mais caro é o 'tempo de atenção' e, se você conseguir capturá-lo, estará enviando alguns e-mails maravilhosos. É com isso que o plugin Email Customizer Pro for WooCommerce pode ajudá-lo.

O plug-in permite que você personalize facilmente todos os onze modelos padrão de e-mail transacional WooCommerce / e-mail de pedidos WooCommerce sem escrever uma linha de código . Este plugin é desenvolvido pela StoreApps, o desenvolvedor oficial de extensões do WooCommerce.

Você pode editar o texto do e-mail , cores, cabeçalho e rodapé, adicionar links personalizados, adicionar links às suas redes sociais; tudo usando a interface familiar do WordPress Customizer .

Os e-mails de assinaturas do WooCommerce também podem ser personalizados.

Um modelo de e-mail pronto do plugin Email Customizer Pro para WooCommerce se parece com isso:

Experimente a demonstração ao vivo

Destaques:

• Você obtém cinco modelos prontos para escolher. Não há dores de cabeça de design. Ao escolher um modelo, você será levado ao seu familiar personalizador do WordPress, onde poderá fazer alterações no e-mail.
• Faça alterações no texto do corpo do e-mail . Este é o plugin USP. Você pode editar as informações existentes, bem como adicionar as suas próprias. Mensagens padrão de pedidos por e-mail, cabeçalhos, subtítulos e comentários finais podem ser alterados. Inclua fotos, links de vídeo, cupons e links de postagem de blog. Você pode até pedir feedback e avaliações.
• Outra área em que o plugin se destaca é a seção de recomendações de produtos . Para aumentar as vendas por meio de upsells e cross-sells, use tags de mesclagem para mostrar produtos semelhantes imediatamente nos e-mails.
• O estilo do cabeçalho, que inclui a cor do cabeçalho, a cor do texto do cabeçalho e o texto do cabeçalho, pode ser personalizado. No espaço do cabeçalho, você pode colocar um logotipo para sua empresa.
• A barra de menus, por outro lado, permite exibir até cinco links personalizados. Use esses links para enviar clientes para qualquer página de oferta, documentação do produto, páginas de planos de associação especiais e assim por diante.
• Você pode adicionar texto à parte do rodapé de seus e-mails para o rodapé. Pode ser uma mensagem personalizada ou HTML. Você pode incluir três ícones de mídia social com links para os perfis de suas marcas. Os ícones mais usados ​​em e-mails parecem ser Facebook, YouTube e Instagram.
• Você também pode alterar a cor do pano de fundo do e-mail, incluindo a cor do plano de fundo, a cor da borda do e-mail e a cor do corpo do e-mail.
• Você pode ver como seus e-mails ficarão em diferentes dispositivos em tempo real.
• Envie emails de teste para os clientes para ver como eles aparecerão em suas caixas de entrada. Verifique se tudo está funcionando corretamente e se nada quebrou.

Você está pronto para ir e esculpir sua própria identidade de marca exclusiva.

Preço: $ 79

Obtenha o plug-in Email Customizer Pro

Personalizador de e-mail WooCommerce

Desenvolvido pela equipe WooCommerce, o plugin WooCommerce Email Customizer possui o WordPress Customizer integrado que permite que você modifique visualmente o design do seu modelo de email. Você não precisa de nenhum conhecimento de codificação.

Mas lembre-se, este plugin apenas personaliza o design de seus e-mails e não o texto ou conteúdo dos e-mails.

Preço: $ 79

Obtenha o plugin WooCommerce Email Customizer

Personalizador de e-mail para WooCommerce da ThemeHigh

Este também é um plugin popular de customizador de e-mail WooCommerce. Há uma versão gratuita do plugin no WordPress.org e uma versão premium.

Destaques:

• Veja a visualização ao vivo das alterações
• Adicione linhas ilimitadas ao modelo de email
• Adicione diferentes elementos de email (Basic, Woocommerce e hooks)
• Enviar e-mails de teste

Preço: $ 39

Obtenha este plugin de personalização de e-mail

Designer de e-mail visual para WooCommerce

Outro plugin personalizador de e-mail WooCommerce com uma funcionalidade de arrastar e soltar. Tem uma versão gratuita no WordPress.org e uma versão premium.

Destaques:

• Envie emails baseados em produtos e baseados em categorias.
• Incorpore a assinatura digital em cada e-mail de pedido do WooCommerce.
• Envie emails de teste para ver como os emails foram entregues na caixa de correio do cliente.
• Crie suas próprias linhas de assunto.

Preço: $ 99

Obtenha o plug-in Visual Email Designer

WooMail – Personalizador de e-mail WooCommerce

WooMail é um plugin de personalização de e-mail popular no CodeCanyon.

Destaques:

• Modelos e blocos predefinidos
• Arraste e solte, sem necessidade de codificação.
• Visualização ao vivo
• Enviar e-mails de teste

Preço: $ 39

Obtenha o plug-in WooMail

Modelos de e-mail YITH WooCommerce

O plugin YITH WooCommerce Email Templates fornece modelos para dar uma aparência mais profissional às mensagens.

Destaques:

• Adicione logotipos e links personalizados
• Alterar cores e tipografia
• Adicionar links de mídia social
• Excluir imagem do produto do conteúdo do e-mail

Mas não há visualização ao vivo disponível.

Preço: $ 80

Obtenha o plug-in de modelos de e-mail YITH WooCommerce

Vantagens de usar e-mails personalizados do WooCommerce

Além de tudo, é super fácil. Como os templates são pré-definidos, os lojistas não precisam se preocupar em inventar um template toda vez que uma transação acontece.

• Design de e-mail visualmente atraente e estético
• Personalizado e sob medida
• O escopo de tornar o e-mail interativo
• E-mails atraentes reforçam os negócios, geralmente a receita de vendas
• Maior envolvimento do cliente
• Acabe com os e-mails monótonos
• Dinâmico e prontamente disponível

A melhor parte dos e-mails personalizados do WooCommerce deve ser o design responsivo que facilita a vida dos donos de lojas e profissionais de marketing.

O plug-in do personalizador de e-mail WooCommerce recomendado é…

Para resumir, o Email Customizer Pro para WooCommerce se destaca de maneira diferente dos demais. É um pacote abrangente que inclui recursos de alta qualidade e adaptáveis.

O primeiro olhar gera vibrações positivas no cliente . Surpreendentemente projetado e criativamente personalizável, o plug-in é obrigatório para os usuários do WooCommerce.

Ele irá adicionar um vislumbre de tempero ao seu e-mail. Seus clientes têm a liberdade de espaço para sentir a marca e se associar a você. Com apenas alguns cliques, você pode criar e-mails incríveis que trazem resultados extravagantes em troca.

Obtenha o plug-in Email Customizer Pro

Comece a personalizar seus e-mails hoje

Permita-me fornecer-lhe este conselho crucial. E-mail, na minha opinião, é semelhante a uma carta de amor. Você também pode contratar alguém para criar o boletim informativo para você ou escolher um dos serviços de design ilimitados para trabalhar para você.

Devemos permitir que nossos clientes sintam a marca, percebam da maneira que queremos e adotem nossa imagem de marca, permitindo que ela penetre em seus pensamentos e esteja lá indefinidamente.

E, na minha opinião, fazer negócios é manter um relacionamento de longo prazo com o cliente.