Como inserir uma imagem dinâmica em um e-mail

O que você vai aprender

Saiba mais sobre a opção de Imagem dinâmica em um bloco de imagem de e-mail, incluindo como encontrar a tag de personalização certa para usar e adicioná-la a um modelo de e-mail.

Imagens dinâmicas permitem que você personalize a mensagem de cada destinatário com base em dados do armazenamento de dados no perfil do Klaviyo ou em dados de eventos. Por exemplo, você pode usar esse recursos para exibir um item que a pessoa adicionou recentemente ao carrinho em um fluxo acionado pela métrica Added to Cart. Ou, ao armazenar um URL de imagem exclusivo no perfil de um assinante, você pode mostrar essa imagem personalizada nas campanhas que enviar para ele.

Armazene suas imagens em um perfil ou evento

Você pode exibir imagens dinâmicas de dados de evento (por exemplo, eventos de início de checkout em um fluxo de carrinho abandonado) em e-mails de fluxo acionados por métrica. Imagens armazenadas em dados de evento não podem ser exibidas em campanhas ou em fluxos não acionados por métrica, que só podem usar imagens armazenadas no perfil do destinatário como Propriedades do perfil.

Armazenar imagens para campanhas e fluxos acionados por gatilhos que não sejam de métrica

Para exibir uma imagem dinâmica em uma campanha ou em um fluxo não acionado por métrica (ou seja, um fluxo acionado por uma lista, segmento ou data), um URL de imagem (por exemplo, https://www.klaviyo.com/static/klaviyo-social-share-image.jpg) deve ser armazenado nas Propriedades do perfil de cada destinatário. Você pode adicionar um URL de imagem às Propriedades do perfil dele(a) das seguintes formas:

• Faça upload de um CSV com dados de perfil
• Use uma integração de terceiros
• Use as API da Klaviyo

Armazenamento de imagens para fluxos disparados por métricas

Para exibir uma imagem dinâmica em um fluxo acionado por métrica (por exemplo, um fluxo acionado por um evento de Adicionar ao carrinho), você pode usar dados de perfil armazenados usando os métodos descritos acima ou usar dados do evento da métrica que aciona o fluxo.

Observe que os dados de evento só podem ser usados em um fluxo acionado por esse evento.

Você pode adicionar dados de eventos à Klaviyo das seguintes formas:

• Por meio de uma integração padrão da Klaviyo
• Por meio de uma integração de terceiros
• Como usar as API da Klaviyo

Adicionar uma imagem dinâmica a um e-mail

Depois de armazenar as informações da sua imagem dinâmica no Klaviyo, identifique a tag correta para incluir isso no seu e-mail.

1. Abra o modelo de e-mail em que você gostaria de adicionar a imagem dinâmica.
2. Clique em Visualizar e testar.
3. Role a amostra de dados de evento e de perfil em Todas as propriedades até encontrar a variável de imagem. Em seguida, clique no nome da variável para copiá-la.
4. Depois de copiar sua tag, arraste um bloco de imagem para a sua mensagem.
5. Clique em Selecionar imagem > imagem dinâmica.
6. Cole a tag no campo Variável ou URL dinâmicos.
7. Por fim, visualize seu e-mail para garantir que a tag esteja funcionando corretamente. Se você não vir sua imagem, verifique novamente se selecionou um evento ou um perfil que contenha a variável que você usou.

Adicionar uma imagem de backup

Se você não tiver certeza de que todos os destinatários do e-mail terão uma imagem disponível no perfil ou nos dados de evento, considere usar uma imagem de backup para que a área não fique em branco. Há 2 maneiras de adicionar uma imagem de backup:

Use o filtro de produto ausente

Adicione o filtro de produto ausente ao final da sua variável de imagem dinâmica para usar a imagem de backup padrão do Klaviyo. Para adicionar esse filtro, adicione |missing_product_image após a variável de imagem dinâmica, assim:

{{ event.image_url|missing_product_image }}

Se alguém que receber o e-mail não encontrar uma imagem, verá a imagem de produto ausente:

Defina sua própria imagem de backup

Para escolher sua própria imagem de backup, aplique o filtro default com um URL de imagem de sua escolha. Isso exibirá sua imagem de backup personalizada se um destinatário não tiver uma imagem definida. Para adicionar esse filtro, adicione |default:'' ao final da sua variável de imagem com o URL da sua imagem personalizada entre aspas simples, assim:

  {{ event.image_url|default:'www.example.com/custom_image_url.jpg' }}

Recursos adicionais

• Como adicionar personalização em blocos de texto
• Como criar blocos dinâmicos em um e-mail de fluxo
• Como criar um fluxo disparado por métricas
• Como incorporar recursos diretamente em um e-mail