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 MMS no Klaviyo.

A inclusão de uma imagem dinâmica permite que o senhor personalize suas mensagens de texto. Por exemplo, o senhor pode mostrar a alguém o produto exato que ele visualizou, com o qual iniciou um checkout ou comprou.

Antes de começar

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

• Somente os fluxos acionados por métricas 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.
• As campanhas e os fluxos acionados por listas e segmentos podem ter imagens dinâmicas somente quando o URL da imagem existir como uma propriedade personalizada no perfil do destinatário.

Além disso, é importante observar o seguinte em relação às imagens dinâmicas:

• Somente uma imagem dinâmica é permitida por MMS.
• As imagens devem ter menos de 600 KB; caso contrário, os portadores as compactarão, o que pode fazer com que a imagem pareça distorcida.
• Se o senhor tentar enviar uma imagem dinâmica com um número de envio que não permita MMS, a mensagem será enviada, mas a imagem será removida.
• O senhor 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 de fluxo na qual deseja incluir a imagem dinâmica.
2. Na barra lateral direita, clique em Edit (Editar).

3. Clique no texto Preview & no canto superior direito.
   

4. Encontre a fonte de dados da imagem que o senhor deseja incluir.
5. Clique na fonte de dados da primeira variável de uma imagem, que normalmente termina em 0.
   

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

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

10. Clique em Salvar.
11. Verifique se a imagem dinâmica foi adicionada corretamente, certificando-se de que ela apareça na tela de visualização.

Usar tags de catálogo

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

1. No modal de visualização do SMS, localize o ID do produto ou o SKU do primeiro produto listado.
2. Copie essa variável.
   

1. Clique em Done (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 Dynamic Image (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 o senhor copiou anteriormente. Remova os colchetes e qualquer filtro da variável (de modo que {{ event.extra.line_items.0.product_id|default:'' }} se torne 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 Salvar.

Exemplo de uso de declarações condicionais

As imagens dinâmicas podem usar instruções condicionais.

Abaixo está um exemplo de uma instrução if/else para dizer que, se houver uma imagem 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 da sua integração, e o senhor não deve copiá-las de modelos de e-mail.

Recursos adicionais