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

Visão geral

Workflow Transactional Email permite-lhe enviar e-mails transacionais a partir de 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 marca da sua empresa, 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 «Enviar e-mail transacional» 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 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 um VIP

O fluxo de trabalho faz o seguinte:

  1. Um cliente é identificado com a etiqueta VIP
  2. Shopify Flow inicia o fluxo de trabalho
  3. O fluxo de trabalho executa a ação «Enviar e-mail transacional»
  4. A ação utiliza o seu servidor SMTP 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» em 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».

Introduzir o servidor SMTP, a porta, o nome de utilizador e a palavra-passe

O formulário do servidor SMTP preenchido com um nome, um host e uma 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 IP, inclua na lista de permissões 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 deverá ser enviada. 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.

Definir o endereço de remetente e o nome de exibição

Guarde a configuração para que possa ser selecionada posteriormente pela sua ação 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 dos e-mails que o Shopify Flow irá enviar.

A página «Layouts de e-mail»

Crie um modelo para o seu cenário VIP, com uma linha de assunto e um corpo do e-mail. O assunto pode utilizar variáveis transmitidas a partir de Shopify Flow. Este exemplo utiliza firstName com o filtro default do Liquid como 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 por Shopify Flow.

Um layout composto por blocos de títulos, imagens 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.

Testar o layout com variáveis de exemplo

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

Guardar o layout do e-mail

Para consultar a referência completa do bloco, consulte Criar um layout de e-mail.

Passo 3: Criar o fluxo de trabalho no Shopify Flow

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

Um fluxo de trabalho do Shopify Flow que utiliza um gatilho de etiqueta de cliente

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.

Registo de eventos para capturar dados reais de gatilho

Adicione a ação «Enviar e-mail transacional». 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 «Enviar e-mail transacional»

No ecrã de configuração, selecione o modelo de e-mail que criou e o servidor SMTP pelo qual este e-mail deve passar. Clique em «Guardar» e, em seguida, em «Sair» para regressar ao fluxo de trabalho.

Selecionar o modelo de e-mail e o servidor SMTP

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 de clientes 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 um dos nossos gatilhos Workflow Trigger Extensions; qualquer gatilho Shopify funciona da mesma forma.
Shopify Flow
Adicione uma ação, abra Workflow Transactional Email e selecione «Enviar e-mail transacional».
Ação «Enviar e-mail transacional», 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
A opção «Configurar e-mail» abre esta página: escolha o remetente e o layout e, em seguida, clique em «Guardar».

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 envio de e-mail. Essa ação combina:

  • as suas definições de servidor guardadas na secção «Remetentes de e-mail»
  • o seu design guardado em «Layouts de e-mail»
  • os valores do cliente 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 uma etiqueta VIP a um cliente de teste
  2. Confirme se o fluxo de trabalho é executado em 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