> For the complete documentation index, see [llms.txt](https://ajuda.digitalsac.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajuda.digitalsac.io/digicrm/operacao-uso-do-sistema/configuracoes/configuracoes-globais/frontend.md).

# Frontend

**Caminho:** Configurações → Globais

\[\[FOTO]]

#### 4) Frontend → Gerais

| Campo              | Chave              | Para que serve       | Valores          |
| ------------------ | ------------------ | -------------------- | ---------------- |
| URL da Página      | `VUE_APP_PAGE_URL` | URL principal / site | URL; **JSON**    |
| Chave do ReCaptcha | `RECAPTCHA_KEY`    | Google ReCaptcha     | string; **JSON** |

Banner informa que nome/logo/vídeos foram para **Login**.

***

#### 4b) Frontend → Integrações

| Campo                      | Chave             | Para que serve                          | Valores                  |
| -------------------------- | ----------------- | --------------------------------------- | ------------------------ |
| URL do PerfexCRM (Licença) | `PERFEX_URL`      | Origem comercial / licença / propaganda | URL admin Perfex; **DB** |
| URL dos Termos de Uso      | `TERMOS_URL`      | Página de termos                        | URL; **DB**              |
| Script do Webchat          | `WEBCHAT_SCRIPT`  | Script injetado dinamicamente           | texto/script; **JSON**   |
| API Key TinyMCE            | `TINYMCE_API_KEY` | Editor da Central de Ajuda              | string; **DB**           |

***

#### 4c) Frontend → Login → Identidade

| Campo             | Chave              | Para que serve                           | Valores                                  |
| ----------------- | ------------------ | ---------------------------------------- | ---------------------------------------- |
| Nome da aplicação | `NOME_APLICACAO`   | Branding                                 | string; **JSON**                         |
| Logo              | `VUE_APP_LOGO_URL` | URL do logo                              | URL; **JSON**                            |
| Lista de Vídeos   | `videoList`        | URLs de mídia de fundo (vírgula ou `\n`) | array no save; string no input; **JSON** |

***

#### 4d) Frontend → Login → Layout

| Campo            | Chave                | Para que serve                                  | Valores                                                                                                        |
| ---------------- | -------------------- | ----------------------------------------------- | -------------------------------------------------------------------------------------------------------------- |
| Modelo do card   | `LOGIN_CARD_VARIANT` | Card completo vs compacto                       | `full` \| `compact`; default `full`                                                                            |
| Layout da tela   | `LOGIN_LAYOUT`       | Template visual do login                        | `classic` \| `split` \| `minimal` \| `glass` \| `dark` \| `nature` \| `corporate` \| `bold`; default `classic` |
| Posição do Login | `POSITION_LOGIN`     | Posição do formulário (principalmente clássico) | `left` \| `center` \| `right`; default `center`                                                                |

***

#### 4e) Frontend → Login → Aparência

| Campo                              | Chave                            | Para que serve                                 | Valores                                          |
| ---------------------------------- | -------------------------------- | ---------------------------------------------- | ------------------------------------------------ |
| Cor de fundo da tela               | `LOGIN_BACKGROUND_COLOR`         | Fundo quando não há mídia                      | hex, ex. `#0f172a`                               |
| Cor do card (claro)                | `LOGIN_CARD_BG_LIGHT`            | Só layout `classic`                            | hex                                              |
| Cor do card (escuro)               | `LOGIN_CARD_BG_DARK`             | Só layout `classic`                            | hex                                              |
| Opacidade do card                  | `LOGIN_CARD_OPACITY`             | Transparência do card (oculto se `minimal`)    | `0.2`–`1` step `0.02`; default `'0.92'` (string) |
| Transparência barra lateral        | `LOGIN_SIDE_PANEL_OPACITY`       | Só layouts com side panel                      | `0.2`–`1`; default `'1'`                         |
| Mostrar botão Cadastre-se          | `DISABLE_REGISTER_BUTTON`        | UI invertida: toggle “mostrar” → salva disable | boolean; default `false` (`true` = esconde)      |
| Mostrar versão e avisos Back/Front | `SHOW_VERSION_AND_SYNC_WARNINGS` | Versão/avisos no MainLayout (e preview)        | boolean; default `true`                          |

***

#### 4f) Frontend → Login → Mídia

| Campo                     | Chave                            | Para que serve          | Valores                                  |
| ------------------------- | -------------------------------- | ----------------------- | ---------------------------------------- |
| Overlay do fundo          | `LOGIN_BACKGROUND_OVERLAY`       | Escurece mídia de fundo | `0`–`0.95` step `0.05`; default `'0.55'` |
| Opacidade do vídeo/imagem | `LOGIN_BACKGROUND_MEDIA_OPACITY` | Opacidade da mídia      | `0.1`–`1` step `0.05`; default `'1'`     |

Ativo só se `videoList` tiver URLs.

***

#### 4g) Frontend → Login → Painel Lateral

(layouts `split` / `corporate` / `bold`)

| Campo                         | Chave                     | Para que serve               | Valores                                                                                                                                                                              |
| ----------------------------- | ------------------------- | ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| URL mídia lateral             | `LOGIN_SIDE_MEDIA_URL`    | Imagem/vídeo do painel       | URL                                                                                                                                                                                  |
| Tipo da mídia lateral         | `LOGIN_SIDE_MEDIA_TYPE`   | Força tipo ou auto           | `auto` \| `image` \| `video`; default `auto`                                                                                                                                         |
| Título principal              | `LOGIN_PRIMARY_TEXT`      | Headline do painel           | string; default texto de atendimento                                                                                                                                                 |
| Texto secundário              | `LOGIN_SECONDARY_TEXT`    | Subtítulo                    | string                                                                                                                                                                               |
| Cor de fundo do painel        | `LOGIN_SIDE_BG_COLOR`     | Fundo do side panel          | hex; vazio → gradiente azul                                                                                                                                                          |
| Cor do texto                  | `LOGIN_SIDE_TEXT_COLOR`   | Cor tipográfica do painel    | hex                                                                                                                                                                                  |
| Tipo de fonte                 | `LOGIN_SIDE_FONT_FAMILY`  | Família tipográfica          | `''` (padrão) \| Inter \| Roboto \| Poppins \| Montserrat \| Open Sans \| Lato \| Nunito \| Raleway \| Source Sans Pro \| Playfair Display \| Merriweather \| Georgia \| Courier New |
| Mostrar texto/mídia no painel | `LOGIN_SIDE_TEXT_ENABLED` | Exibe conteúdo sobre a mídia | boolean; default `true`                                                                                                                                                              |

***

#### 4h) Frontend → Login → Redes Sociais

Campos vazios não geram ícone. Aparecem no painel lateral dos layouts com side panel.

| Campo       | Chave                    | Para que serve | Valores |
| ----------- | ------------------------ | -------------- | ------- |
| Facebook    | `LOGIN_SOCIAL_FACEBOOK`  | Link ícone     | URL     |
| Instagram   | `LOGIN_SOCIAL_INSTAGRAM` | Link ícone     | URL     |
| LinkedIn    | `LOGIN_SOCIAL_LINKEDIN`  | Link ícone     | URL     |
| YouTube     | `LOGIN_SOCIAL_YOUTUBE`   | Link ícone     | URL     |
| TikTok      | `LOGIN_SOCIAL_TIKTOK`    | Link ícone     | URL     |
| X / Twitter | `LOGIN_SOCIAL_X`         | Link ícone     | URL     |
| Discord     | `LOGIN_SOCIAL_DISCORD`   | Link ícone     | URL     |
| GitHub      | `LOGIN_SOCIAL_GITHUB`    | Link ícone     | URL     |
| Telegram    | `LOGIN_SOCIAL_TELEGRAM`  | Link ícone     | URL     |
| WhatsApp    | `LOGIN_SOCIAL_WHATSAPP`  | Link ícone     | URL     |

***

#### 4i) Frontend → Central de Ajuda

| Campo                      | Chave         | Para que serve                      | Valores                                                                                               |
| -------------------------- | ------------- | ----------------------------------- | ----------------------------------------------------------------------------------------------------- |
| Habilitar Help globalmente | `ENABLE_HELP` | Se off, nenhum tenant acessa o help | boolean UI (`enableHelpGlobal`); salva `'true'`/`'false'`; default UI `true`; save imediato no toggle |

***