Envie e-mails pelo Shopify Flow utilizando um servidor SMTP personalizado

Envie e-mails pelo Shopify Flow utilizando um servidor SMTP personalizado

Copiar página

Conecte Gmail, SendGrid, Mailgun, Amazon SES ou outro servidor SMTP ao Shopify Flow e envie e-mails transacionais com a sua marca para clientes VIP.

Visão geral

O Workflow Transactional Email permite que você envie e-mails transacionais a partir do Shopify Flow por meio de seu próprio servidor SMTP. Neste exemplo, um cliente recebe uma tag VIP, o Shopify Flow é executado e o fluxo de trabalho envia um e-mail com a identidade visual da sua marca, utilizando o servidor SMTP e o modelo de e-mail salvos.

Essa configuração é composta por três partes:

  1. Crie uma conexão SMTP na seção Remetentes de e-mail
  2. Crie o e-mail na seção Layouts de e-mail
  3. Utilize a ação Send Transactional Email no Shopify Flow e insira os dados do cliente no layout

Qualquer provedor compatível com SMTP funciona, incluindo o Gmail, o SendGrid, o Mailgun, o Amazon SES e o seu próprio servidor de e-mail.

Guia em vídeo

A configuração completa - servidor SMTP, layout do e-mail e o fluxo de trabalho do Shopify Flow. O vídeo não tem som; portanto, ajuste a velocidade de reprodução conforme sua preferência.

Antes de começar

  • Instale o Workflow Transactional Email em sua loja Shopify.
  • Tenha em mãos o nome do servidor, a porta, o nome de usuário e a senha fornecidos pelo seu provedor de SMTP.
  • Decida de qual endereço de remetente os e-mails VIP devem ser enviados.

Cenário: um e-mail de boas-vindas para VIPs

O fluxo de trabalho faz o seguinte:

  1. Um cliente é marcado como VIP
  2. O Shopify Flow inicia o fluxo de trabalho
  3. O fluxo de trabalho executa a ação Send Transactional Email
  4. A ação utiliza o servidor SMTP que o senhor salvou
  5. A ação envia o modelo de e-mail salvo com os dados do cliente já preenchidos

Etapa 1: Configure seu servidor SMTP

No aplicativo, abra Remetentes de e-mail e acesse a seção SMTP. É aqui que você configura o servidor de e-mail que enviará seus e-mails transacionais.

A página “Remetentes de e-mail” no Workflow Transactional Email

Insira o host SMTP, a porta, o nome de usuário e a senha fornecidos pelo seu provedor e, em seguida, clique em Testar conexão.

Inserindo o servidor SMTP, a porta, o nome de usuário e a senha

O formulário do servidor SMTP preenchido com nome, host e porta, ao lado do cartão com nosso endereço IP de envio
O formulário do servidor SMTP. Os valores nesta imagem são fictícios. Caso seu servidor de e-mail restrinja remetentes por endereço IP, inclua na lista de permissões o endereço indicado na seção “Nosso endereço IP de envio”.
A parte inferior do formulário do servidor SMTP, com nome de usuário, senha e endereço do remetente
Mais abaixo: os dados de login do seu servidor de e-mail e o endereço de onde seus e-mails são enviados.

Se as credenciais estiverem corretas, você verá uma mensagem de sucesso.

Teste de conexão SMTP bem-sucedido

Escolha o endereço de origem da mensagem. Defina também um nome de exibição, para que os destinatários vejam o nome da sua loja em vez do endereço bruto.

Como definir o endereço de remetente e o nome de exibição

Salve a configuração para que ela possa ser selecionada posteriormente pela sua ação do Shopify Flow.

Salvando a configuração SMTP

Etapa 2: Elabore o e-mail

Acesse “Layouts de e-mail”. É aqui que você cria o conteúdo do e-mail que o Shopify Flow irá enviar.

A página “Layouts de e-mail”

Crie um layout para o seu cenário VIP, com um campo de assunto e um corpo do e-mail. O campo de assunto pode utilizar variáveis passadas pelo Shopify Flow. Este exemplo utiliza firstName com o filtro default do Liquid como opção alternativa:

Hi {{ variables.firstName | default: "Customer" }} Welcome to VIP Club

Adicione blocos para criar um design que se adapte à sua marca.

Como selecionar blocos no editor de e-mails

Este exemplo utiliza um bloco de título, um bloco de imagem e um bloco de texto. O bloco de texto faz referência à variável firstName, que será fornecida pelo Shopify Flow.

Um layout composto por blocos de título, imagem e texto

Utilize a seção Variáveis de teste para inserir valores de exemplo e verificar se o design é exibido da maneira esperada.

Testando o layout com variáveis de exemplo

Salve o layout para que ele possa ser selecionado na ação do Shopify Flow.

Salvando o layout do e-mail

Para consultar a documentação completa do bloco, consulte Crie um layout de e-mail.

Etapa 3: Crie o fluxo de trabalho no Shopify Flow

Abra o Shopify Flow e crie um fluxo de trabalho para o seu processo VIP. Utilize o gatilho de marcação de clientes, para que o fluxo de trabalho seja executado quando um cliente receber a marcação VIP.

A fluxo de trabalho do Shopify Flow que utiliza um gatilho de tag de cliente trigger](https://cdn-dev.eu.codecreationlabs.cloud/crm-tool/uploads/SjJ78gKLnLlocopCui3Cs62dJbGZ7F1n/a3e7c6b7fedb5b83.png)

Clique em Registrar eventos e, em seguida, em uma nova aba, adicione a tag a um cliente. Selecione o gatilho à esquerda e você verá os dados reais do gatilho - isso facilita muito a escolha das variáveis corretas.

Recording de eventos para capturar dados reais de gatilhos

Adicione a ação Send Transactional Email. No campo Para e-mail(s), utilize a variável de e-mail do cliente. Em seguida, clique em Configurar e-mail.

Adicionando a ação Send Transactional Email

Na tela de configuração, selecione o servidor SMTP pelo qual este e-mail deverá passar na seção Enviar de e o modelo de e-mail que você criou na seção Modelo. Abaixo dessas opções, a seção Visualizar exibe esse modelo com sua linha de assunto, preenchida com as variáveis de teste do modelo, para que você possa verificar se é o modelo correto. Clique em Salvar: a mensagem Configuração salva com sucesso aparecerá na parte inferior da página. Em seguida, clique em Sair para retornar ao fluxo de trabalho.

Voltando às ações, insira os dados necessários para o seu layout no campo Variáveis (JSON):

{
  "firstName": "{{ customer.firstName }}"
}

Como passar dados do cliente como variáveis JSON

Ative o fluxo de trabalho assim que tiver confirmado que o gatilho, a condição, o layout e as variáveis estão todos corretos.

Ativando o fluxo de trabalho

Shopify Flow
Todo fluxo de trabalho começa com um gatilho. Este exemplo utiliza uma de nossas Extensões de Gatilho de Fluxo de Trabalho (Workflow Trigger Extensions); qualquer gatilho do Shopify funciona da mesma maneira.
Shopify Flow
Adicione uma ação, abra o Workflow Transactional Email e selecione Send Transactional Email.
A ação Send Transactional Email, com seus campos “Para”, “CC”, “CCO” e “Variáveis”
Preencha quem receberá o e-mail. Cada campo aceita variáveis do Shopify Flow.
A página de configuração da ação “E-mail”, com um remetente e um modelo de e-mail selecionados, e a visualização desse modelo abaixo
A opção “Configurar e-mail” abre esta página: escolha o remetente e o layout, verifique a visualização abaixo deles e, em seguida, clique em “Salvar”.

Como as peças se encaixam

Quando o cliente recebe a tag VIP, o Shopify Flow executa o fluxo de trabalho e aciona a ação de e-mail. Essa ação combina:

  • suas configurações de servidor salvas na seção Remetentes de e-mail
  • seu modelo salvo da seção Layouts de e-mail
  • os valores do cliente passados pela etapa do Shopify Flow como variáveis JSON

Manter esses elementos separados é o que torna o layout reutilizável - o senhor envia o mesmo design para todos os clientes sem precisar editar o HTML a cada vez.

Teste-o de ponta a ponta

  1. Aplique a tag VIP a um cliente de teste
  2. Confirme se o fluxo de trabalho está sendo executado no Shopify Flow
  3. Verifique se o cliente recebeu o e-mail
  4. Verifique se o campo “Assunto” e o HTML são exibidos corretamente
  5. Certifique-se de que o nome e o endereço do remetente correspondam à sua marca

Caso a mensagem não seja recebida, abra o Histórico no aplicativo para verificar o resultado da execução e o erro exato. Consulte Histórico e solução de problemas.

Aqui está o e-mail enviado, utilizando o servidor SMTP e o modelo apresentados neste guia:

O e-mail de boas-vindas VIP enviado

Relacionado