Índice
Olá amantes do WordPress! Se você é um usuário do WooCommerce como eu, sabe que todos nós queremos ter melhores modelos de e-mail transacional. Na minha loja DiviSpark, onde vendo temas infantis, eu queria ter modelos de e-mail WooCommerce de marca mais bonitos. Há muitas maneiras de torná-los melhores e profissionais, mas exigem conhecimentos mais avançados em PHP, HTML e CSS. Então decidi criar um tutorial para mostrar como personalizar o modelo de e-mail do WooCommerce sem nenhuma habilidade avançada. Assim, você pode começar a enviar e-mails que encantarão seus clientes.
Vamos mergulhar e ver como podemos fazer isso.
Aqui estamos usando um plugin chamado Kadence Designer de e-mail WooCommerce que você pode baixar do repositório de plugins gratuitamente. Vá para o Plug-ins do Dashboard > > adicionar novos e procure por ele.
Uma vez encontrado, clique em ' Instale agora ' e ative-o.
Após a ativação, você receberá um novo item de submenu no menu WooCommerce. Ir para Personalizador de e-mail > WooCommerce para começar a projetar nosso modelo de e-mail.
Então, abaixo está a página de configurações.
Modelos de e-mail Woocommerce pré-criados
Kadence Designer de e-mail WooCommerce oferece ótimos designs pré-construídos que você pode usar como ponto de partida. Ir para Modelos pré-construídos e escolha o que você gosta, role até o final e clique no botão Carregar modelos botão. Ele adicionará o estilo a todos os modelos de e-mail transacional do WooCommerce que podemos editar separadamente posteriormente.
- Nova Ordem
- Pedido cancelado
- Ordem de processamento do cliente
- Pedido concluído pelo cliente
- Pedido reembolsado pelo cliente
- Cliente em espera
- Fatura do cliente
- Pedido com falha
- Nova conta do cliente
- Nota do cliente
- Senha de redefinição do cliente
Aqui está como ficará depois que eu carregar o design pré-construído. Melhorando, certo?
Tipo de e-mail e texto
Em seguida, vá para o Tipo de e-mail e texto página de configurações. Você pode selecionar o modelo de e-mail que deseja projetar/personalizar aqui. Em cada e-mail que o WooCommerce enviou, há um texto de cabeçalho e descrição relacionado ao modelo de e-mail específico. Role para baixo nesta página de configuração e você verá que podemos alterar o conteúdo de texto em cada modelo de e-mail do WooCommerce. Basta escolher o modelo no menu suspenso que deseja editar e alterar o conteúdo do texto.
Outra coisa importante é que você pode adicionar conteúdo dinâmico a essas mensagens de texto. Como o primeiro nome do cliente na saudação. Em vez de 'Olá', você pode dizer 'Olá {customer_firs_name}' no início. Existem alguns outros espaços reservados que você pode usar.
Recipiente
A próxima página de configuração é ' Recipiente ' que você pode ajustar a cor de fundo do contêiner, largura do contêiner de e-mail, tamanhos de preenchimento superior, inferior, etc. Experimente você mesmo para que pareça limpo e claro ;).
Cabeçalho
A próxima coisa é Cabeçalho Configurações. Aqui podemos adicionar nosso logotipo ao cabeçalho do e-mail. Você encontrará mais configurações para definir as cores da marca para o plano de fundo do cabeçalho, alterar o preenchimento do cabeçalho como coisas.
Conteúdo
Esta é a página de configuração para o estilo da área do corpo do e-mail. Quando você entrar na página de configuração, notará que há mais algumas páginas de configuração internas que podemos lidar com quase todas as partes do corpo.
Rodapé
Na página de configuração do rodapé, você verá outras 3 páginas de subconjunto nas quais você pode estilizar o rodapé e adicione ícones de mídia social , e altere e estilize o Informações de crédito de rodapé .
Você pode adicionar quase qualquer link de mídia social aqui. Basta clicar Adicionar novo campo e você pode definir o ícone e o link.
A coisa boa com Kadence Designer de e-mail WooCommerce É que você sempre pode ver sua edição ao vivo no lado direito da página de configurações e pode verificar em sua caixa de entrada enviando um e-mail de visualização. Basta salvar o que você fez e clicar no botão Enviar e-mail botão. Você receberá um e-mail de visualização em seu endereço de e-mail.
Abaixo está o que fiz com os modelos de e-mail WooCommerce do meu site. Parece melhor e agradável. Certo?
Este é o melhor personalizador de e-mail WooCommerce gratuito que encontrei. Não há necessidade de ter nenhum conhecimento avançado. Simples e fácil que qualquer pessoa pode usar para personalizar os modelos de e-mail. Ótimo para iniciantes.