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

O que você vai aprender

Saiba mais sobre a opção Dynamic Image em um bloco de imagens de e-mail, inclusive como encontrar a tag de personalização certa para usar e adicioná-la a um modelo de e-mail. 

As imagens dinâmicas permitem que o senhor personalize a mensagem de cada destinatário com base nos dados armazenados no perfil do Klaviyo ou nos dados do evento. Por exemplo, o senhor pode usar esse recurso para exibir um item que foi adicionado 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, o senhor pode mostrar essa imagem personalizada nas campanhas que enviar a eles.

Armazene suas imagens em um perfil ou evento

O senhor pode exibir imagens dinâmicas de dados de eventos (por exemplo, eventos de checkout iniciados para um fluxo de carrinho abandonado) em e-mails de fluxo acionados por métricas. As imagens armazenadas nos dados do evento não podem ser exibidas em campanhas ou fluxos acionados sem métrica, que só podem usar imagens armazenadas no perfil do destinatário como propriedades do perfil.

Armazenamento de imagens para campanhas e fluxos acionados sem métrica

Para exibir uma imagem dinâmica em uma campanha ou fluxo acionado sem 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. O senhor pode adicionar um URL de imagem às propriedades do perfil das pessoas das seguintes maneiras: 

• Carregar um CSV de dados de perfil
• Use uma integração de terceiros 
• Usar as APIs da Klaviyo

Armazenamento de imagens para fluxos acionados por métricas

Para exibir uma imagem dinâmica em um fluxo acionado por métrica (por exemplo, um fluxo acionado por um evento Add to Cart), o senhor pode usar dados de perfil armazenados usando os métodos descritos acima ou usar dados de evento da métrica que aciona o fluxo. 

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

O senhor pode adicionar dados de eventos ao Klaviyo das seguintes maneiras: 

• Por meio de uma integração padrão com o Klaviyo
• Por meio de uma integração de terceiros 
• Usando as APIs da Klaviyo

Adicionar uma imagem dinâmica a um e-mail

Depois de armazenar as informações da imagem dinâmica no Klaviyo, identifique a tag correta a ser usada para incluí-la em seu e-mail. 

1. Abra o modelo de e-mail no qual o senhor deseja adicionar a imagem dinâmica.
2. Clique em Preview and Test (Visualizar e testar).
3. Se sua variável de imagem for armazenar como uma propriedade personalizada, clique em Search for a perfil e encontre um perfil que tenha uma imagem armazenar como uma propriedade personalizada. Percorra suas propriedades até encontrar a variável de imagem e clique no nome da variável para copiá-la.
4. Se a variável da imagem estiver armazenada nos dados de um evento, clique em Event (Evento). Selecione seu evento no menu suspenso. Observe que essa mensagem deve ser enviada por meio de um fluxo acionado pelo mesmo evento ou a imagem dinâmica não será exibida. Percorra os dados do evento até encontrar a variável de imagem. Em seguida, clique no nome da variável para copiá-la.
5. Depois de copiar sua tag, arraste um bloco de imagem para sua mensagem.
6. Clique em Browse > Dynamic Image.
7. Cole a tag no campo Dynamic variable (Variável dinâmica) ou dynamic URL (URL dinâmica).
   
8. Por fim, visualize seu e-mail para garantir que a tag esteja funcionando corretamente. Se a imagem não for exibida, verifique se selecionou um evento ou perfil que contenha a variável usada. 

Adicionar uma imagem de backup

Se não tiver certeza de que cada destinatário de e-mail terá uma imagem disponível em seu perfil ou nos dados do evento, considere usar uma imagem de backup para que a área não apareça em branco. Há duas maneiras de adicionar uma imagem de backup: 

Use o filtro de produtos ausentes 

Adicione o filtro de produto ausente ao final de 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, da seguinte forma: 

{{ event.image_url|missing_product_image }}

Se alguém que receber o e-mail não tiver uma imagem, verá isso em seu lugar:

Defina sua própria imagem de backup

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

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

Recursos adicionais

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