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

O que você vai aprender

Saiba mais sobre a opção 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 eventos (por exemplo, eventos de Início de checkout para um fluxo de carrinho abandonado) em e-mails de fluxo acionados por métrica. Para campanhas e fluxo acionados por uma lista, segmento ou data, use URLs de imagem armazenadas no perfil do destinatário como Propriedades do perfil.

Armazenamento de URLs de imagem nas Propriedades do perfil

Para exibir uma imagem dinâmica em uma campanha ou em um fluxo acionado por uma lista, segmento ou data, uma URL de imagem (por exemplo, https://www.klaviyo.com/static/klaviyo-social-share-image.jpg) deve ser armazenada nas Propriedades do perfil de cada destinatário. Você pode adicionar uma URL de imagem às Propriedades do perfil da pessoa das seguintes maneiras:

• 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 Adicionado ao carrinho), você pode usar dados do perfil com armazenamento de dados do perfil 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.
3. Se você estiver editando um modelo salvo, selecione perfil ou Evento em Fonte de dados de pré-visualização. Em Evento, escolha a métrica que vai acionar seu fluxo.
4. Selecione um evento de amostra ou um perfil que contenha o URL da imagem. Use as setas para navegar pelos eventos ou pesquise um perfil por endereço de e-mail ou nome.
5. 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.
6. Depois de copiar sua tag, clique em Concluído para voltar ao editor e, em seguida, arraste um bloco de imagem para sua mensagem.
7. Clique em Selecionar imagem > Imagem dinâmica.
8. Cole a tag no campo Variável dinâmica ou URL dinâmica e clique em Salvar.
9. 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 tem certeza de que todo destinatário de e-mail terá uma imagem disponível no perfil ou nos dados de evento, considere usar uma imagem de backup para que a área não apareça em branco. As imagens de backup aparecem quando o valor do URL da imagem está ausente ou vazio. Elas não substituem um URL que aponta para uma imagem indisponível. Há 2 maneiras de adicionar uma imagem de backup:

Use o filtro de produto ausente

Adicione o filtro de produto ausente ao final da 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. Substitua event.image_url nos exemplos abaixo pela variável de imagem que você copiou dos dados de visualização:

{{ event.image_url|missing_product_image }}

Se o valor do URL da imagem de um destinatário estiver ausente ou vazio, ele 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 o URL de imagem que você preferir. Isso exibirá sua imagem de backup personalizada se o valor do URL de imagem estiver ausente ou vazio. Para adicionar esse filtro, adicione |default:'' ao final da sua variável de imagem com o URL completo da sua imagem personalizada, incluindo https://, entre aspas simples, assim:

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

Visualize a prévia do e-mail com um evento ou perfil que tenha uma URL de imagem e com outro em que o valor esteja ausente ou vazio, para conferir tanto a imagem dinâmica quanto a imagem de backup.

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