> ## Documentation Index
> Fetch the complete documentation index at: https://tutoriais.clickescale.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Personalização do cardápio

> Ajuste cores, banner, logo e a aparência do seu cardápio digital com pré-visualização ao vivo.

<Card title="Abrir no app" icon="arrow-up-right-from-square" href="https://app.clickescale.com/personalizacao">
  Acesse diretamente **Personalização** na sua conta.
</Card>

Na tela **Personalização** (menu lateral, bloco **Cardápio digital**) você define a cara e o comportamento do seu cardápio digital. Tudo aparece na hora no **Preview do Cardápio**, do lado direito da tela.

<Frame caption="Personalização com preview do cardápio ao vivo">
  ![Tela de personalização com aparência e faixa de destaque](https://id-preview--97ba6806-e888-42e2-883e-2ae30b35af3b.lovable.app/__l5e/assets-v1/73764cee-a855-45a9-84a8-f9d722ef0a30/click-v5-p01.webp)
</Frame>

## 1. Aparência

### Cor principal

Escolha a cor da sua marca na paleta. Ela pinta botões, destaques e o carrinho do cardápio.

### Faixa de destaque

A **faixa de destaque** é a tarja que aparece no topo do cardápio com um aviso curto — o lugar certo para comunicar a promoção do momento.

<Steps>
  <Step title="Escreva a frase">
    No campo **Frase**, escreva algo direto e curto, como `FRETE GRÁTIS ACIMA DE R$ 25,00`.
  </Step>

  <Step title="Escolha as cores">
    Defina a **cor de fundo** e a **cor do texto** da faixa.
  </Step>

  <Step title="Confira no preview">
    A faixa aparece imediatamente no topo do **Preview do Cardápio** — verifique se o texto está legível sobre o fundo escolhido.
  </Step>
</Steps>

<Tip>
  Use a faixa para **uma** mensagem por vez: frete grátis, horário especial ou um combo do dia. Frase longa quebra no celular e ninguém lê.
</Tip>

### Exibição no cardápio

Três chaves controlam o que o cliente vê nos produtos:

| Chave          | O que faz                       | Quando desligar                                         |
| -------------- | ------------------------------- | ------------------------------------------------------- |
| **Preços**     | Mostra os valores nos produtos. | Cardápios de consulta, sem venda direta.                |
| **Descrições** | Mostra os detalhes do produto.  | Quando as descrições ainda não estão prontas.           |
| **Imagens**    | Mostra as fotos.                | Quando você ainda não tem fotos boas de todos os itens. |

<Warning>
  Foto ruim vende menos que **nenhuma** foto. Se só metade dos produtos tem imagem, é melhor desligar **Imagens** até padronizar do que deixar o cardápio desigual.
</Warning>

## 2. Campos exigidos do cliente

<Frame caption="Campos exigidos do cliente e Pop-up de Entrada">
  ![Dados adicionais pedidos no checkout e configuração do pop-up](https://id-preview--97ba6806-e888-42e2-883e-2ae30b35af3b.lovable.app/__l5e/assets-v1/b8aeadfb-2a32-4e89-b105-c34341894849/click-v5-p02.webp)
</Frame>

Além de **telefone e nome** (sempre obrigatórios), você escolhe o que mais pedir no checkout:

* **Data de aniversário** — útil para campanhas de aniversariantes.
* **E-mail** — recomendado para envios transacionais.
* **CPF** — necessário quando o cliente pede nota fiscal.

<Info>
  Os campos ficam salvos no cadastro do cliente e são **pré-preenchidos em pedidos futuros** — o cliente só digita uma vez.
</Info>

<Warning>
  Cada campo obrigatório a mais é um motivo a mais para o cliente desistir. Ligue apenas o que você realmente vai usar.
</Warning>

## 3. Pop-up de Entrada

O **Pop-up de Entrada** mostra até **3 produtos em destaque** assim que o cliente abre o cardápio.

<Frame caption="Pop-up de Entrada com seleção de produtos em destaque">
  ![Seleção de até 3 produtos para o pop-up de entrada](https://id-preview--97ba6806-e888-42e2-883e-2ae30b35af3b.lovable.app/__l5e/assets-v1/2cfd2401-60b3-4d90-a8c7-79d98f956b5b/click-v5-p03.webp)
</Frame>

<Steps>
  <Step title="Ative o Pop-up ativo">
    Ligue a chave **Pop-up ativo**.
  </Step>

  <Step title="Escreva o título">
    Em **Título do Pop-up**, use algo objetivo: `Promoções do dia`.
  </Step>

  <Step title="Selecione os produtos (máx. 3)">
    Use a busca ou os filtros **Ofertas**, **Combos** e **Promoções** para escolher os itens. O contador mostra `0/3 selecionados`.
  </Step>

  <Step title="Confira no preview">
    O pop-up aparece no preview exatamente como o cliente vai ver no celular.
  </Step>
</Steps>

<Tip>
  Coloque no pop-up itens de **alta margem** ou combos — não o produto mais barato. Ele é a sua vitrine de entrada.
</Tip>

## Salve e confira no cardápio real

As mudanças passam a valer para o cliente depois de salvar. Depois disso, abra o link público e confira no celular.

<Card title="Ver meu cardápio" icon="link" href="https://app.clickescale.com/gestao-de-links">
  Use **Gestão de Links**, no rodapé da barra lateral, para abrir o cardápio e ver o resultado.
</Card>
