1. Home
  2. Automação
  3. Como adicionar imagem dinâmica

Como adicionar imagem dinâmica

This post is also available in: English

O recurso Automação permite que você tenha uma assinatura de e-mail com imagens dinâmicas, alterados para cada funcionário individualmente. Isso pode ser muito útil, por exemplo, para uma foto de rosto personalizada.

Veja esse exemplo, a tag image tem duas Chaves de abertura e duas de fechamento.

Espaço reservado de imagem
{{image}}

O conteúdo na tag não importa. Pode ser, imagem, foto, por exemplo. É uma boa ideia apenas não usar espaço.

Criando um espaço reservado para a imagem

Se você já tem uma automação criado, pode adicionar um novo espaço reservado no final, para identificar o campo de imagem na assinatura de e-mail.

Vamos abordar ambos os métodos:

A partir de uma automação existente

Veja neste passo a passo, com vídeo de exemplo, como adicionar um campo de imagem para a automação existente.

  • Visite o menu Automação
  • Clique em Editar na automação que escolher para adicionar um novo campo de Espaços reservados.

Na página de editar, clique no botão Gerenciar e adicione o novo campo.


Assista o exemplo completo da etapa para a automação de exemplo.

O campo criado pode ser visto no final.

A partir de uma automação novo

A partir de uma automação nova, você simplesmente pode criar uma coluna para identificar um campo de imagem. E assim, carregar as imagens personalizadas dos funcionários.

Aqui está um exemplo de arquivo CSV para ilustrar. Perceba a coluna D com um campo de imagem vazio

Arquivo CSV exemplo

Adicionando imagens no espaço reservado

Agora que você já tem a coluna especial na automação, pode adicionar imagens personalizadas no campo reservado de cada funcionário.

Informações importantes sobre a imagem de rosto

Você precisa enviar imagens de rosto com tamanhos exatos para cada funcionário. Por exemplo, todos as fotos devem ter dimensões de 100px de largura por 80px de altura.

Se você adicionar no espaço reservado de imagem uma foto com 100px por 80px, e para outro funcionário uma foto com 300px por 220px, isso vai aparecer com formatação errada na assinatura de e-mail. A área de imagem dinâmica da assinatura não aceita edição de tamanho.

Para lembrar, como no início do tutorial, você apenas adicionou uma tag de imagem na assinatura de e-mail.

Passando o aviso importante, agora vamos adicionar o link da imagem pública.

Adicionando uma imagem no espaço reservado

Por regra, a imagem precisa já está carregada na área de Assets.

A primeira etapa é deixar o campo correspondente à imagem vazio, para habilitar o botão para abrir a galeria de Assets da sua conta.

Botão para abrir galeria de imagem

Ao clicar no botão, a galeria de imagem vai abrir para você encontrar a imagem do funcionário.

Se a imagem não estiver na galeria, precisa enviar uma nova imagem. Você pode ir à área de Assets e subir todas as imagens dos funcionários, como pode ser visto na ilustração abaixo:

Enviar uma nova imagem para Assets

Um tutorial mais completo: Como enviar uma imagem no Bybrand Assets;

Veja o vídeo da etapa, com os passos de editar, copiar o link público da imagem e colar no espaço reservado.

Vídeo tutorial completo

Você também pode adicionar o link público direto na coluna de imagem do seu arquivo CSV de funcionários. Copiando o link da imagem no Bybrand Assets.

O campo reservado de imagem do arquivo CSV não aceita imagem de outro local. Como, por exemplo, um link de imagem pública do seu site, ou de um CDN.

As imagens, necessariamente, precisam começar com:

https://a.bybrand.io/

Aqui está um exemplo. A qualquer momento você pode alterar o link, após importar para o Bybrand.

Espaço reservado com imagem

Aplicando CSS-style em imagens

A Bybrand transforma espaços reservados com URL de imagem para uma tag de imagem, mas você pode desativar essa opção para aplicar CSS Style Inline se estiver editando a assinatura de e-mail em modo HTML.

Aqui temos um tutorial completo:

Updated on 27 de maio de 2025
Was this article helpful?
Need Support?
Can’t find the answer you’re looking for? Don’t worry we’re here to help!
Contact Support