Workflow Transactional EmailWorkflow Transactional Email

Assunto e texto de pré-visualização

Antes de alguém abrir o seu e-mail, vê três coisas na sua caixa de entrada: de quem é, 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-a em branco, pelo que o cliente de e-mail retira o primeiro texto que encontrar no e-mail - frequentemente «Ver no navegador», o texto alternativo de uma imagem ou uma linha para cancelar a subscrição.

Assunto

A definir em todos os modelos, obrigatório. Suporta {{ variables.xxx }} e {{ secrets.xxx }}, pelo que pode incluir o número do pedido ou o nome do cliente:

Your order {{ variables.orderName }} has shipped

Atribua um valor alternativo aos campos opcionais, para que nunca seja apresentado um campo em branco ao cliente:

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

Se possível, mantenha o texto com menos de 50 caracteres, aproximadamente - os clientes móveis cortam o texto que exceder esse limite.

Texto de pré-visualização

O campo de texto «Pré-visualização» encontra-se imediatamente abaixo do assunto, tanto no separador «Geral» do construtor visual como no editor de texto rico/HTML.

O suporte é exatamente o mesmo Liquid que o tema em questão, pelo que pode apresentar detalhes dinâmicos:

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

Procure utilizar entre 40 e 100 caracteres. Os clientes variam quanto ao número de caracteres que apresentam; 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 vêem-no na lista da caixa de entrada, mas este fica invisível quando abrem a mensagem - pelo que nunca aparece duas vezes nem interfere com o seu design.

Por trás desse bloco oculto, a aplicação insere caracteres de preenchimento invisíveis. Sem eles, os clientes extraem o primeiro texto real do seu e-mail logo a seguir à linha de pré-visualização, e os lojistas acabam por receber mensagens na caixa de entrada com o seguinte texto_:_ «Acompanhe a sua encomenda. Ver no navegador. Cancelar subscrição».

Escrever um bom texto

O assunto e o texto de pré-visualização são lidos em conjunto, pelo que não deve repetir a mesma informação.

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

Acrescente o pormenor que faz com que alguém o abra: a data de entrega, o montante, o que fazer a seguir.

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

Isto costuma confundir as pessoas, por isso vale a pena ser explícito.

Campo Quem é que 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 a seguir ao assunto
Descrição Apenas o senhor, nesta aplicação Uma nota interna para distinguir os layouts na sua lista

A descrição nunca sai da aplicação. Se tiver escrito ali texto destinado aos clientes, transfira-o para o texto de pré-visualização.

Verificar isso

A pré-visualização na página não mostra o texto da caixa de entrada, uma vez que se trata da apresentação feita pelo 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» a partir do modelo.
  2. Observe a visualização da lista da sua caixa de entrada - não abra a mensagem.
  3. Certifique-se de que a linha que se segue ao assunto está redigida tal como pretendia.

Num telemóvel, verifique tanto a notificação como a lista, uma vez que são truncadas de forma diferente.

Se o seu texto de pré-visualização contiver uma variável, lembre-se de que um envio de teste utiliza as suas variáveis de teste, e não as do Shopify Flow. Consulte Transmissão de dados a partir de Shopify Flow.

Relacionado