Como personalizar os e-mails de encomenda no WooCommerce (2 métodos)

Ao gerir uma loja WooCommerce, os e-mails automáticos permitem-te receber e enviar consultas/informações aos clientes, minimizando as intervenções manuais e os procedimentos frequentemente repetitivos que, por vezes, exigem muito esforço.

Estes e-mails predefinidos são enviados quando ocorrem eventos específicos. Por exemplo, o processamento de uma encomenda, um reembolso ou a reposição de uma palavra-passe. No caso do WooCommerce, estas operações são simplificadas por funcionalidades especificamente dedicadas à automatização do correio eletrónico e ao tratamento dos clientes.

Neste artigo, vou dizer-te porque deves personalizar os e-mails do WooCommerce e como o podes fazer facilmente.

Porque deves personalizar os teus e-mails?

Os e-mails são uma parte fundamental de qualquer loja WooCommerce. Foram realizados vários estudos que sugerem que os e-mails personalizados podem gerar mais envolvimento e receita. Também pode aumentar suas taxas de abertura, cliques e respostas. Além disso, os teus e-mails personalizados não parecerão spam para os teus clientes.

A personalização dos e-mails do WooCommerce ajuda-te a criar confiança entre os teus clientes, que são mais propensos a interagir com a tua loja online de vez em quando. Uma vez que é importante personalizá-los e ter em conta o estilo, a cor, o tom e a forma da tua marca, há alguns aspectos que deves ter em conta ao personalizar os e-mails do WooCommerce.

• Nome
• Linha de assunto
• Período de tempo
• Relevância
• Encomenda

Tipos de estado da encomenda no WooCommerce

O WooCommerce inclui vários estados de encomenda que podem não corresponder aos fluxos da tua loja, mas, ainda assim, podes marcar as encomendas com estados personalizados, como Pagamento pendente, Processamento, Em espera, Falhou, etc.

Muitos proprietários de lojas WooCommerce têm esta dúvida comum: Como posso personalizar as mensagens de pedido padrão do WooCommerce para obter uma aparência personalizada? Como posso adicionar conteúdo adicional para ajudar os clientes com seus pedidos e criar um status de pedido personalizado do WooCommerce?

Embora a criação de e-mails em HTML impressionantes seja realmente um feito em si, o WooCommerce oferece várias opções para que até mesmo os amadores possam criar alguns e-mails incríveis.

Tipos de e-mails transacionais padrão do WooCommerce (com código)

O “Vanilla” oferece notificações por e-mail do WooCommerce que são enviadas aos clientes em resposta às suas interações com a loja. Seguem-se os e-mails mais importantes para os clientes da tua loja WooCommerce.

• Nova encomenda: Os e-mails de novas encomendas são enviados quando uma nova encomenda é recebida.
• Encomenda cancelada: Os e-mails de encomenda cancelada são enviados quando a(s) encomenda(s) é(são) marcada(s) como cancelada(s).
• Encomenda falhada: As mensagens de correio eletrónico de encomenda com falha são enviadas quando uma encomenda em processamento ou em espera é marcada como Falha.
• Encomenda em espera: Trata-se de uma notificação de encomenda enviada aos clientes. Contém os detalhes da encomenda depois de uma encomenda ser colocada em espera.
• Processa a encomenda: Esta é uma notificação de encomenda enviada aos clientes. Contém os detalhes da encomenda após o pagamento.
• Encomenda concluída: Os e-mails de encomenda concluída são enviados aos clientes quando as suas encomendas são marcadas como concluídas. Estas mensagens indicam normalmente que as encomendas foram enviadas.
• Encomenda reembolsada: Os e-mails de reembolso de encomendas são enviados aos clientes quando as suas encomendas são marcadas como reembolsadas.
• Fatura do cliente: As mensagens de correio eletrónico da fatura do cliente contêm informações sobre a encomenda e ligações de pagamento.
• Nota do cliente: Os e-mails de nota do cliente são enviados quando adicionas uma nota a uma encomenda.
• Repor a palavra-passe: Os e-mails de “reposição da palavra-passe” do cliente são enviados quando os clientes repõem as suas palavras-passe.
• Nova conta: Os e-mails de “nova conta” do cliente são enviados para o cliente quando este se inscreve através da página de checkout ou de registo de conta.

Para além destes tipos de e-mail padrão, também podes adicionar e-mails personalizados.

Opções globais de correio eletrónico do WooCommerce

O e-mail padrão do WooCommerce tem o seguinte aspeto:

O administrador do WooCommerce permite uma personalização básica deste layout de e-mail padrão. Estas opções podem ser acedidas depois de iniciares sessão no administrador do WordPress e ires a WooCommerce → Definições → E-mails → Opções do remetente de e-mail. Estas opções incluem:

• Define o nome/endereço do remetente (visível para o cliente)
• Tamanho da imagem do cabeçalho de correio eletrónico do WooCommerce
• Altera o texto do rodapé do e-mail
• Escolhe uma cor diferente para a base, o fundo e o corpo do texto

Aqui tens um exemplo de um e-mail de encomenda do WooCoomerce.

Lembra-te que estas escolhas se aplicam a todos os e-mails. Em apenas alguns minutos, podes criar um e-mail altamente personalizado, alterando o tamanho da imagem do cabeçalho do e-mail do WooCommerce, o texto do rodapé personalizado e outra cor de base.

Deves ter reparado que o WooCommerce identificou que foi utilizada uma cor de base brilhante. Para compensar, utiliza uma tonalidade adequada para o título. Infelizmente, esta lógica não foi aplicada ao conteúdo do rodapé. Este erro pode ser facilmente corrigido manualmente!

Opções específicas de e-mail do WooCommerce

Cada tipo de e-mail tem o seu próprio conjunto de opções de personalização. Estas opções podem ser acedidas através de WooCommerce → Definições → Emails → Ordem de processamento (Este caminho de exemplo centra-se nos Emails de ordem de processamento. Podes alterar vários aspectos do e-mail, incluindo:

• Ativa ou desactiva se o e-mail é sequer enviado
• O assunto do e-mail
• Título do e-mail (a predefinição é “Obrigado pela tua encomenda”)
• Se a mensagem de correio eletrónico é enviada como HTML ou texto simples (a opção predefinida é HTML)

Defini o título do e-mail personalizado aqui como “Obrigado pela tua encomenda”.

Como personalizar o modelo de e-mail do WooCommerce

Uma abordagem mais eficaz e eficiente é modificar os layouts de e-mail padrão. O WooCommerce oferece um sistema de modelos útil que te permite personalizar partes da tua loja ou e-mails, replicando o(s) ficheiro(s) de formato no tema.

Cada tipo de e-mail tem um ficheiro de modelo para o seu conteúdo.

Por exemplo:

woocommerce/templates/emails/customer-process-order.php.

Além disso, existem modelos partilhados a que todos os tipos de e-mail podem aceder e utilizar. Estes podem ser encontrados em woocommerce/templates/emails/email-styles.php.

Em muitos casos, este é o modelo que os programadores substituem para alterar aspectos partilhados dos emails. O processo para lidar com o problema do rodapé mencionado anteriormente é o seguinte:

1. Em primeiro lugar, certifica-te de que existe o seguinte diretório na instalação do WordPress: wp-content/themes/your-theme/woocommerce/emails.
2. Em seguida, copia o ficheiro que se encontra em wp-content/plugins/woocommerce/templates/emails/email-styles.php para o tema da loja em:
   your-theme/woocommerce/emails/
   .
3. Por fim, edita o ficheiro your-theme/woocommerce/emails/email-styles.php para alterar a cor do texto do rodapé para preto (por uma questão de brevidade, só é mostrada a parte relevante do código do ficheiro de modelo):

$crédito = "
cor: #66bae3;
tamanho da letra:15px;
Alinha o texto: centro;
";

Isto gera um rodapé muito mais legível:

Personalização condicional com acções/filtros

A abordagem final e mais eficaz para personalizar os e-mails é trabalhar com o código personalizado do WooCommerce. Obviamente, isso requer um alto nível de conhecimento em PHP. A boa notícia é que o processo é simples porque os layouts originais do WooCommerce ainda estão em uso. O processo envolve a alteração de partes do conteúdo.

Funções de filtro

• tem_filtro()
• adiciona_filtro()
• aplica_filtros()
• aplica_filtros_ref_array()
• filtro_actual()
• remove_filter()
• remove_all_filters()
• faz_filtro()

Acções Funções

• has_action()
• adiciona_acção()
• do_action()
• do_action_ref_array()
• did_action()
• remove_action()
• remove_all_actions()
• fazendo_acção()

Funções de ativação/desativação/desinstalação

• register_activation_hook()
• register_uninstall_hook()
• register_deactivation_hook()

Para este exemplo, vou adicionar algumas instruções de pagamento úteis ao e-mail com base no tipo de pagamento de checkout utilizado.

Para começar, adiciona o seguinte ao ficheiro functions.php do tema:

add_action( 'woocommerce_before_email_order', 'add_order_instruction_email', 10, 2 );
 
função add_order_instruction_email( $order, $sent_to_admin ) {
  
  se ( ! $sent_to_admin ) {
 
  se ( 'cod' == $order->payment_method ) {
  // método de pagamento contra entrega
  ecoa '

Instruções: O pagamento integral deve ser efectuado imediatamente após a entrega: só em dinheiro, sem excepções.

‘; } else { // outros métodos (por exemplo, cartão de crédito) ecoa ‘

Instruções: Procura por “Madrigal Electromotive GmbH” no próximo extrato do teu cartão de crédito.

‘; } } }

Se o cliente optasse por “Pagamento contra entrega” ao efetuar o check-out, receberia um e-mail com instruções úteis para a encomenda:

Opções de Plugin/Payment Gateway

Vários plug-ins e gateways de pagamento permitem-te personalizar partes dos e-mails de encomenda. Por exemplo, o método de pagamento por transferência bancária/transferência eletrónica integrado permite-te configurar instruções e inserir informações sobre a transferência eletrónica.

Isto pode ser feito facilmente através de WooCommerce > Definições > Checkout > BACS.

Embora não seja comum, é bom saberes que estas opções estão disponíveis. Esta informação pode também ajudar-te a optar por um determinado plugin para a loja.

Emails do WooCommerce add_actions Hook

Quando trabalhas com e-mails do WooCommerce, o gancho add_actions é muitas vezes útil. Ao trabalhar com este gancho, terás de utilizar uma variável global, email, que conterá o assunto do email:

add_action( 'woocommerce_email_header', 'woocommerce_emails_before_header', 1,3 );
function woocommerce_emails_before_header( $email_heading, $email ){
  $GLOBALS['email'] = $email;
}

O gancho acima pode ser colocado em functions.php (localizado na pasta do teu tema) ou no início do modelo de e-mail do WooCommerce. A variável global $email chama o objeto principal de e-mail do WooCommerce, enquanto $order contém uma instância do objeto global de encomenda do WooCommerce.

global $email;  
encomenda = $email->objeto;

WooCommerce Email personalizado por produto

O código seguinte envia um modelo de e-mail de encomenda personalizado para um produto diferente. Por exemplo, para a ID de produto 87, pretendes apresentar o título do cabeçalho Notificação por e-mail do WooCommerce OU como testar e-mails do WooCommerce:

function woocommerce_custom_email_per_product_depending_on_product_id( $email_heading, $order ) {
  global $woocommerce;
  $items = $order->get_items();
  foreach ( $items as $item ) {
  $product_id = $item['product_id'];
  se ( $product_id == 87 ) {
  $email_heading = 'Notificação por correio eletrónico do WooCommerce OU como testar os emails do WooCommerce';
  }
  devolve $email_heading;
  }
}
add_filter( 'woocommerce_email_heading_customer_processing_order', 'woocommerce_custom_email_per_product_depending_on_product_id', 10, 5 );

Agora que sabes como personalizar um e-mail de encomenda do WooCommerce, podes manter a função ou criar um plugin de e-mail do WooCommerce separado para confirmação e notificação de e-mail do WooCommerce.

Como personalizar os e-mails do WooCommerce com plug-ins

Embora estejam disponíveis vários plugins para personalizar os e-mails do WooCommerce, vamos mostrar-te a configuração com dois plugins diferentes: MailPoet e Virfice.

Como personalizar os e-mails do WooCommerce com o MailPoet

Para começar, instala a extensão MailPoet a partir do teu painel de controlo do WordPress, seguindo o mesmo processo que qualquer outro plugin. Depois, segue estes passos simples:

• Navega até MailPoet → Definições → WooCommerce no teu painel de controlo do WordPress. Seleciona “Usar o MailPoet para personalizar os teus e-mails do WooCommerce” e guarda as tuas definições.
• Clica em “Abrir editor de modelos”.

• Utiliza o editor de arrastar e largar do MailPoet para fazer alterações.

• Podes experimentar facilmente as áreas acima e abaixo do cabeçalho do e-mail e da área de conteúdo principal. Alguns ajustes que podes fazer incluem:
  • Colocar o teu logótipo no topo
  • Combinar cores com a tua marca
  • Adiciona imagens ou botões para dar um toque especial
  • Inserir ligações para as redes sociais

O MailPoet também te permite classificar o teu público com base em detalhes específicos, ajudando-te a personalizar a tua comunicação para diferentes segmentos. Podes categorizar as pessoas com base em:

• Com que frequência abrem as mensagens de correio eletrónico
• Montante gasto
• Artigos comprados
• Localização
• Estado da subscrição ativa
• Clica em determinadas ligações
• Data de inscrição

Como personalizar os e-mails do WooCommerce com o Virfice

O Virfice é um plugin de e-mail do WooCommerce que te permite personalizar os e-mails do WooCommerce sem escrever qualquer código. Com o criador de e-mails do Virfice, podes configurar e-mails do WooCommerce, adicionar conteúdo e estilizar todos os e-mails do WooCommerce facilmente.

Instalar e configurar o Virfice

• Instala o plugin Virfice no teu sítio Web

• Depois de instalado, vai a Virfice > Definições.

• Configura os e-mails do WooCommerce definindo o e-mail do remetente, o nome do remetente, o e-mail de resposta, o nome da resposta e outros detalhes necessários.

Configura a marca do e-mail

Os e-mails do WooCommerce consistem em mais de 10 e-mails transacionais. Para garantir que esses e-mails estejam alinhados com a tua marca, eles devem seguir um estilo consistente. É por isso que a Virfice fornece configurações globais de marca.

• Navega até Virfice > Definições > Marca.
• Clica em “Personalizar” para acederes às definições da marca.
• 
  Escolhe um fundo de e-mail e uma cor de fundo exterior.
• Adiciona um cabeçalho e um rodapé para todos os e-mails e personaliza outros elementos de marca.
• Clica em “Guardar” quando tiveres terminado.

Estas personalizações aplicar-se-ão a todos os e-mails do WooCommerce que criares com a Virfice.

Personaliza os e-mails individuais do WooCommerce

• Vai a Virfice > Emails.

• Abre qualquer uma das mensagens de correio eletrónico transaccionais do WooCommerce que pretendes conceber.

• Antes de clicar em Editar, certifica-te de que o modelo Virfice está ativado. Isto permite-te utilizar o criador de e-mails Virfice para criar e-mails do WooCommerce para as tuas lojas.

Agora estás pronto para criar e-mails WooCommerce de marca e com aspeto profissional sem esforço com a Virfice!

Como editar os e-mails transacionais do WooCommerce

A personalização de e-mails transacionais no WooCommerce é crucial para estabelecer um canal de comunicação personalizado e envolvente com os teus clientes. Ao personalizar estes e-mails para se alinharem com a identidade da tua marca e as expectativas dos clientes, podes melhorar a experiência geral de compra.

Aqui estão os passos para personalizar os teus e-mails transaccionais no WooCommerce:

1. Acede às Definições de e-mail:

• Inicia sessão no teu painel de controlo do WordPress.
• No menu do lado esquerdo, clica em WooCommerce → Definições.

2. Navega até Modelos de e-mail:

• No menu superior, encontra e clica em “Emails” para aceder aos modelos.

3. Explora os modelos de e-mail:

• Verás uma lista de modelos de e-mail, cada um com uma finalidade específica, como Nova encomenda, Encomenda cancelada e Redefinição de palavra-passe.

4. Escolhe o modelo a editar:

• Clica no botão “Gerir” junto ao modelo de e-mail que pretende editar.

5. Personaliza o conteúdo do e-mail:

• Na interface de edição, adapta a linha de assunto do e-mail, o título e o conteúdo de acordo com as tuas preferências.

6. Utiliza as variáveis de modelo:

• Se tiveres a extensão WooCommerce Follow-ups, utiliza variáveis de modelo como {customer_name} ou {order_shipping_address} para automatizar informações personalizadas.

7. Campo de conteúdo adicional:

• Utiliza o campo “Conteúdo adicional”, especialmente em mensagens de correio eletrónico dirigidas ao cliente, como a mensagem de correio eletrónico de Encomenda concluída. Considera adicionar uma nota de agradecimento para mostrar apreço e infundir a personalidade da marca.

8. Fornece ligações úteis:

• Inclui ligações para informações sobre garantia, políticas de devolução ou outra documentação relevante para facilitar o acesso do cliente após a compra.

Resumo

Configurar uma loja WooCommerce é bastante fácil, mas personalizar os modelos de e-mail predefinidos torna-se por vezes complicado. Neste artigo, discuti como podes enviar e-mails totalmente personalizados da loja alojada no WooCommerce para acomodar todos os aspectos das actividades da loja.

Também salientei a forma como os modelos de correio eletrónico predefinidos podem ser alterados para inserir informações específicas da loja e da encomenda nas mensagens de correio eletrónico, a fim de proporcionar uma melhor experiência ao utilizador.

add_filter('woocommerce_email_order_meta_fields', 'custom_woocommerce_email_order_meta_fields', 10, 3);

function custom_woocommerce_email_order_meta_fields($fields, $sent_to_admin, $order) {
  $fields['custom_field_example'] = array(
  'label' => __('Exemplo de campo personalizado'),
  'value' => get_post_meta($order->id, 'custom_field_example', true),
  );
  devolve $campos;
}

Owais Khan

Owais trabalha como Gerente de Marketing na Cloudways, onde se concentra no crescimento, geração de demanda e parcerias estratégicas. Com mais de uma década de experiência em marketing digital e B2B, Owais prefere construir sistemas que ajudem as equipas a atingir todo o seu potencial.

Get Connected on: Twitter Community Forum