Como adicionar uma imagem dinâmica a uma mensagem de texto

O que você vai aprender

Saiba como adicionar uma imagem dinâmica a uma mensagem de MMS na Klaviyo.

Incluir uma imagem dinâmica permite personalizar suas mensagens de texto. Por exemplo, você pode mostrar a alguém o produto exato que ela visualizou, com o qual iniciou um checkout ou que comprou.

Antes de começar

Dependendo do seu caso de uso, talvez nem sempre seja possível adicionar uma imagem dinâmica.

• Somente fluxos acionados por métrica podem usar imagens dinâmicas com base em dados de eventos (por exemplo, itens de um checkout ou pedido feito) ou em tags de catálogo para um evento.
• Campanhas e fluxos acionados por lista e segmento podem ter imagens dinâmicas apenas quando o URL da imagem existe como uma propriedade personalizada no perfil do destinatário.

Além disso, é importante observar o seguinte sobre imagens dinâmicas:

• É permitida apenas 1 imagem dinâmica por MMS.
• As imagens devem ter menos de 600 KB; caso contrário, as operadoras vão compactá-las, o que pode fazer com que a imagem pareça distorcida.
• Se você tentar enviar uma imagem dinâmica com um número de envio que não permite MMS, a mensagem será enviada, mas a imagem será removida.
• Você pode usar instruções condicionais com imagens dinâmicas.
• As operadoras de celular não oferecem suporte a arquivos WebP, e anexar esse tipo de imagem pode fazer com que a mensagem falhe.

Como adicionar uma imagem dinâmica

1. Selecione a mensagem do fluxo em que você quer incluir sua imagem dinâmica.
2. Na barra lateral direita, clique em Editar.

3. Clique em Visualizar e testar no canto superior direito.
   

4. Encontre a fonte de dados da imagem que você quer incluir.
5. Clique na fonte de dados da primeira variável de uma imagem, que normalmente terminará em 0.
   

6. Clique em Concluído.
7. À esquerda, clique no ícone Adicionar imagem (um ícone de imagem) na caixa Mensagem.
   

8. Vá para a guia Imagem dinâmica.
9. Cole a variável dinâmica ou o URL dinâmico da imagem.
   

10. Clique em Save.
11. Confirme se a imagem dinâmica foi adicionada corretamente verificando se aparece uma na tela de visualização.

Use tags do catálogo

Você também pode usar tags de catálogo para adicionar imagens dinâmicas no MMS. Para isso:

1. No modal de prévia de SMS, localize o ID do produto ou o SKU do primeiro produto listado.
2. Copie esta variável.
   

1. Clique em Concluído para retornar ao editor de SMS.
2. À esquerda, clique no ícone Adicionar imagem (um ícone de imagem) na caixa de mensagem.
   

1. Vá para a guia Imagem dinâmica.
2. Cole a seguinte tag de catálogo:
   {% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %}
3. Substitua event.id em {% catalog event.id %} pela variável da tag que você copiou anteriormente. Remova as chaves e quaisquer filtros da variável (assim, {{ event.extra.line_items.0.product_id|default:'' }} vira event.extra.line_items.0.product_id).
   Exemplo: {% catalog event.extra.line_items.0.product_id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %}
4. Clique em Save.

Exemplo de uso de declarações condicionais

Imagens dinâmicas podem usar instruções condicionais.

Veja abaixo um exemplo de uma instrução if/else para dizer que, se houver uma imagem da variante, mostre-a aos destinatários; caso contrário, use a imagem padrão:
{% if event.extra.line_items.0.product.variant.images.0.src %}{{ event.extra.line_items.0.product.variant.images.0.src }}{% else %}{{ event.extra.line_items.0.product.images.0.src }}{% endif %}

Observe que o formato exato dessas declarações depende das suas integrações, e você não deve copiá-las de modelos de e-mail.

Recursos adicionais