> ## 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).

# Personalização visual dos Modelos de Proposta

# Personalização Visual dos Modelos de Proposta

Este guia foca exclusivamente na **personalização estética e na identidade visual** dos modelos de proposta.  
As configurações descritas aqui permitem alterar **imagens, cores e informações institucionais**, sem impactar a lógica de cálculo ou a estrutura técnica de geração das propostas.

Todas as alterações são realizadas nas **Configurações da Loja** e são **replicadas automaticamente** para todas as propostas vinculadas àquela unidade.



## Passo 1: Acesso ao Painel de Personalização Visual

Para iniciar a edição estética da proposta, siga o caminho abaixo.

### Como executar

1. Acesse o menu **Configurações** (ícone de engrenagem).
2. Navegue até **Vendas e Comercial > Proposta > Dados da Propsota**.
3. Localize a loja desejada.
4. Clique no **card da loja** para acessar suas configurações.

![Imagem demonstrando o acesso ao menu Vendas e Comercial > Proposta > Dados da Proposta](https://storage.crisp.chat/users/helpdesk/website/-/2/e/a/d/2ead53dce3a73c00/screenshot-4_qeadd.png)




## Passo 2: Upload de Imagens e Identidade da Marca



Na primeira aba esta disponíveis as configurações de **Cores do Modelo**.

### Como executar

1. Clique sobre a cor configurada.
2. Escolha a tonalidade desejada conforme a identidade da sua marca.
3. As cores podem sem selecionadas ou adicionadas via código Hexadecimal
4. Salve as alterações.

As cores selecionadas serão aplicadas automaticamente em **elementos gráficos e destaques visuais** da proposta.

![Imagem demonstrando a seleção de cores](https://storage.crisp.chat/users/helpdesk/website/-/2/e/a/d/2ead53dce3a73c00/image_wr1tt3.png)

### Identidade Visual

* Faça o upload do **logotipo da empresa**.
* Envie o **banner de capa** que será exibido na primeira página da proposta.

Esses elementos definem a apresentação inicial do documento ao cliente.

![Imagem demonstrando upload de logo e banner](https://storage.crisp.chat/users/helpdesk/website/-/2/e/a/d/2ead53dce3a73c00/image_abnp1c.png)




### Fotos de Projetos Executados

1. Role a página até a seção **Projetos Instalados**.
2. Envie imagens de obras ou projetos já concluídos.

Essas imagens criam um **portfólio visual** dentro da proposta, aumentando a credibilidade e autoridade da marca.

![Imagem demonstrando a seção de projetos instalados](https://storage.crisp.chat/users/helpdesk/website/-/2/e/a/d/2ead53dce3a73c00/image_ibfy3g.png)




### Logotipos de Parceiros

* Caso utilize instituições financeiras ou parceiros comerciais, faça o upload dos **logotipos dos bancos** ou parceiros.
* Esses selos reforçam confiança e profissionalismo no documento.



## Passo 3: Configuração de Garantias e Textos Fixos

Ainda na aba **Dados da Proposta**, é possível configurar textos institucionais e informações que reforçam segurança ao cliente.



### Garantias

Preencha os campos referentes a:

* **Garantia dos equipamentos** (ex.: módulos, inversores)
* **Garantia de serviços ou** [**instalação**](https://ajuda.groner.app/pt-br/article/o-que-e-uma-instalacao-h4xen1/?ref=groner-suporte)

Essas informações aparecem de forma padronizada em todas as propostas da loja.



### Textos Institucionais

O sistema permite cadastrar até **três blocos de texto institucional**, como por exemplo:

* Quem somos
* Diferenciais da empresa
* Compromissos e certificações

Esses textos ajudam a reforçar o posicionamento e a mensagem comercial da marca.

![Imagem demonstrando campos de texto institucional](https://storage.crisp.chat/users/helpdesk/website/-/2/e/a/d/2ead53dce3a73c00/image_c3hsqz.png)

### Exibir várias opções de pagamento

Para apresentar diferentes condições na proposta — por exemplo, um valor em 6 parcelas, outro em 3 parcelas e um valor à vista — primeiro cadastre as formas de pagamento e configure a aba de financiamento. Depois, o modelo da proposta precisa ser ajustado para incluir as variáveis e a estrutura correspondentes a cada opção.

A desativação de uma forma de pagamento não remove automaticamente o campo do modelo: quando a variável continua configurada na estrutura da proposta, o campo pode aparecer em branco. Para removê-lo, edite o modelo ou restaure uma versão anterior que não contenha essa opção.

Após o ajuste, gere uma proposta de teste e valide os valores das parcelas e os juros configurados. Os juros devem corresponder à taxa usada na sua tabela de referência.




### Redes Sociais e Contato

* Insira os links das **redes sociais** e do **site institucional**.
* Esses dados aparecem como atalhos no modelo final da proposta.



## Passo 4: Validação Visual da Proposta

Após salvar todas as alterações, é altamente recomendado realizar uma validação visual.

### Como executar

1. Acesse qualquer **card de** [**negócio**](https://ajuda.groner.app/pt-br/article/o-que-e-um-negocio-1fi8lyn/?ref=groner-suporte).
2. Gere uma **proposta de teste**.
3. Verifique atentamente:
* Qualidade e resolução das imagens
* Harmonia das cores
* Posicionamento dos textos institucionais e garantias



## Dica Estratégica

Caso as informações preenchidas na loja **não apareçam no documento final**, verifique se o [modelo de proposta](https://ajuda.groner.app/pt-br/article/o-que-e-o-modelo-de-proposta-1sz7mnv/?ref=groner-suporte) é um dos modelos padrão que utiliza corretamente as [**Variáveis**](https://ajuda.groner.app/pt-br/article/o-que-sao-variaveis-19g45cs/?ref=groner-suporte) **de dados da loja**.  
Essas interpolações são responsáveis por “puxar” as informações configuradas para dentro do layout do documento.

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

## Veja também

* [Como alterar o plano de fundo no Modelo de Proposta](https://ajuda.groner.app/pt-br/article/como-alterar-o-plano-de-fundo-no-modelo-de-proposta-o4f11j/)
* [Como acessar e configurar Dados da proposta nas lojas](https://ajuda.groner.app/pt-br/article/como-acessar-e-configurar-dados-da-proposta-nas-lojas-18b6o8i/)
* [Configurando os Dados da Proposta por Loja](https://ajuda.groner.app/pt-br/article/configurando-os-dados-da-proposta-por-loja-nyeawg/)
* [O que é uma Proposta Comercial DOCX (Word)](https://ajuda.groner.app/pt-br/article/o-que-e-uma-proposta-comercial-docx-word-k3s079/)

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