Workflow Transactional EmailWorkflow Transactional Email

Assunto e texto de pré-visualização

Antes de alguém abrir seu e-mail, essa pessoa vê três coisas na caixa de entrada: de quem é a mensagem, o assunto e o texto de pré-visualização. Duas dessas informações são definidas no layout.

Acme Store
Your order #1024 has shipped
Track your parcel - arriving Thursday, no signature needed

A terceira linha é o texto de pré-visualização. A maioria dos lojistas deixa essa linha em branco, e o cliente de e-mail, então, exibe o primeiro texto que encontrar no e-mail - geralmente “Visualizar no navegador”, o texto alternativo de uma imagem ou uma linha para cancelar a inscrição.

Assunto

Deve ser definido em todos os layouts, obrigatório. Tem suporte para {{ variables.xxx }} e {{ secrets.xxx }}, para que você possa incluir o número do pedido ou o nome do cliente:

Your order {{ variables.orderName }} has shipped

Defina um valor alternativo para os campos opcionais, de modo que o cliente nunca receba um campo em branco:

Hi {{ variables.firstName | default: "there" }}, your order is on its way

Se possível, mantenha o texto com menos de 50 caracteres, aproximadamente - os aplicativos móveis cortam o texto quando ele ultrapassa esse limite.

Texto de pré-visualização

O campo de texto “Pré-visualização” fica logo abaixo do assunto, tanto na guia “Geral” do construtor visual quanto no editor de rich text/HTML.

Ele oferece exatamente o mesmo Liquid que o objeto em questão, portanto, pode apresentar detalhes dinâmicos:

Arriving Thursday - track parcel {{ variables.trackingNumber }}

Procure manter entre 40 e 100 caracteres. Os clientes variam quanto ao número de caracteres exibidos; o limite máximo do campo é de 200.

Onde aparece

O texto de pré-visualização é adicionado ao e-mail como um bloco oculto na parte superior do corpo da mensagem. Os destinatários o veem na lista da caixa de entrada, mas ele fica invisível quando abrem a mensagem - portanto, nunca aparece duas vezes nem interfere no seu design.

Por trás desse bloco oculto, o aplicativo insere caracteres de preenchimento invisíveis. Sem eles, os clientes exibem o primeiro texto real do seu e-mail logo após a linha de pré-visualização, e os lojistas acabam recebendo mensagens na caixa de entrada com o seguinte texto_:_ “Rastreie sua encomenda. Visualizar no navegador. Cancelar inscrição”.

Como escrever um bom texto

O assunto e o texto de pré-visualização são lidos em conjunto; portanto, evite repetir o mesmo conteúdo.

Assunto Texto de pré-visualização
Fraco Seu pedido já foi enviado Seu pedido já foi enviado
Melhor Seu pedido foi enviado Chega na quinta-feira - não é necessária assinatura

Inclua os detalhes que levam a pessoa a abri-lo: a data de entrega, o valor e o que fazer a seguir.

O texto de pré-visualização não é a descrição

Isso costuma confundir as pessoas, por isso vale a pena ser bem claro.

Campo Quem vê isso Para que serve
Assunto O destinatário O assunto do e-mail
Texto de pré-visualização O destinatário A linha da caixa de entrada após o assunto
Descrição Somente o(a) senhor(a), neste aplicativo Uma nota interna para distinguir os layouts em sua lista

A descrição nunca sai do aplicativo. Caso tenha escrito um texto destinado aos clientes nesse campo, transfira-o para o campo “Texto de pré-visualização”.

Verificando isso

A visualização na página não exibe o texto da caixa de entrada, pois trata-se da exibição do cliente de e-mail e não do próprio e-mail. Para verificar isso:

  1. Utilize a opção “Enviar e-mail de teste” no layout.
  2. Observe a visualização em lista da sua caixa de entrada - não abra a mensagem.
  3. Confirme se a linha após o assunto está redigida da maneira que o senhor pretendia.

No celular, verifique tanto a notificação quanto a lista, pois elas são truncadas de maneiras diferentes.

Caso o texto de visualização contenha uma variável, lembre-se de que um envio de teste utiliza suas variáveis de teste, e não as do Shopify Flow. Consulte Transmissão de dados de umShopify Flow.

Relacionado