O que você vai aprender
Saiba mais sobre as anotações de e-mail, que permitem que o senhor exiba informações importantes no modo de exibição de lista das caixas de entrada do Gmail (ou seja, antes que alguém abra o e-mail). As anotações de e-mail permitem que o senhor destaque um negócio ou uma oferta (por exemplo, um código de cupom) ou exiba imagens de produtos diretamente na caixa de entrada.
O código necessário para implementar as anotações do Gmail só é compatível com HTML personalizado ou e-mail híbrido. Não é possível usar esse código com o editor de e-mail de arrastar e soltar do Klaviyo.
Recomendamos o uso de anotações de e-mail apenas para profissionais de marketing com experiência técnica ou para qualquer pessoa que tenha acesso a um desenvolvedor. Embora nosso produto ofereça suporte a esse recurso, nossa equipe de suporte não pode ajudá-lo a criar seu modelo personalizado além de oferecer as orientações gerais abordadas nesta documentação. Para manter a segurança dos seus dados, a equipe de suporte da Klaviyo não pode abrir seus arquivos HTML.
Sobre as anotações de e-mail
As anotações de e-mail são compatíveis com as caixas de entrada móveis do Gmail para usuários com a guia Promoções ativada. Essas anotações só aparecem na guia Promotions (Promoções ), não na caixa de entrada principal.
Há três tipos de anotações:
-
Oferta
Destaque uma oferta ou negócio, como um código de cupom ou frete grátis, incluindo a data de validade da oferta. -
Carrossel de produtos
Exiba um carrossel de imagens de produtos, incluindo opcionalmente detalhes do produto, como nome e preço. -
Imagem única
Mostrar uma única imagem, juntamente com texto adicional opcional.
A adição desse código oferece ao Gmail a opção de exibir anotações em seu e-mail. Mesmo que um e-mail contenha o código para anotações, elas podem não ser exibidas para todos os destinatários. O Gmail escolhe quando e como exibir anotações com base nas configurações do destinatário e na densidade da caixa de entrada.
Antes de começar
O Google mantém uma lista de permissões de remetentes que podem usar anotações. Antes de usar anotações, o senhor deve solicitar que sua marca seja adicionada a essa lista de permissões.
Para solicitar que o Google adicione o senhor à lista de permissões de anotações, envie um e-mail para p-Promo-Outreach@google.com com as seguintes informações:
- Todos os domínios (por exemplo, example.com)
- Todos os subdomínios (por exemplo, send.example.com, blog.example.com, marketing-messages.example.com)
- URL(s) de sua página de destino (por exemplo, sua página inicial)
Qualquer código de anotações adicionado às suas mensagens será ignorado até que o senhor seja adicionado à lista de permissões do Google, o que pode levar de 7 a 10 dias úteis ou mais.
A Klaviyo não tem visibilidade do processo de listagem de permissões e não pode agilizar sua solicitação. Se o senhor tiver dúvidas sobre o processo de whitelisting ou sobre o status da sua solicitação, entre em contato com p-Promo-Outreach@google.com.
Adicione anotações em seus e-mails
Adicione o seguinte código na seção body do seu modelo de e-mail HTML para adicionar anotações de e-mail. Há três tipos de anotações disponíveis:
Negócio
<div itemscope itemtype="http://schema.org/DiscountOffer">
<meta itemprop="description" content="DESCRIPTION"/>
<meta itemprop="discountCode" content="DISCOUNT_CODE"/>
<meta itemprop="availabilityStarts" content="START_DATE_TIME"/>
<meta itemprop="availabilityEnds" content="END_DATE_TIME"/>
</div>
Substitua os seguintes espaços reservados no código:
-
DESCRIÇÃO
Uma breve descrição de texto (1-2 linhas) da oferta -
DISCOUNT_CODE
O código que o destinatário pode inserir no checkout para receber a oferta -
START_DATE_TIME
A data/hora de início da oferta, usando o formato ISO 8601 -
END_DATE_TIME
A data/hora de término da oferta, usando o formato ISO 8601
Carrossel de produtos
<div itemscope itemtype="http://schema.org/PromotionCard">
<meta itemprop="image" content="IMAGE_URL1"/>
<meta itemprop="url" content="PROMO_URL1"/>
// Opcionalmente, inclua as seguintes propriedades do PromotionCard:
<meta itemprop="headline" content="HEADLINE1"/>
<meta itemprop="price" content="PRICE1"/>
<meta itemprop="priceCurrency" content="PRICE_CURRENCY1"/>
<meta itemprop="discountValue" content="DISCOUNT_VALUE1"/
< meta itemprop="position" content="POSITION"/>
</div>
// Crie a segunda visualização de imagem em seu carrossel de produtos:
<div itemscope itemtype="http://schema.org/PromotionCard">
<meta itemprop="image" content="IMAGE_URL2"/>
<meta itemprop="url" content="PROMO_URL2"/>
// Opcionalmente, inclua as seguintes propriedades do PromotionCard:
<meta itemprop="headline" content="HEADLINE2"/>
<meta itemprop="price" content="PRICE2"/>
<meta itemprop="priceCurrency" content="PRICE_CURRENCY2"/>
<meta itemprop="discountValue" content="DISCOUNT_VALUE2"/
< meta itemprop="position" content="POSITION"/>
</div>
// Para incluir mais visualizações de imagens, adicione objetos PromotionCard adicionais.
// O senhor pode incluir até 10 visualizações de imagens em um carrossel de produtos.
Substitua os seguintes espaços reservados no código:
-
IMAGE_URL1, IMAGE_URL2, etc.
O URL de uma imagem de produto a ser exibida no carrossel. As proporções de aspecto suportadas são 4:5, 1:1 e 1,91:1. A proporção de aspecto de cada imagem deve ser a mesma. -
PROMO_URL1, PROMO_URL2, etc.
O URL de uma página de destino para os destinatários que clicarem na imagem do produto. -
HEADLINE1, HEADLINE2, etc.
Uma descrição curta, de uma a duas linhas, do produto. -
PRICE1, PRICE2, etc.
O preço base do produto (somente número, sem moeda). -
PRICE_CURRENCY1, PRICE_CURRENCY2, etc.
O código de moeda de três letras (por exemplo, USD) para o preço do item. -
DISCOUNT_VALUE1, DISCOUNT_VALUE2, etc.
Se aplicável, o valor do desconto de um item (somente número, sem moeda). -
POSIÇÃO
(Opcional) um número que indica a posição desse item no carrossel.
Imagem única
<div itemscope itemtype="http://schema.org/PromotionCard">
<meta itemprop="image" content="IMAGE_URL1"/>
<meta itemprop="url" content="PROMO_URL1"/>
</div>
Substitua os seguintes espaços reservados no código:
-
IMAGE_URL1
O URL de uma imagem de produto a ser exibida no carrossel. As proporções de aspecto suportadas são 4:5, 1:1 e 1,91:1. -
PROMO_URL1
O URL de uma página de destino para os destinatários que clicarem na imagem do produto.
Sobre a extração automática de anotações
Às vezes, o Google extrai automaticamente os dados do e-mail para adicionar anotações, mesmo quando o remetente não adicionou o código descrito acima. Isso é feito a critério do Google e não pode ser controlado pelo remetente.
Solução de problemas com suas anotaçõesSolução de problemas com suas anotações
O Google tem requisitos rigorosos para anotações. Se as anotações não estiverem aparecendo depois de seguir as etapas descritas acima, tente estas etapas de solução de problemas.
Certifique-se de que sua marca esteja na lista de permissõesCertifique-se de que sua marca esteja na lista de permissões
O Google mantém uma lista de permissões de uma lista limitada de marcas que são aprovadas para usar anotações de e-mail, a fim de evitar spam e abuso. Entre em contato com o Google usando as etapas descritas acima e aguarde de 7 a 10 dias úteis para obter uma resposta. Não há garantia de que sua marca será adicionada à lista de permissões depois que o senhor a solicitar, pois isso é gerenciado a critério exclusivo do Google.
Verifique a qualidade da imagemVerifique a qualidade da imagem
Todas as imagens usadas para anotações de e-mail devem passar por um filtro de qualidade. Se suas imagens não atenderem aos requisitos de imagem do Google, elas não serão exibidas na caixa de entrada.
Certifique-se de que suas imagens atendam a esses critérios:
- Alta qualidade (ou seja, mais de 500 KB)
- Têm muito pouco, ou nenhum, texto
- Rectangular (não use uma máscara para tornar a imagem redonda ou com outra forma)
- Ter, no mínimo, 256x256px
Não use imagens exclusivas por destinatário
As imagens devem ser as mesmas em todos os destinatários. O senhor pode adicionar parâmetros de rastreamento exclusivos ao URL da promoção, mas não ao URL da imagem. O uso de uma ferramenta que cria imagens CID (ou seja, imagens exclusivas para cada destinatário) fará com que suas anotações não apareçam na caixa de entrada.
Considere o limite de densidade do GmailConsidere o limite de densidade do Gmail
O Google tem um limite de densidade que restringe a quantidade de imagens que os destinatários podem ver em sua caixa de entrada. Isso significa que, se a caixa de entrada de um destinatário já tiver vários e-mails recentes com anotações, o seu poderá não aparecer para manter a caixa de entrada organizada. Essa limitação é implementada a critério exclusivo do Google e não pode ser controlada pelo remetente.
As anotações são para envios em massa, não para visualizaçõesAs anotações são para envios em massa, não para visualizações
O envio de um e-mail de teste para 1 ou 2 destinatários geralmente não resultará no aparecimento de anotações na caixa de entrada. O recurso de anotações é restrito a envios em massa, portanto, as anotações provavelmente só aparecerão quando uma mensagem for enviada para >100 destinatários.
Em vez de enviar um e-mail de visualização para si mesmo para testar seu código, use a ferramenta de visualização da guia promocional do Google para desenvolvedores. Esse recurso permite que o senhor teste seu código e veja como as anotações aparecerão para quem as vê.
As anotações são compatíveis com a guia de promoções do aplicativo móvel do GmailAs anotações são compatíveis com a guia de promoções do aplicativo móvel do Gmail
As anotações não são suportadas em outras caixas de entrada do Gmail, incluindo:
- Gmail em qualquer navegador (por exemplo, no site para celular ou desktop)
- Qualquer outra guia que não seja Promoções
- Caixas de entrada de usuários que não têm a guia Promoções ativada nas configurações do Gmail