Enviar e-mails a partir do Shopify Flow utilizando um servidor SMTP personalizado

Enviar e-mails a partir do Shopify Flow utilizando um servidor SMTP personalizado

Copiar página

Ligue o Gmail, SendGrid, Mailgun, Amazon SES ou outro servidor SMTP ao Shopify Flow e envie um e-mail de boas-vindas VIP com a sua marca. Inclui vídeo.

Visão geral

O Workflow Transactional Email permite-lhe enviar e-mails transacionais a partir do Shopify Flow através do 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 da sua marca, utilizando o servidor SMTP e o modelo de e-mail que guardou.

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

  1. Crie uma ligação SMTP na secção Remetentes de e-mail
  2. Crie o e-mail na secçã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 fornecedor que utilize o protocolo SMTP é compatível, 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, pelo que deve ajustar a velocidade de reprodução conforme lhe for mais conveniente.

Antes de começar

  • Instale o Workflow Transactional Email na sua loja Shopify.
  • Tenha à mão o nome do servidor, a porta, o nome de utilizador e a palavra-passe do seu fornecedor de SMTP.
  • Decida de que endereço de remetente devem ser enviados os e-mails VIP.

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 tem guardado
  5. Esta ação envia o seu modelo de e-mail guardado com os dados do cliente já preenchidos

Passo 1: Configure o seu servidor SMTP

Na aplicação, abra Remetentes de e-mail e aceda à secção «SMTP». É aqui que deve indicar o servidor de e-mail que irá enviar os seus e-mails transacionais.

A página «Remetentes de e-mail» no Workflow Transactional Email

Introduza o servidor SMTP, a porta, o nome de utilizador e a palavra-passe fornecidos pelo seu fornecedor e, em seguida, clique em Testar ligação.

Introdução do servidor SMTP, da porta, do nome de utilizador e da palavra-passe

O formulário do servidor SMTP preenchido com o nome, o host e a porta, ao lado do cartão com o nosso endereço IP de envio
O formulário do servidor SMTP. Os valores apresentados nesta imagem são fictícios. Caso o seu servidor de correio eletrónico restrinja os remetentes com base no endereço IP, inclua na lista de endereços autorizados o endereço indicado na secção «O nosso endereço IP de envio».
A parte inferior do formulário do servidor SMTP, com o nome de utilizador, a palavra-passe e o endereço do remetente
Mais abaixo: os dados de início de sessão do seu servidor de e-mail e o endereço a partir do qual os seus e-mails são enviados.

Se as credenciais estiverem corretas, será apresentada uma mensagem de sucesso.

Um teste de ligação SMTP bem-sucedido

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

Definir o endereço de remetente e o nome a exibir

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

Guardar a configuração SMTP

Passo 2: Conceber o e-mail

Aceda à secção Modelos de e-mail. É aqui que cria o conteúdo do e-mail que o Shopify Flow irá enviar.

A página «Layouts de e-mail»

Crie um modelo para o seu cenário VIP, com um assunto e um corpo. O assunto pode utilizar variáveis transmitidas 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.

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 secção Variáveis de teste para introduzir valores de exemplo e verificar se o design é apresentado da forma que espera.

A testar o layout com variáveis de exemplo

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

Guardar o layout do e-mail

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

Passo 3: Criar 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 atribuição de etiquetas ao cliente, para que o fluxo de trabalho seja executado quando um cliente receber a etiqueta VIP.

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

Clique em Registar eventos e, em seguida, numa nova aba, adicione a tag a um cliente. Selecione o gatilho à esquerda e verá os dados reais do gatilho - isto facilita muito a escolha das variáveis certas.

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.

Adicionar a ação Send Transactional Email

No ecrã de configuração, selecione o servidor SMTP pelo qual este e-mail deve passar na secção Enviar a partir de e o modelo de e-mail que criou na secção Modelo. Abaixo destas secções, a opção Pré-visualizar apresenta esse modelo com a linha de assunto, preenchida com as variáveis de teste do modelo, para que possa verificar se é o modelo correto. Clique em Guardar: na parte inferior da página, aparece a mensagem Configuração guardada com sucesso. Em seguida, clique em Sair para regressar ao fluxo de trabalho.

De volta à ação, introduza os dados de que o seu layout necessita no campo Variáveis (JSON):

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

Transmissão de 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.

Ativar o fluxo de trabalho

Shopify Flow
Cada fluxo de trabalho começa com um gatilho. Este exemplo utiliza uma das nossas Workflow Trigger Extensions; qualquer gatilho do Shopify funciona da mesma forma.
Shopify Flow
Adicione uma ação, abra o Workflow Transactional Email e selecione Send Transactional Email.
A ação Send Transactional Email, com os seus campos «Para», «CC», «CCO» e «Variáveis»
Indique quem recebe 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 pré-visualização desse modelo abaixo
A opção «Configurar e-mail» abre esta página: escolha o remetente e o layout, verifique a pré-visualização abaixo deles e, em seguida, clique em «Guardar».

Como as peças se encaixam

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

  • as suas definições de servidor guardadas na secção Remetentes de e-mail
  • o seu modelo guardado na secção Layouts de e-mail
  • os valores dos clientes transmitidos a partir da etapa do Shopify Flow como variáveis JSON

É o facto de manter estes elementos separados que torna o layout reutilizável - pode enviar o mesmo design a todos os clientes sem ter de editar o HTML de cada vez.

Teste-o de ponta a ponta

  1. Aplique a etiqueta VIP a um cliente de teste
  2. Confirme se o fluxo de trabalho é executado no Shopify Flow
  3. Verifique se o cliente recebe o e-mail
  4. Verifique se o assunto e o HTML são apresentados corretamente
  5. Certifique-se de que o nome e o endereço do remetente correspondem à sua marca

Se a mensagem não for entregue, abra o Histórico na aplicação para ver o resultado da execução e o erro exato. Consulte Histórico e resolução de problemas.

Eis o e-mail enviado, utilizando o servidor SMTP e o modelo apresentados neste guia:

O e-mail de boas-vindas VIP enviado

Relacionado