> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ajuda.groner.app/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Como colocar imagens do card na proposta com um campo personalizado

# Como colocar imagens do card na proposta com um campo personalizado

Fotos do inversor, dos módulos, da estrutura ou do telhado que estão anexadas no card podem aparecer na proposta gerada. O caminho é um [campo personalizado](https://ajuda.groner.app/pt-br/article/o-que-sao-campos-personalizados-x9sz2l/?ref=groner-suporte) do tipo **Arquivos**, com a variável dele colada no modelo de proposta.

## 1. Crie um campo personalizado do tipo "Arquivos"

Crie o campo no fluxo (funil) ou na coluna, como em qualquer campo personalizado, e escolha o tipo **Arquivos** (o plural, que aceita mais de um arquivo). Se ainda não configurou um campo, veja [Como Configurar Campos Personalizados](https://ajuda.groner.app/pt-br/article/como-configurar-campos-personalizados-1ehny3x/?ref=groner-suporte).

## 2. Copie a variável do campo

Na configuração do campo aparece a variável dele, no formato `[[Campo<Código>Projeto]]`, com um botão para copiar. O código é o do campo, sem espaços nem acentos. Um campo chamado "Fotos Inversor", por exemplo, gera `[[CampoFotosInversorProjeto]]`.

## 3. Cole a variável no modelo de proposta

Abra o modelo de proposta e cole a variável no lugar onde as imagens devem aparecer. Na geração, cada arquivo de imagem do campo (png, jpg, jpeg, gif, bmp, webp) vira uma imagem na proposta; arquivo que não é imagem, como um PDF, vira um link "Baixar".

Para ajustar o tamanho das imagens, use CSS no modelo apontando para a classe `img-campo-<id do campo>`, que cada imagem recebe.

## 4. Preencha o campo no card

No card do negócio, anexe as fotos no campo e gere a proposta. Se o campo estiver vazio, o lugar fica em branco.

## Em mensagens de WhatsApp

Mensagem não renderiza imagem por HTML. Nesse caso use a variante `[[Campo<Código>WhatsAppProjeto]]`, que manda os links dos arquivos.

<!-- groner-suporte:veja-tambem:inicio -->

## Veja também

- [Quais são os tipos de campos personalizados](https://ajuda.groner.app/pt-br/article/quais-sao-os-tipos-de-campos-personalizados-yj8v8o/)
- [Como Configurar Campos Personalizados](https://ajuda.groner.app/pt-br/article/como-configurar-campos-personalizados-1ehny3x/)
- [O que é o Modelo de Proposta](https://ajuda.groner.app/pt-br/article/o-que-e-o-modelo-de-proposta-1sz7mnv/)
- [Principais Variáveis](https://ajuda.groner.app/pt-br/article/principais-variaveis-1ltaanz/)

<!-- groner-suporte:veja-tambem:fim -->