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

Estimado 4 minuto de leitura
|
Atualizado 1 de out. de 2024, 14:22 EST
O que você vai aprender

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

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

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).Barra lateral para uma nova mensagem SMS em um fluxo
  3. Clique no botão View details (Exibir detalhes ) no canto superior direito da guia Previewing (Visualização ).
    A caixa de visualização de um SMS, que inclui o botão View Details
  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.
    Exemplo de variáveis para um evento em View Details
  6. À esquerda, clique no ícone Add Media (um ícone de imagem) na caixa Message (Mensagem ).
  7. Vá para a guia Dynamic Image (Imagem dinâmica ).
  8. Cole a variável dinâmica ou o URL dinâmico da imagem.
    Exemplo de como colar a variável dinâmica no modal Add Media
  9. Clique em Salvar.
  10. 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. Acesse Analytics > Metrics
  2. Selecione a métrica que deseja usar (por exemplo, Ordered Product). 
  3. Clique em Details (Detalhes ) para um evento específico.
  4. Encontre a SKU ou a etiqueta de identificação do produto.
  5. Copie o rótulo da tag (exceto qualquer parêntese ou dois pontos) para que o senhor tenha a ortografia e a capitalização exatas.
    No exemplo abaixo, copiamos "ProductID"
    Exemplo dos detalhes de um evento Ordered Product
  6. Cole isso em algum lugar que o senhor não possa perder. 
  7. Navegue até um fluxo acionado pela mesma métrica que o senhor acabou de selecionar. 
  8. Selecione a mensagem SMS na qual deseja incluir a imagem dinâmica.
  9. Na barra lateral esquerda, clique em Configure Content (Configurar conteúdo ) ou Edit (Editar).
  10. À esquerda, clique no ícone Add Media (um ícone de imagem) na caixa Message (Mensagem).
  11. Vá para a guia Dynamic Image (Imagem dinâmica ).
  12. Cole a seguinte tag de catálogo:
    {% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %}
  13. Substitua id em {% catalog event.id %} pelo rótulo que o senhor copiou anteriormente. 
    Exemplo: {% catalog event.ProductID %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %}
  14. 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

Recursos adicionais

Esse artigo foi útil?
Use esse formulário somente para fazer comentários sobre artigos. Saiba como entrar em contato com o suporte.

Saiba mais sobre a Klaviyo

Comunidade
Conecte-se com colegas, parceiros e especialistas da Klaviyo para encontrar inspiração, compartilhar percepções e obter respostas para todas as suas perguntas.
Treinamentos ao vivo
Participe de uma sessão ao vivo com especialistas da Klaviyo para aprender sobre as práticas recomendadas, como configurar os principais recursos e muito mais.
Suporte

Acesse o suporte por meio da sua conta.

Suporte por e-mail (teste gratuito e contas pagas) Disponível 24 horas

Chat/assistência virtual
A disponibilidade varia conforme o local e o tipo de plano