Configurar a aparência de um campo de imagem, galeria ou download no construtor visual

Este guia explica como configurar a aparência (design, tamanho, comportamento) dos campos adicionais do tipo Imagem, Galeria ou Arquivo dentro do Visual Builder.

Usuários-alvo: Usuários não técnicos que utilizam o Visual Builder para criação de páginas ou emails.


Procedimento Passo a Passo

Para configurar a aparência do campo adicional no Visual Builder, siga estes passos:

1. Acesse o Visual Builder e arraste o bloco Campo adicional para sua área de trabalho.

2. Clique no bloco Campo adicional para abrir o painel de configurações.

3. Na seção Origem (Origin), configure os seguintes parâmetros:

  • Em Formulário de origem, selecione o formulário onde você criou o campo adicional (ex. Produtos, Clientes, etc.).
  • Em Campo a mostrar, selecione o campo adicional que deseja exibir (ex. Imagem única, Galeria ou Arquivo).

4. Na seção Condições, insira o ID do registro principal (por exemplo, o ID do Produto ou do Cliente) de onde recuperar o valor do campo.

5. Role o painel de configuração até encontrar as opções de aparência específicas para o tipo de campo selecionado (essas opções aparecem automaticamente após selecionar o campo no passo 3):

A. Configuração para Campo "Imagem única"

Se você selecionou um campo do tipo Imagem única, verá as seguintes opções de configuração:

  • Imagem: Use estas configurações para definir a aparência visual da imagem:
  • Tamanho (largura, altura).
  • Margens e bordas.
  • Qualidade da imagem (se disponível).
  • Ação ao clicar (onclick): Defina o que acontece quando o usuário clica na imagem (por exemplo, abrir a imagem em tela cheia ou redirecionar para um link externo).

B. Configuração para Campo "Galeria"

Se você selecionou um campo do tipo Galeria, verá as seguintes opções de configuração:

  • Carrossel (carousel): Use estas configurações para definir como a galeria será exibida:
  • Modo de exibição (slider, grade, etc.).
  • Configurações de navegação (setas, pontos).
  • Opções de autoplay.
  • Imagem: Defina as configurações de exibição para as imagens individuais dentro da galeria (por exemplo, como são recortadas ou sua qualidade).

C. Configuração para Campo "Arquivo" (Download)

Se você selecionou um campo do tipo Arquivo (Download), verá as seguintes opções de configuração:

  • Botão (button): Use estas configurações para definir a aparência do botão que o usuário clicará para baixar o arquivo:
  • Texto do botão (o arquivo será automaticamente vinculado ao botão).
  • Design do botão (cor, tamanho, bordas, etc.).

6. Após concluir as alterações, salve as configurações do bloco e salve a página ou o email.