Organização e Customização de e-mails

Antes de falarmos sobre os e-mails do WordPress e da Loja Virtual, primeiro você deve configurar corretamente o envio de mensagens pela plataforma.

Configuração Padrão de Envio

As configurações de envio do e-mail –  por qual endereço o seu cliente ou gestor da loja receberão as notificações – deverá ser feita em duas áreas.

A primeira é acessando o menu do WordPress de Configuração > Geral e preencher o campo “Endereço de e-mail” com o e-mail que você for usar para as notificações do seu sistema. Este endereço é utilizado apenas para fins administrativos.

A segunda configuração é na mesma aba onde você localizou os e-mails do WooCommerce, preenchendo os campos de Nome e Endereço do Remetente.

Configuração Avançada de Envio

É comum que ocorra alguns problemas em relação ao envio dos e-mails diretamente pelo WordPress, por esse motivo é importante garantir de outra forma que nenhum dos e-mails de notificação sejam perdidos.

A solução é a instalação de um plugin chamado WP-SMTP. Ele adicionará uma nova área chamada EMAIL dentro do menu Configurações.

Dentro dessa área é necessário preencher os campos da seguinte forma:

  • Insira o endereço de e-mail pelo qual serão enviadas as notificações.
  • Insira o nome que aparecerá quando alguém receber as suas notificações.
  • Marque a opção de envio de e-mails por SMTP.

woocommerce-emails-10

Após esses campos virão as opções do SMTP e é provável que você não saiba essas informações. Elas são encontradas no seu painel de hospedagem, junto ao suporte da sua hospedagem ou no primeiro e-mail que você recebeu quando assinou com o seu provedor.

Conversar com o suporte da sua hospedagem com certeza é a melhor maneira.

Os campos a serem configurados são:

  • Host SMTP, provavelmente algo como url.com.br
  • Porta SMTP, em quase todos os casos é a porta 25 ou 587
  • Tipo de Criptografia, a opção recomendada é a TLS.
  • Tipo de Autenticação, Sim. Sempre solicitar autenticação.
  • Usuário, o login que você utiliza para acessar o e-mail inserido no começo.
  • Senha, a senha de acesso a esse e-mail.

woocommerce-emails-11

Com todo o formulário preenchido, salve as alterações e confirme que está tudo certo utilizando a ferramenta no final da página para enviar um e-mail de teste.

woocommerce-emails-12

No endereço que você escolheu como e-mail de teste você deverá encontrar uma mensagem com o texto “Este é um e-mail de teste gerado pelo plugin WP Mail SMTP WordPress”.

WooCommerce

Toda loja virtual envia por e-mail notificações relevantes para gestores da loja e clientes. Eles são chamados de e-mails transacionais e dentro do WooCommerce temos alguns deles já cadastrados:

  • Novo Pedido
  • Pedido Cancelado
  • Falha no Pedido
  • Pedido aguardando
  • Processando Pedido
  • Pedido Concluído
  • Pedido reembolsado
  • Fatura do Cliente
  • Notas do Cliente
  • Redefinir Senha
  • Nova Conta

O título do e-mail já explica qual será o conteúdo dele. Você encontrará eles no menu do WooCommerce > Configurações e na aba E-mails.

woocommerce-emails-8

É possível acessar uma área de configuração do envio ao clicar no tipo de e-mail. Nessa área é possível alterar:

  • Habilitar / Desabilitar a notificação
  • Assunto
  • Cabeçalho
  • Tipo (HTML ou Texto Simples)

O botão “Ver modelo” permite a visualização dos layouts, já as alterações de design são feitas diretamente no arquivo

woocommerce-emails-9

Todas essas áreas são parte da instalação básica do WooCommerce.

Configuração Avançada de E-mails na Loja

Usando um plugin premium é possível adicionarmos uma área nova dentro do menu do WooCommerce chamada Personalizar E-mails. Ao clicar nesse link você será levado para uma área dedicada a configuração completa dos e-mails transacionais da Loja Virtual.

woocommerce-emails-16

No centro da tela estará a visão do conteúdo e layout do e-mail que você está customizando. A alteração, conforme a configuração que for inserida na barra lateral, acontecem tempo real e isso é uma maneira excelente de ganhar tempo.A barra na lateral direita é o seu kit de ferramentas para alteração dos e-mails.

woocommerce-emails-1

Na primeira caixa de seleção você encontra os e-mails que listei anteriormente como padrão.

woocommerce-emails-2

Escolha um deles para alterar e siga para a caixa de seleção que contêm os Templates. A versão que está escolhida é o modelo padrão do WooCommerce e não pode ser alterado. Para customizar você deve selecionar a opção sinalizada como Cópia / Editável, clicar no botão Usar e depois em Customizar.

woocommerce-emails-3

As versões Vanilla, Deluxe e Supreme que são temas diferentes – font, disposição dos textos, cores – para os e-mails.

Antes de seguirmos para a configuração principal, é preciso falarmos sobre os Shortcodes de informações do WooCommerce.

O que são Shortcodes?

São pedaços de código que permitem a inserção de informações genéricas no conteúdo e que futuramente serão substituídas conforme a situação.

Um exemplo prático é utilizar um shortcode para o nome do cliente. Vamos chama-lo de [nome_do_cliente]dentro do WordPress os Shortcodes são inseridos dentro de colchetes. Ao criar uma nova mensagem que será destinada a todos os clientes com uma saudação pessoal, tudo que você precisa fazer é inserir o código criado onde o nome do cliente aparecerá: “Olá [nome_do_cliente]”.

O conceito de shortcode foi explicado porque usaremos essa técnica na personalização dos e-mails da loja.

Continuando a Configuração…

Quando um e-mail for selecionado para alteração, uma nova barra lateral aparecerá e nela estarão os campos que modificam o corpo da sua mensagem. Esses campos são divididos entre as seções:

Texto Principal

Insira um novo título para o e-mail, de preferência relacionado com a informação que ele estará levando. O campo de Texto Principal é bem sugestivo, porém o seu único problema é ter um espaço bem limitado para edição do conteúdo. Minha sugestão é que você utilize um editor externo e depois copie o conteúdo para essa área.

woocommerce-emails-4

O texto principal só é formatado se for inserido no formato HTML. No exemplo mostrado na imagem eu usei títulos de vários níveis, lista, citação e negrito, mas são aceitadas a maioria das Tags do HTML.

woocommerce-emails-13

Para saudações personalizadas, informações da compra do seu cliente ou outros dados que estejam no cadastro – armazenado no banco de dados da Loja – é preciso utilizar os Shortcodes que falamos anteriormente. Esse plugin de customização contêm as seguintes opções:

  • [ec_firstname] : Primeiro nome do Cliente
  • [ec_lastname] : Sobre nome do Cliente
  • [ec_email] : Endereço de e-mail do cliente
  • [ec_order] : Número do Pedido
  • [ec_pay_link] : Link de pagamento de um pedido
  • [ec_customer_note] : Notas ao Cliente
  • [ec_user_login] : Usuário do cliente para login na Loja.
  • [ec_account_link] : URL de acesso a conta do Cliente.
  • [ec_user_password] : Senha do cliente para login na Loja.
  • [ec_reset_password_link] : URL de alteração da senha de acesso.
  • [ec_site_link] : URL principal da Loja.
  • [ec_site_name] : Nome da Loja.

Tome cuidado com o uso de informações do cadastro do cliente quando, na sua Loja, for permitida a compra como Visitante. Caso o shortcode não seja capaz de localizar a informação, o campo aparecerá em branco.

Aparência

Mudança das cores de base, do fundo inteiro, do fundo da página e do texto. A última caixa habilita ou desabilita o uso de imagens dos produtos no corpo do e-mail.

woocommerce-emails-5

Informações do Cabeçalho

Contêm apenas um campo para inserir a logo da sua Loja ou imagem de preferência.

woocommerce-emails-6

Informações do Rodapé.

A área final do e-mail pode ser utilizada para inserir informações importantes da loja, avisos legais ou qualquer outro link importante. Editar as informações do rodapé é feita da mesma maneira que expliquei para o Texto Principal.

woocommerce-emails-7

Ao terminar completamente a personalização, clique no botão de salvar alterações e as próximas notificações já estarão configuradas.

Este artigo foi útil?