# Informativo: Configurações do site

<article id="bkmrk-conte%C3%BAdo-a-%C3%A1rea-conf"><section>#### Conteúdo

A área **Configurações** reúne as informações que valem para o site inteiro: nome e contatos da empresa, redes sociais, cores, menu do topo, rodapé e o que aparece no Google. Também é aqui que se tira o site do ar.

Só administradores veem esta área. Contas com perfil Editor não têm o item Configurações no menu.

Em cada figura, os **círculos vermelhos numerados** mostram a parte da tela que está sendo explicada. O número do círculo é o mesmo número da lista logo abaixo da figura.

##### Visão geral da tela

![Tela Configurações com o botão Site no ar, o índice lateral, o título da seção Identidade e a barra Salvar configurações, numerados de 1 a 5](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/ElE11-visao-geral.png)

**Figura 1** — A tela Configurações.

1. **Site no ar** — ligado, o site aparece para todos. Desligado, os visitantes veem um aviso de site fora do ar, mas quem está conectado ao painel continua vendo o site normalmente, para revisar antes de publicar. Como os outros ajustes, só vale depois de Salvar.
2. **Índice das seções** — leva direto a cada parte da tela: Identidade, Redes sociais, Cores, Menu, Rodapé, SEO e Segurança.
3. **Título da seção** — cada parte tem um número e um nome, na mesma ordem do índice.
4. **Nada muda no site até você salvar** — lembra que as mudanças só valem depois de salvar. Esta barra fica sempre visível no pé da tela.
5. **Salvar configurações** — grava todas as seções de uma vez.

##### 1. Identidade

![Seção Identidade com nome da empresa, ocultar nome, telefone, e-mail, dias de funcionamento, horários e três campos de imagem, numerados de 1 a 10](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/6JR11-identidade.png)

**Figura 2** — Dados da empresa.

1. **Nome da empresa** — aparece no topo do site, ao lado do logotipo, e em outros lugares do site.
2. **Ocultar o nome ao lado do logo no menu** — mostra só o logotipo no topo. Só funciona se houver logotipo; sem logotipo, o nome continua aparecendo.
3. **Telefone** — o telefone de contato da empresa.
4. **E-mail de contato** — o e-mail mostrado aos visitantes.
5. **Dias de funcionamento** — marque os dias em que a empresa abre.
6. **Abre às** — o horário de abertura.
7. **Fecha às** — o horário de fechamento. Use 00:00 para meia-noite. Os dias e os horários são usados no bloco Endereço, no rodapé e no selo “Aberto agora”.
8. **Logotipo** — o logotipo da empresa, mostrado no topo do site.
9. **Logotipo para fundo escuro** — opcional. Uma versão do logotipo para lugares com fundo escuro. Se ficar vazio, o site usa o logotipo normal.
10. **Ícone da aba (favicon)** — a imagem pequena que aparece na aba do navegador, ao lado do nome do site.

Os três campos de imagem têm os mesmos botões de sempre: **Biblioteca** (escolher da Mídia), **Enviar arquivo** e **Remover** (o arquivo continua na Mídia).

##### 2. Redes sociais

![Seção Redes sociais com WhatsApp, ocultar botão flutuante, Instagram, Facebook, LinkedIn e YouTube, numerados de 1 a 6](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/EqN11-redes-sociais.png)

**Figura 3** — WhatsApp e redes sociais.

1. **WhatsApp** — o número com DDD ou o link do WhatsApp da empresa. É usado no botão flutuante do site e nos botões de contato de produtos e serviços. Sem WhatsApp, esses botões não aparecem.
2. **Ocultar o botão flutuante do WhatsApp** — esconde o botão redondo verde que fica no canto da tela do site. Os outros botões de WhatsApp continuam.
3. **Instagram** — o endereço completo do perfil, começando com https://.
4. **Facebook** — o endereço completo da página.
5. **LinkedIn** — o endereço completo do perfil ou da página da empresa.
6. **YouTube** — o endereço completo do canal.

As redes preenchidas aparecem como ícones no rodapé e no bloco Endereço. Rede deixada em branco não aparece.

##### 3. Cores

![Seção Cores com o quadrado de cor, o código da cor, um campo vazio, a prévia das cores e as amostras, numerados de 1 a 5](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/37f11-cores.png)

**Figura 4** — Cores do site.

1. **Quadrado de cor** — clique para escolher a cor numa paleta. Há cinco: principal, secundária, de destaque, do texto e de fundo.
2. **Código da cor** — a mesma cor escrita em código, como #1f4fd8. Dá para colar o código da cor da marca aqui.
3. **Cor vazia** — quando o campo fica vazio, o site usa a cor padrão do tema.
4. **Prévia** — mostra na hora como as cores ficam: topo, bloco escuro com botão, bloco claro com link e um cartão. A prévia muda enquanto você escolhe; o site só muda depois de salvar.
5. **Amostras** — as cinco cores em uso, com o código. “(padrão)” quer dizer que aquela cor não foi escolhida e está valendo a do tema.

##### 4. Menu

O menu é a lista de links do topo do site.

![Seção Menu com Estilo do menu, contador, prévia, um item da lista, setas e X, e o painel do item com Texto, Leva para e Página do site, e Adicionar, numerados de 1 a 9](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/nUM11-menu.png)

**Figura 5** — Itens do menu do topo.

1. **Estilo do menu** — **Lista simples** mostra os itens lado a lado. **Com submenu** permite que um item abra uma lista menor (os subitens). Na lista simples, os subitens não aparecem no site.
2. **Contador** — quantos itens o menu tem, de no máximo 10. Cada item pode ter até 8 subitens.
3. **Como vai aparecer no site** — uma prévia do menu, que muda enquanto você edita.
4. **Item do menu** — o texto do item e, em cinza, para onde ele leva. Clicar abre o painel do item, ao lado.
5. **Setas e X** — ↑ e ↓ mudam a ordem do item; X tira o item do menu.
6. **Texto** — o que vai escrito no menu, como “Sobre”.
7. **Leva para** — escolha **Página do site** (uma das páginas cadastradas) ou **Link** (um endereço digitado, que pode ser de outro site).
8. **Página do site** — a página para onde o item leva. Embaixo aparece o endereço dela, como /sobre.
9. **Adicionar** — cria um item novo no menu.

Uma página publicada não entra no menu sozinha: ela precisa ser acrescentada aqui. E excluir uma página não tira o item do menu; tire-o aqui também.

##### 5. Rodapé

O rodapé é a faixa no pé de todas as páginas do site.

![Seção Rodapé com texto ao lado do logotipo, colunas de links, links legais, Copyright e Linha adicional, numerados de 1 a 5](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/SSW11-rodape.png)

**Figura 6** — Conteúdo do rodapé.

1. **Texto ao lado do logotipo** — uma frase curta sobre a empresa.
2. **Colunas de links** — até 4 colunas, cada uma com um título (como “Empresa”) e até 8 links. Funciona como o menu: prévia, setas, X, painel ao lado e Adicionar. O botão com a setinha curva (Adicionar link) acrescenta um link dentro da coluna. No menu com submenu, o mesmo botão (Adicionar subitem) cria um subitem.
3. **Links legais** — até 10 links para textos como Política de privacidade e Termos de uso.
4. **Copyright** — a linha de direitos, como “© 2026 Sua Empresa”.
5. **Linha adicional** — uma linha extra, opcional.

##### 6. SEO

SEO é o nome dos ajustes que ajudam o site a aparecer bem no Google e quando é compartilhado.

![Seção SEO com Como o Google vê o site, o botão Analisar o site, a descrição padrão e a imagem para compartilhamento, numerados de 1 a 4](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/tkt11-seo.png)

**Figura 7** — Padrões para o Google e para compartilhamento.

1. **Como o Google vê o site** — uma conferência automática de títulos, descrições, imagens e links de todas as páginas publicadas.
2. **Analisar o site** — faz a conferência. Leva alguns segundos e não muda nada no site.
3. **Descrição padrão do site** — o texto que aparece no Google para as páginas e conteúdos que não têm uma descrição própria. O ideal é até 160 letras.
4. **Imagem para compartilhamento** — a imagem usada quando alguém compartilha um endereço do site e a página não tem imagem própria. Tamanho ideal 1200 × 630.

##### O resultado da análise

![Resumo da análise com 18 itens para ver, os tipos de problema, o botão Mostrar lista e a hora da última análise, numerados de 1 a 3](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/3zt11-seo-analise.png)

**Figura 8** — Resumo da análise.

1. **Resumo** — quantos pontos merecem atenção e de que tipo. Comece pelos marcados em vermelho, que atrapalham mais o Google.
2. **Mostrar lista** — abre a lista com a explicação de cada tipo.
3. **Última análise** — quando a conferência foi feita.

![Lista da análise aberta, com o nome de um tipo de problema, a explicação e a seta para abrir os detalhes, numerados de 1 a 3](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/bzr11-seo-lista.png)

**Figura 9** — Lista aberta da análise.

1. **Tipo de problema** — o nome do ponto encontrado e, à esquerda, quantas vezes ele aparece.
2. **Explicação** — o que aquilo quer dizer e por que importa, em uma frase.
3. **Seta** — abre os detalhes daquele ponto.

Alguns pontos se corrigem no próprio painel (por exemplo, escrevendo uma descrição na página ou o texto alternativo de uma imagem na Mídia). Outros são ajustes técnicos, e a própria lista avisa quando não se corrigem pelo painel.

##### 7. Segurança

A seção Segurança mostra o **segundo fator** da conta que está usando o painel: o código do app autenticador pedido em todo login. Ela vale só para a própria conta e não é gravada pelo botão Salvar configurações.

- **Segundo fator ativo desde** — a data em que o app autenticador foi ativado nesta conta.
- **Trocar de celular** — com a senha atual digitada em **Sua senha atual**, desliga o segundo fator e leva à tela de ativação, onde se ativa com o celular novo. Os códigos de recuperação antigos deixam de valer e aparecem 8 novos no fim da ativação. Com a senha errada, aparece **Senha incorreta. O segundo fator continua ativo.** e nada muda.

Se aparecer **Segundo fator obrigatório está suspenso**, falta uma configuração técnica do site e o painel aceita entrar só com a senha. O mesmo aviso aparece no topo da tela inicial do painel para os administradores. Fale com o suporte.

O passo a passo completo está no guia "Como ativar e usar o segundo fator (app autenticador)".

##### Seções de extensões

Se uma extensão ligada no site tiver ajustes próprios, eles aparecem como uma seção a mais, sempre no fim da tela, depois de Segurança, e entram no índice com o número seguinte. Com mais de uma extensão, cada uma aparece na ordem em que foi carregada. Essas seções são gravadas pelo mesmo botão **Salvar configurações**. Se a extensão for desligada, a seção some da tela, mas o que foi preenchido fica guardado e volta quando ela for ligada de novo.

</section><section>---

#### Dicas

- Preencha WhatsApp, telefone, e-mail e horário: eles aparecem em vários lugares do site de uma vez.
- Use os códigos das cores da marca nas Cores, para o site combinar com a identidade da empresa.
- Depois de criar uma página nova, lembre de acrescentá-la ao Menu.
- Rode **Analisar o site** de vez em quando, principalmente depois de criar páginas.
- Antes de tirar o site do ar, avise a equipe: os visitantes deixam de ver o site.

</section><section>---

#### Controle de Mudanças

<details><summary>Informações de controle de versão</summary>

- **Última revisão:** a preencher
- **Próxima revisão:** a preencher
- **Autor:** a preencher
- **Revisor:** a preencher
- **Versão:** a preencher

</details></section><section>---

#### Notas adicionais

As imagens usam as telas reais do NetCorp em um ambiente de demonstração. O nome da empresa, telefone, e-mail, WhatsApp, redes sociais, menu, rodapé e o resultado da análise são exemplos fictícios, não dados de um cliente. Os números vermelhos foram acrescentados às figuras e não aparecem no painel.

Contato de suporte: **a preencher**.

</section><section>---

#### Referências

- NetCorp — área Configurações do painel administrativo.
- Modelo de página Informativo e blocos de conteúdo da base de conhecimento.

</section></article>