Conteúdo

O painel administrativo é a parte do NetCorp onde se cuida do site: as páginas, os textos, as fotos, os contatos recebidos e as configurações. Os visitantes do site não veem o painel; só entra quem tem uma conta cadastrada.

Esta página explica como chegar ao painel, o que significa cada parte da tela de entrada e para que serve cada item do 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.

Endereço do painel

O painel fica no endereço do próprio site, com /admin no final. Por exemplo, se o site é www.suaempresa.com.br, o painel fica em www.suaempresa.com.br/admin. Troque “www.suaempresa.com.br” pelo endereço do seu site.

Se ninguém entrou ainda naquele navegador, o endereço mostra a tela de entrada. Se a conta já estiver conectada, o painel abre direto.

Esse acesso é diferente do acesso ao painel da hospedagem (como o cPanel). O e-mail e a senha do NetCorp servem só para o painel do site.

Tela de entrada

A tela Entrar no painel pede o e-mail e a senha da conta.

Figura 1 — Tela de entrada, com o e-mail e a senha preenchidos com exemplos.

1. E-mail — o e-mail cadastrado para a sua conta no NetCorp.
2. Senha — a senha da sua conta. Enquanto se digita, aparecem só pontinhos, para ninguém ao lado ver.
3. Olho (Mostrar senha) — mostra a senha em letras, para conferir se foi digitada certo. Clicar de novo esconde a senha outra vez.
4. Entrar — envia o e-mail e a senha para conferência. Enquanto o sistema confere, o botão mostra “Entrando…”. Se estiver tudo certo, o painel abre.
5. Sem acesso? Fale com o administrador do site. — a tela não tem a opção de criar conta nem de recuperar a senha sozinho. Quem cria e ajusta as contas é um administrador do site, na área Usuários.

Em alguns sites, aparece também uma verificação de segurança antes do botão Entrar, que confere se quem está entrando é uma pessoa e não um programa automático. Ela precisa terminar para a entrada funcionar.

Código de verificação (segundo fator)

Depois do e-mail e da senha, o painel abre a tela Código de verificação. O código vem do app autenticador do celular, muda a cada 30 segundos e é obrigatório para todas as contas: assim, mesmo quem descobrir a senha não entra sem o celular. Ele precisa ser digitado em até 5 minutos depois da senha; passado esse tempo, é preciso entrar de novo.

Figura 2 — Tela do código de verificação, com um código de exemplo.

1. Código — o código de 6 dígitos que o app mostra para o NetCorp deste site.
2. Sem o celular? — o mesmo campo aceita um dos códigos de recuperação, guardados na ativação. Cada um vale uma vez só.
3. Confirmar — confere o código. Se estiver certo, o painel abre.
4. Voltar e entrar com outra conta — volta para a tela de entrada.

No primeiro acesso de uma conta, em vez dessa tela, o painel abre a tela Segundo fator, para ativar o app autenticador. O passo a passo está no guia "Como ativar e usar o segundo fator (app autenticador)".

Quando a entrada não dá certo

Se algo estiver errado, a tela volta com um aviso em vermelho e os campos vazios.

Figura 3 — Aviso mostrado quando o e-mail ou a senha não conferem.

1. Aviso de entrada recusada — explica por que a entrada não aconteceu. Os avisos possíveis são:
   • E-mail ou senha invalidos. — o e-mail ou a senha estão errados. Por segurança, o aviso não diz qual dos dois está errado. Confira se o e-mail está certo e use o olho para conferir a senha.
   • Muitas tentativas. Aguarde 15 minutos e tente de novo. — depois de 5 tentativas erradas com o mesmo e-mail, a entrada fica bloqueada por 15 minutos. Isso protege a conta de quem tenta adivinhar a senha. Basta esperar e tentar de novo com calma.
   • Nao foi possivel confirmar que voce nao e um robo. — a verificação de segurança não terminou. Recarregue a página e tente de novo.

Na tela do código, os avisos possíveis são Codigo invalido. Confira o app autenticador e tente de novo. (código errado, de outro site no app ou celular com a hora errada) e O tempo para digitar o codigo acabou. Entre de novo. (passaram os 5 minutos). Códigos errados contam nas mesmas 5 tentativas da senha.

O menu do painel

Depois de entrar, o menu fica sempre à esquerda da tela. Ele leva a todas as áreas do painel. A área aberta no momento fica destacada em azul.

Figura 4 — Menu de uma conta de administrador.

1. Recolher menu — deixa o menu estreito, só com os ícones, para sobrar mais espaço na tela (Figura 5).
2. Site em edição — mostra o endereço do site que está sendo cuidado neste painel.
3. Painel — a tela inicial, com os resultados do site: visitas, contatos recebidos e o que o público procura.
4. Páginas — as páginas do site, como Início, Sobre e Contato. Aqui se cria, publica e edita cada página.
5. Conteúdos — os cadastros do site, como produtos, serviços e artigos.
6. Mídia — as fotos, vídeos e documentos em PDF guardados no site.
7. Configurações — as informações gerais do site, como nome da empresa, redes sociais, cores, menu e rodapé.
8. Usuários — as contas de quem pode entrar no painel.
9. Extensões — recursos extras que podem ser instalados no site.
10. Conta conectada — o nome de quem entrou e o perfil da conta, como Administrador ou Editor.
11. Sair — fecha o acesso ao painel naquele navegador. Depois disso, é preciso digitar o e-mail e a senha de novo para entrar.

Alguns recursos extras instalados no site podem acrescentar novos itens ao menu, abaixo de Extensões.

Menu recolhido

Figura 5 — Menu recolhido, só com os ícones.

1. Expandir menu — volta o menu ao tamanho normal, com os nomes. O painel lembra a escolha naquele navegador: se o menu foi recolhido, ele continua recolhido nas próximas vezes.

Em telas pequenas, como a de um celular, o menu fica escondido. Ele aparece ao tocar no botão de três risquinhos no alto da tela.

O que muda para uma conta Editor

Cada conta tem um perfil. O Administrador vê todas as áreas. O Editor cuida do dia a dia do site e vê só uma parte do menu.

Figura 6 — Menu de uma conta com perfil Editor.

1. Mídia é o último item — o Editor vê Painel, Páginas, Conteúdos e Mídia. Configurações, Usuários e Extensões não aparecem, porque são ajustes que só um administrador pode fazer.
2. Perfil Editor — abaixo do nome aparece o perfil da conta. Se faltar no menu uma área de que você precisa, confira aqui o seu perfil e fale com um administrador.

Esconder um item do menu não é a única proteção: mesmo que alguém digite o endereço de uma área de administrador, o sistema confere o perfil da conta e não deixa um Editor entrar.

Dicas

• Guarde o endereço do painel (o do site com /admin no final) nos favoritos do navegador.
• A senha é pessoal. Não a compartilhe: peça ao administrador uma conta para cada pessoa.
• Em computador usado por outras pessoas, clique sempre em Sair ao terminar.
• Se a entrada foi bloqueada por muitas tentativas, espere os 15 minutos antes de tentar de novo.

Controle de Mudanças

Notas adicionais

As imagens usam as telas reais do NetCorp em um ambiente de demonstração. O endereço www.suaempresa.com.br, os e-mails e as contas “Administrador” e “Carla Souza” são exemplos fictícios, não dados de um cliente. Os números vermelhos foram acrescentados às figuras só para esta explicação; eles não aparecem no painel.

Os avisos da Figura 3 estão escritos exatamente como aparecem hoje na tela, inclusive sem acentos.

Contato de suporte: a preencher.

Referências

• NetCorp — tela de entrada e menu lateral do painel administrativo.
• [Guia] - Como ativar e usar o segundo fator (app autenticador).
• Modelo de página Informativo e blocos de conteúdo da base de conhecimento.

Conteúdo

O item Painel do menu é a primeira tela depois de entrar. Ele mostra como o site está indo: quantas pessoas visitaram, quantas entraram em contato, de onde elas vieram e o que mais procuraram.

Esta página explica o que significa cada número e cada aviso dessa tela. Os números das figuras são exemplos fictícios.

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.

Palavras usadas nesta tela

A tela inteira, por partes

A tela do Painel é longa. A figura abaixo mostra a tela toda, dividida nas partes explicadas nesta página. Role a tela para baixo para ver todas elas.

Figura 1 — O Painel completo, com cada parte numerada.

1. Cabeçalho — saudação, período escolhido e pessoas no site agora (Figura 2).
2. Resumo por e-mail — receber estes números por e-mail todo mês (Figura 2).
3. Destaques do período — três frases com o que mais chamou atenção (Figura 2).
4. Seu site em números — os quatro números principais (Figura 3).
5. Contatos gerados — por onde e de onde vieram os contatos (Figura 4).
6. Visitas ao longo do período — o gráfico de visitas por dia (Figura 5).
7. Como as pessoas navegaram — tempo e páginas por visita (Figura 6).
8. Como as pessoas encontram você — Google, redes sociais e outras origens (Figura 7).
9. O que mais chama atenção — as páginas e conteúdos mais vistos (Figura 8).
10. O que procuram no seu site — palavras digitadas na busca do site (Figura 9).
11. Onde está seu público — cidades e estados (Figura 10).
12. Quando seu público aparece — dias e horários com mais visitas (Figura 11).
13. Perfil do público — celular ou computador, e primeira visita ou retorno (Figura 12).

Cabeçalho, resumo por e-mail e destaques

Figura 2 — Parte de cima do Painel.

1. Saudação — mostra o nome da conta que entrou.
2. Período — diz quais dias entram nos números, como “últimos 30 dias (30 set a 29 out)”. O período sempre termina ontem: o dia de hoje fica de fora porque ainda não terminou.
3. Perfil e último acesso — o tipo de conta (Administrador ou Editor) e quando ela entrou no painel pela última vez.
4. Pessoas no site agora — quantas pessoas estiveram no site nos últimos 5 minutos. Esse número se atualiza sozinho a cada minuto, enquanto a tela está aberta. Quando ninguém está no site, o aviso some. Se aparecer Contagem ao vivo indisponível, a consulta falhou; não quer dizer que não há visitantes.
5. 7 dias, 30 dias e 90 dias — escolhem o tamanho do período. O botão azul é o escolhido. Todos os números da tela mudam para o período escolhido.
6. Receber este resumo por e-mail todo mês — explica que, no dia 1º de cada mês, o painel envia os números do mês anterior para o e-mail da conta. O resumo sempre usa o mês anterior inteiro, seja qual for o período escolhido na tela.
7. Quero receber — liga o envio do resumo para a sua conta. Depois de ligado, aparece “Você recebe no dia 1º de cada mês” e o botão Deixar de receber, que desliga o envio.
8. Destaque de origem — conta qual origem de visitas mais cresceu, como o Google. “15% mais visitas” quer dizer, por exemplo, passar de 1.000 para 1.150 visitas.
9. Destaque de conteúdo — a página ou o conteúdo mais visto no período. A mesma pessoa pode ter visto várias vezes.
10. Destaque de horário — o dia e o horário com mais visitas. Isso mostra quando o público aparece, mas não garante que publicar nesse horário traga mais contatos.

Os destaques só aparecem quando há dados suficientes. Se faltar a frase de crescimento, isso não quer dizer que as visitas caíram.

Seu site em números

Figura 3 — Os quatro números principais do período.

1. Contatos gerados — a soma das mensagens do formulário com os cliques em WhatsApp, telefone, e-mail e “Traçar rota”. Uma mesma visita pode ter clicado em mais de um, então 250 contatos não são necessariamente 250 pessoas diferentes.
2. Pessoas que visitaram — quantas pessoas diferentes visitaram o site (conta aproximada, veja “Palavras usadas nesta tela”). Quando essa conta não está disponível, o cartão mostra Visitas.
3. Visitas com contato — de cada 100 visitas, quantas fizeram pelo menos um contato. No exemplo, 6,7%: 200 de 3.000 visitas. Uma visita que usou dois canais conta uma vez só. Em alguns sites, este cartão aparece como Contatos por 100 visitas: aí a conta soma os canais e pode até passar de 100.
4. Páginas vistas — quantas vezes as páginas do site foram abertas no total.
5. Comparação — a seta e o número mostram a mudança em relação ao período anterior. Verde com seta para cima é subida; vermelho com seta para baixo é queda. Passar de 200 para 250 contatos é uma subida de 25%. Em porcentagens, como no cartão 3, a mudança aparece em pontos: passar de 5,6% para 6,7% é subir 1,1 ponto.
6. Linha pequena — mostra como o número variou dia a dia dentro do período. Cada cartão tem a sua escala. No cartão de pessoas, a linha mostra as pessoas de cada dia; quando o cartão mostra Visitas, mostra as visitas. Se faltar o dado de algum dia, a linha não aparece, em vez de mostrar uma queda que não aconteceu.
7. Em relação aos 30 dias anteriores — lembra com qual período as comparações foram feitas.

Se aparecer (parcial) ao lado de um número, algum canal de contato não pôde ser contado; a frase do cartão diz qual. Se a comparação não aparecer, faltaram dados do período anterior. Isso não quer dizer zero.

Contatos gerados

Figura 4 — Canais de contato e origem das visitas que fizeram contato.

1. WhatsApp — visitas que clicaram no botão ou no link do WhatsApp.
2. Formulário — mensagens enviadas pelo formulário de contato do site.
3. Telefone — visitas que clicaram no número de telefone.
4. E-mail — visitas que clicaram no endereço de e-mail.
5. “Traçar rota” — visitas que clicaram para ver como chegar até o endereço.
6. Aviso sobre cliques — lembra que um clique mostra a intenção de falar com você. Ele não confirma que a ligação, a conversa ou a visita aconteceu, nem que houve venda.
7. De onde vieram os contatos — como chegaram ao site as visitas que fizeram contato: pelo Google e outros buscadores, por redes sociais, digitando o endereço, por campanhas ou por outros sites. As porcentagens são só sobre os contatos, não sobre todas as visitas.
8. Mais converte — marca a origem em que uma parte maior das visitas virou contato. Uma origem pode trazer poucas visitas e, mesmo assim, ser a que mais converte.
9. Explicação da comparação — conta, em uma frase, por que aquela origem foi marcada.

As barras servem para comparar: a maior quantidade tem a barra mais comprida. As porcentagens são arredondadas e podem não somar exatamente 100%. Se aparecer Ainda não ativado neste site, essa contagem precisa ser ligada pelo suporte. O símbolo — quer dizer que o dado não pôde ser consultado.

Visitas ao longo do período

Figura 5 — Gráfico das visitas de cada dia.

1. Dia com mais visitas — a frase diz qual dia teve mais visitas e quantas foram.
2. Linha contínua — as visitas de cada dia do período escolhido.
3. Linha tracejada — as visitas do período anterior, para comparar. Os pontos ficam na mesma posição dentro do período (1º dia com 1º dia), não necessariamente no mesmo dia da semana.
4. Anotação — marca um acontecimento registrado nas estatísticas, como o início de uma campanha. Ela ajuda a lembrar o que aconteceu, mas não prova que foi a causa de uma mudança.
5. Quantidade de visitas — a escala do lado esquerdo.
6. Datas — os dias do período, da esquerda (mais antigo) para a direita (mais recente).
7. Detalhes de um dia — ao passar o mouse ou tocar no gráfico, aparece uma caixa com a data, as visitas daquele dia e, quando houver, as do mesmo dia do período anterior.

Se aparecer Faltam dados de N dias, as estatísticas não trouxeram esses dias: a linha fica interrompida neles. Isso não quer dizer que não houve visita. Na caixa de detalhes, esses dias aparecem como Sem dados deste dia.

Como as pessoas navegaram

Figura 6 — Como as visitas usaram o site.

1. Tempo médio por visita — quanto tempo, em média, cada visita ficou no site. Não quer dizer que todas ficaram esse tempo.
2. Páginas por visita — quantas páginas, em média, cada visita abriu. No exemplo, 9.000 páginas vistas divididas por 3.000 visitas dão 3,0.
3. Visitas sem interação — de cada 100 visitas, quantas abriram uma página e saíram sem clicar em mais nada. Quem abriu uma página e clicou no WhatsApp, por exemplo, não entra aqui.
4. Comparação — aqui, cair é bom: menos visitas sem interação aparece em verde. Passar de 34,0% para 28,4% é cair 5,6 pontos.
5. Explicação do cartão — uma frase curta lembra o que o número quer dizer.

As cores mostram se a mudança é boa para o painel, mas o contexto importa: uma visita curta pode ter achado o telefone logo de cara.

Como as pessoas encontram você

Figura 7 — De onde vieram as visitas.

1. Origem — o caminho por onde as visitas chegaram: Google e buscadores (pesquisaram e clicaram no site), Redes sociais, Direto (digitaram o endereço, usaram os favoritos ou não deu para saber a origem), Campanhas (links preparados para acompanhar uma divulgação) e Outros sites (links em outros sites, como parceiros e guias).
2. Barra — compara o tamanho de cada origem.
3. Visitas — quantas visitas vieram por aquela origem.
4. Comparação — quanto aquela origem subiu ou caiu em relação ao período anterior.
5. Redes sociais — quais redes trouxeram visitas, como Instagram e Facebook.
6. Sites que indicaram — os outros sites que têm um link para o seu e trouxeram visitas.
7. Campanhas — as divulgações acompanhadas, com as visitas e, quando possível, os contatos que cada uma trouxe. Contato aqui mostra interesse, não venda.
8. Buscadores — quais sites de busca trouxeram visitas, como Google e Bing.

Uma divulgação só aparece em Campanhas se o link dela foi preparado para esse acompanhamento. Posts e anúncios feitos sem esse preparo aparecem em outras origens.

O que mais chama atenção

Figura 8 — As páginas e os conteúdos mais vistos.

1. Imagem — a imagem principal do conteúdo. Quando não há imagem, aparece um desenho no lugar.
2. Título — o nome da página ou do conteúdo.
3. Tipo — se é Página, Produto, Serviço ou Artigo.
4. Visualizações — quantas vezes foi aberto, contando também as vezes em que a mesma pessoa voltou.
5. Comparação — quanto as visualizações subiram ou caíram em relação ao período anterior.
6. Editar — abre a página ou o conteúdo no painel para fazer mudanças. Nas páginas, aparece para qualquer conta; em produtos, serviços e artigos, só para administradores.
7. Porta de entrada — a primeira página que as visitas abriram ao chegar ao site. No exemplo, 55% das visitas começaram pela página Início.
8. Downloads — os arquivos baixados do site, como PDFs, e quantas vezes cada um foi baixado. Baixar não quer dizer que o arquivo foi lido, e a mesma pessoa pode ter baixado mais de uma vez.

O que procuram no seu site

Figura 9 — Palavras digitadas na busca do próprio site.

1. Palavra buscada — o que as pessoas digitaram na busca do site. Não são pesquisas feitas no Google.
2. Quantidade — quantas buscas tiveram aquela palavra. A mesma pessoa pode ter buscado várias vezes.
3. Sem resultado: oportunidade — algumas buscas por essa palavra não encontraram nada no site. Nessa linha, o número mostra só as buscas sem resultado. Pode ser um assunto que ainda não está no site, ou um conteúdo difícil de achar.
4. Dica — sugere criar uma página ou um conteúdo sobre os assuntos que não tiveram resultado.

A lista mostra no máximo seis palavras, não todas as buscas.

Onde está seu público

Figura 10 — Cidades e estados de onde vieram as visitas.

1. Posição — a ordem das cidades, da que teve mais visitas para a que teve menos.
2. Cidade e barra — o nome da cidade e uma barra para comparar com as outras.
3. Porcentagem — a parte das visitas do período que veio daquela cidade. No exemplo, 35% das visitas vieram de São Paulo.
4. Outras cidades — todas as cidades que ficaram fora da lista, junto com as visitas em que não deu para saber a cidade.
5. Estados — a mesma conta, agrupada por estado. Cidades e estados são duas formas de ver as mesmas visitas: não some as porcentagens de um com as do outro.

Se aparecer Ainda são poucas visitas, o site ainda não tem visitas suficientes (cerca de 100) para mostrar essa parte.

Quando seu público aparece

Figura 11 — Dias e horários com mais visitas.

1. Horário com mais visitas — o dia e a faixa de horário mais movimentados.
2. Quadro de dias e horários — cada linha é um dia da semana e cada coluna é uma faixa de três horas, das 6h à meia-noite. Quanto mais escuro o azul, mais visitas naquele dia e horário. Ao passar o mouse sobre um quadrinho, aparece o dia, o horário e a quantidade.
3. Menos / Mais — a legenda das cores, do mais claro (menos visitas) ao mais escuro (mais visitas).

Visitas entre meia-noite e 6h ficam fora do quadro. No celular, as faixas aparecem juntas como Manhã, Tarde e Noite. Se aparecer Precisamos de umas duas semanas de visitas, ainda faltam dados (cerca de 100 visitas). Se aparecer Mapa aproximado, o quadro usa só as visitas mais recentes informadas no aviso.

Perfil do público

Figura 12 — Aparelhos usados e visitas novas ou de retorno.

1. Aparelho usado — quantas visitas foram feitas pelo celular e quantas pelo computador. Tablets entram junto com celular.
2. Legenda — a cor e a porcentagem de cada grupo. A parte mais escura do círculo é o primeiro item da legenda.
3. Primeira vez ou voltaram — quantas visitas eram de quem chegou ao site pela primeira vez e quantas eram de quem já tinha visitado antes.

Se muita gente usa celular, vale conferir sempre como o site aparece numa tela pequena. Se aparecer Em breve, ainda faltam visitas (cerca de 100) para mostrar os gráficos.

Avisos que podem aparecer

Dicas

• Visitas, pessoas e páginas vistas são contas diferentes. Compare sempre a mesma conta entre períodos.
• Contato no painel é um clique ou uma mensagem: não comprova conversa ou venda.
• Uma subida ou queda sozinha não explica a causa. Olhe as outras partes da tela juntas.
• Use as palavras com Sem resultado como ideias de novos conteúdos para o site.

Controle de Mudanças

Notas adicionais

As imagens usam as telas reais do NetCorp em um ambiente de demonstração. Todos os números, nomes de páginas, cidades, campanhas e palavras buscadas são exemplos fictícios, criados só para esta explicação; não são resultados de um cliente. Os números vermelhos foram acrescentados às figuras e não aparecem no painel.

Os resultados reais dependem da configuração das estatísticas de cada site. As porcentagens são arredondadas.

Contato de suporte: a preencher.

Referências

• NetCorp — tela Painel (resultados do site) do painel administrativo.
• Modelo de página Informativo e blocos de conteúdo da base de conhecimento.

Conteúdo

A área Páginas reúne as páginas que formam o site, como Início, Sobre a empresa e Contato. Aqui se vê o endereço de cada página, se ela está aparecendo para os visitantes e se está no menu do site. Daqui também se cria, publica, tira do ar e exclui páginas.

Para mudar os textos e as imagens de uma página, abre-se o editor da página. O editor é explicado na página “Editor de páginas”.

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.

A lista de páginas

Ao abrir a área, as páginas aparecem em lista, uma por linha.

Figura 1 — A área Páginas, em lista.

1. Criar página — abre a janela para criar uma página nova (Figuras 4 e 5).
2. Buscar por nome ou endereço… — procura uma página pelo nome ou pelo endereço, como “sobre”. O X dentro do campo apaga o que foi digitado.
3. Todas, Publicadas e Rascunhos — mostram só as páginas daquela situação. O número pequeno ao lado é o total de cada grupo. A busca e o filtro funcionam juntos.
4. Lista e Grade — mudam a forma de ver as mesmas páginas: em linhas (lista) ou em cartões com uma miniatura (grade, Figura 2).
5. Contador — quantas páginas estão aparecendo agora. Ele diminui conforme a busca e o filtro.
6. Caixa do título — marca de uma vez todas as páginas que estão aparecendo, para fazer algo com todas juntas (Figura 3).
7. Casinha — aparece no lugar da caixa de marcar na página principal. A página principal não pode ser marcada, excluída nem tirada do ar.
8. Nome da página — clicar no nome abre o editor da página.
9. No menu do site — a página está no menu que aparece no topo do site. Publicar uma página não a coloca no menu sozinha: o menu é ajustado em Configurações › Menu.
10. Endereço no site — a parte final do endereço da página, como /sobre. Para o visitante, o endereço completo fica como www.suaempresa.com.br/sobre. A página principal usa só a barra (/).
11. Principal — é a página inicial do site, que abre quando alguém digita só o endereço do site.
12. Publicada — a página está no ar, aparecendo para os visitantes. Clicar no botão tira a página do ar na hora (vira Rascunho), sem precisar abrir o editor.
13. Rascunho — a página está guardada no painel, mas os visitantes não a veem. Clicar no botão coloca a página no ar.
14. Lápis (Editar) — abre o editor da página, igual a clicar no nome.
15. Lixeira (Excluir) — abre a confirmação para excluir a página (Figura 6). Na página principal a lixeira fica apagada.

Depois de clicar em Publicada ou Rascunho, aparece um recado confirmando a mudança. Quando o recado tem Desfazer, ele volta a página para a situação anterior. O Desfazer serve só para essa mudança; ele não recupera uma página excluída.

A lista mostra até 10 páginas por vez. Com mais páginas, aparecem setas para passar de uma parte para outra. O aviso Nenhuma página encontrada quer dizer só que a busca ou o filtro não achou nada.

As páginas em grade

Figura 2 — As mesmas páginas vistas em grade.

1. Miniatura — nas páginas publicadas, mostra uma pequena prévia de como a página está no site.
2. Símbolo de rascunho — páginas em rascunho mostram um desenho de folha no lugar da miniatura, porque ainda não estão no site.
3. Principal — selo da página inicial do site.
4. No menu do site — selo das páginas que estão no menu do site.
5. Círculo de seleção — marca a página, como a caixa da lista.
6. Selecionar todos — marca todas as páginas que estão aparecendo.

O resto do cartão tem as mesmas informações e botões da lista: nome, endereço, Publicada ou Rascunho, lápis e lixeira.

Marcar várias páginas

Quando uma ou mais páginas são marcadas, uma faixa azul aparece no lugar da busca e dos filtros, com ações para todas as marcadas.

Figura 3 — Ações para as páginas marcadas.

1. Selecionados — quantas páginas estão marcadas.
2. Limpar seleção — desmarca todas. Nada muda nas páginas.
3. Publicar — coloca no ar as páginas marcadas que estão em rascunho. O número entre parênteses diz quantas vão mudar de verdade.
4. Despublicar — tira do ar as páginas marcadas que estão publicadas. O número diz quantas vão mudar. Se nenhuma marcada puder mudar, o botão fica apagado.
5. Excluir — abre a confirmação para excluir todas as marcadas (Figura 6).
6. Página marcada — a caixa marcada e a linha em azul mostram que a página faz parte da seleção.

Criar uma página: escolher o modelo

O botão Criar página abre uma janela. A página nova sempre nasce como rascunho: ela só aparece no site depois de publicada.

Figura 4 — Os modelos para começar uma página.

1. Em branco — começa uma página vazia, para montar parte por parte. É o modelo escolhido quando a janela abre.
2. Os outros modelos — cada um já monta as partes mais comuns daquele tipo de página. Clique no modelo para escolhê-lo; ele fica com a borda azul.
3. Aviso do modelo — lembra que o modelo só monta o começo. Depois, no editor, tudo pode ser trocado, tirado ou acrescentado.

Escolher o modelo Inicial não transforma a página na página principal do site. Isso é feito à parte, nas configurações da página, dentro do editor.

Criar uma página: nome e endereço

Mais abaixo, na mesma janela, ficam o nome e o endereço da página nova.

Figura 5 — Nome, endereço e confirmação da página nova.

1. Nome da página — o nome que aparece no painel. Ele também pode ser usado no menu do site.
2. Endereço no site — é preenchido sozinho a partir do nome (“Equipe” vira /equipe), mas pode ser mudado. Se o endereço já for de outra página, aparece logo abaixo o aviso “Já existe uma página nesse endereço. Escolha outro.”. Alguns endereços são reservados pelo próprio sistema e também são recusados.
3. Resumo — confirma o endereço e o modelo escolhidos e lembra que a página será criada como rascunho.
4. Cancelar — fecha a janela sem criar nada.
5. Criar e editar — cria a página e abre o editor dela. O botão fica apagado enquanto o nome tem menos de duas letras ou o endereço já está em uso.

Excluir ou só tirar do ar

A lixeira, ou o botão Excluir da faixa de seleção, abre uma confirmação antes de apagar.

Figura 6 — Confirmação de exclusão de uma página.

1. Pergunta e aviso — confirma qual página será excluída e avisa que ela sai do site e do painel. Links que apontam para ela, em outros sites ou em mensagens já enviadas, deixam de funcionar.
2. Página que será excluída — o nome e o endereço de cada página que vai ser apagada.
3. Aviso do menu — aparece quando a página está no menu do site. O item do menu continua lá e vai parar de funcionar; para tirá-lo, vá em Configurações › Menu.
4. Só despublicar — em vez de apagar, só tira a página do ar. Ela continua guardada no painel e pode ser publicada de novo depois. Aparece quando há página publicada entre as que serão excluídas.
5. Cancelar — fecha a janela sem mudar nada.
6. Excluir página — apaga a página para sempre. Não há como desfazer.

Quem pode fazer o quê

Para o Editor, a lista mostra só os selos Publicada, Rascunho ou Principal, sem botões de mudar, sem caixas de marcar e sem lixeira. O sistema confere o perfil da conta a cada ação: esconder o botão não é a única proteção.

Dicas

• Na dúvida entre excluir e tirar do ar, use Só despublicar: a página continua guardada.
• Depois de publicar uma página nova, confira se ela precisa entrar no menu, em Configurações › Menu.
• Evite mudar o endereço de uma página já divulgada: links antigos deixam de funcionar.

Controle de Mudanças

Notas adicionais

As imagens usam as telas reais do NetCorp em um ambiente de demonstração. O endereço www.suaempresa.com.br, as páginas e o menu 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.

Referências

• NetCorp — área Páginas do painel administrativo.
• Modelo de página Informativo e blocos de conteúdo da base de conhecimento.

Conteúdo

O editor de páginas abre quando se clica no nome ou no lápis de uma página, na área Páginas. Ele mostra a página do jeito que o visitante vai ver e, ao lado, os campos para mudar textos, imagens e botões.

Toda página é montada em blocos. Um bloco é uma parte da página, como “texto com imagem”, “galeria de fotos” ou “formulário de contato”. Os blocos ficam um embaixo do outro, e cada um tem os seus próprios campos.

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.

Barra superior

Figura 1 — Barra no alto do editor.

1. Páginas — volta para a lista de páginas.
2. Nome da página — qual página está aberta.
3. Salvo — está tudo gravado. Quando algo é mudado e ainda não foi salvo, aparece Alterações não salvas.
4. Desfazer e Refazer — voltam ou repetem a última mudança feita nesta edição. Ficam apagados quando não há o que desfazer ou refazer. Eles não recuperam páginas excluídas nem versões antigas já salvas.
5. Computador, Tablet e Celular — mudam a largura da prévia, para ver como a página fica em cada tipo de tela. Não mudam nada na página em si.
6. Ver no site — abre a página publicada em outra aba do navegador. Aparece só se a página estiver publicada. Atenção: o site mostra a última versão salva, não as mudanças que ainda não foram salvas.
7. Salvar — grava todas as mudanças. Se a página está publicada, as mudanças passam a aparecer no site na hora.
8. X (Fechar editor) — fecha o editor e volta para a lista de páginas.

Se houver mudanças não salvas e você tentar sair, fechar ou recarregar, o editor pergunta antes: “Há alterações não salvas nos blocos. Continuar e perdê-las?”.

Prévia e painel lateral

Figura 2 — A prévia da página e o painel ao lado.

1. Tamanho da prévia — mostra a largura usada no momento: Computador · 1280px, Tablet · 760px ou Celular · 390px. À direita, lembra que basta clicar em um bloco para editá-lo.
2. Prévia — a página como o visitante vai ver, já com as mudanças feitas. A prévia muda na hora, mas nada vai para o site antes de clicar em Salvar. Clicar em um bloco da prévia abre os campos dele no painel.
3. Abas Blocos, Editar e Configurações — organizam o painel. Blocos serve para acrescentar blocos (Figura 3); Editar mostra os blocos da página e os seus campos (Figuras 4 e 5); Configurações reúne os ajustes da página inteira (Figuras 6 e 7). O número junto de Editar é a quantidade de blocos da página.
4. Nenhum bloco selecionado — aviso de que ainda não foi escolhido um bloco para editar.
5. Lista de blocos — os blocos da página, na mesma ordem em que aparecem no site. Clicar em um deles abre os campos daquele bloco.

Aba Blocos: acrescentar partes à página

Figura 3 — Lista de blocos que podem ser acrescentados.

1. Blocos — a aba que mostra os tipos de bloco. Aparece só para administradores.
2. Onde o bloco entra — diz onde o bloco novo vai ficar. Sem nenhum bloco escolhido, ele entra no fim da página; com um bloco escolhido, entra logo abaixo dele.
3. Buscar por nome ou uso — procura um tipo de bloco pelo nome ou pelo que ele faz, como “imagem”, “contato” ou “lista”.
4. Tipo de bloco — cada opção mostra o nome e, embaixo, para que serve.
5. Sinal de mais — acrescenta aquele bloco na página. Clicar em qualquer parte da opção faz o mesmo.

Extensões instaladas no site podem acrescentar outros tipos de bloco a essa lista.

Aba Editar: o bloco escolhido

Ao clicar em um bloco, na prévia ou na lista, o painel mostra os campos daquele bloco e a prévia destaca o bloco com uma borda azul.

Figura 4 — Um bloco escolhido para editar.

1. Barra do bloco — aparece em cima do bloco escolhido, na prévia. Mostra o nome do bloco e três botões: Mover para cima, Mover para baixo e Remover. Aparece só para administradores. O botão de mover fica apagado quando o bloco já é o primeiro ou o último.
2. Bloco selecionado — o tipo do bloco que está aberto, como Texto com imagem.
3. Posição — onde o bloco está na página, como “1 de 2” (o primeiro de dois blocos).
4. Todos os blocos — volta para a lista de blocos da página.
5. Imagem ou vídeo — a imagem usada no bloco. Biblioteca escolhe um arquivo que já está na Mídia; Enviar arquivo envia um arquivo novo do computador; Remover tira a imagem só deste campo (o bloco continua na página e o arquivo continua na Mídia).
6. Ocultar imagem — esconde a imagem deste bloco no site, sem apagá-la do campo.
7. Fundo — a cor de fundo deste bloco: Claro, Escuro ou Suave. A opção escolhida fica em destaque.

Aba Editar: mais campos do bloco

Os campos mudam de acordo com o tipo de bloco. A figura continua o exemplo do bloco Texto com imagem, rolando o painel para baixo.

Figura 5 — Outros campos do mesmo bloco.

1. Formato da imagem — o formato em que a imagem aparece: alta (retrato), quadrada ou larga (paisagem).
2. Posição da imagem — se a imagem fica à direita ou à esquerda do texto.
3. Texto do botão — o que vai escrito no botão, como “Conheça a loja”.
4. Endereço do botão — para onde o botão leva, como /contato (uma página do próprio site) ou o endereço completo de outro site. No bloco Texto com imagem, o botão só aparece no site quando os dois campos de botão estão preenchidos.
5. Título — o título do bloco.
6. Conteúdo — o texto do bloco. A barrinha de cima permite usar títulos, negrito, itálico, riscado e linha divisória; os três pontinhos mostram mais opções. O campo aceita negrito, itálico, títulos, listas e links.
7. Remover bloco — tira o bloco inteiro da página. Aparece só para administradores. A remoção, assim como mudar a ordem, só vale no site depois de Salvar.

Alguns blocos têm listas de itens repetidos, como as fotos de uma galeria ou as perguntas de um bloco de Perguntas frequentes. Nesses casos, o painel mostra botões para acrescentar, mover e remover cada item.

Se um bloco aparecer como Bloco indisponível, o tipo dele não está instalado ou foi desligado. As informações continuam guardadas, mas o bloco não aparece no site.

Configurações: a página inteira

A aba Configurações tem ajustes que valem para a página toda, não para um bloco só.

Figura 6 — Identificação, publicação e Google.

1. Aviso — lembra que estes ajustes valem para a página inteira.
2. Título da página — o nome da página. Ele aparece no menu e no topo da página.
3. Endereço no site — a parte final do endereço, como /sobre. Mudar o endereço faz os links já divulgados e os itens do menu pararem de funcionar. Na página principal, o endereço é sempre / e não pode ser mudado.
4. Página publicada — liga ou desliga a página no site. Aqui, a mudança só vale depois de Salvar. A página principal precisa ficar sempre publicada.
5. Título para o Google — o título que aparece nos resultados de busca. É opcional: se ficar vazio, o site usa o título da página com o nome do site. Se for preenchido, aparece exatamente como foi escrito. O ideal é até 60 letras.
6. Descrição para o Google — um resumo da página para os resultados de busca. É opcional: se ficar vazio, o site usa a descrição padrão de Configurações › SEO (SEO é a área dos ajustes para sites de busca). O ideal é até 160 letras, porque o Google corta o resto.

Figura 7 — Compartilhamento e ações sobre a página.

1. Imagem ao compartilhar (WhatsApp, Facebook, LinkedIn) — a imagem que aparece quando alguém compartilha o endereço da página. Aceita JPG, PNG ou WebP; o tamanho ideal é 1200 × 630. Se ficar vazia, usa a imagem padrão de Configurações › SEO.
2. Não mostrar esta página no Google — pede aos sites de busca para não listarem a página. Ela continua no ar para quem tem o link: isso não esconde nem protege a página. Esta opção não aparece na página principal.
3. Página principal — Tornar principal — faz desta página a página inicial do site. A antiga principal ganha outro endereço automaticamente, o que pode mudar para onde apontam links e itens do menu.
4. Excluir página — Excluir página — apaga a página para sempre.

As duas ações dos itens 3 e 4 pedem confirmação e acontecem na hora, sem depender do botão Salvar. Se houver mudanças não salvas, o editor avisa que elas serão perdidas. Elas aparecem só para administradores e não aparecem na página que já é a principal.

Salvar e avisos

O botão Salvar grava tudo de uma vez: textos, imagens, blocos acrescentados ou removidos, a ordem dos blocos e os ajustes da aba Configurações. Uma página em rascunho continua em rascunho até que Página publicada seja ligada e a página seja salva.

A mensagem Os blocos foram salvos, mas os ajustes não quer dizer que o conteúdo foi gravado, mas algum ajuste da página foi recusado. A mensagem explica o motivo, e os ajustes recusados não passam a valer.

Quem pode fazer o quê

Dicas

• Use os botões Computador, Tablet e Celular para conferir a página antes de salvar.
• Lembre que a prévia mostra mudanças ainda não salvas; o site só muda depois de Salvar.
• Evite mudar o endereço de uma página já divulgada.
• Para tirar uma imagem de um bloco, use Remover no campo; para tirar o bloco inteiro, use Remover bloco.

Controle de Mudanças

Notas adicionais

As imagens usam as telas reais do NetCorp em um ambiente de demonstração. A página “Sobre a empresa”, os textos e as imagens 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.

Referências

• NetCorp — editor de páginas do painel administrativo.
• Modelo de página Informativo e blocos de conteúdo da base de conhecimento.

Conteúdo

A área Conteúdos reúne os cadastros que aparecem no site: produtos, serviços e artigos. Cada cadastro tem as suas próprias informações, como preço, fotos ou texto, e pode ser organizado em categorias. As páginas do site mostram esses cadastros em listas e destaques.

Aqui se cria, publica, destaca, organiza e exclui conteúdos. Para mudar as informações de um conteúdo, abre-se o editor dele, explicado na página “Editor de conteúdos”.

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.

A lista de conteúdos

Figura 1 — A área Conteúdos, em lista.

1. Criar conteúdo — abre a janela para criar um produto, serviço ou artigo novo (Figura 5).
2. Todos, Produtos, Serviços e Artigos — mostram só um tipo de conteúdo. O número pequeno é quantos cadastros existem de cada tipo. Extensões instaladas podem acrescentar outros tipos.
3. Buscar por título… — procura conteúdos pelo título. Digite e aperte Enter para buscar. Com uma busca feita, aparece a opção de limpar.
4. Todas, Publicados e Rascunhos — mostram só os conteúdos daquela situação, dentro do tipo escolhido.
5. Lista e Grade — mudam a forma de ver os mesmos conteúdos (Figura 2).
6. Contador — quantos conteúdos estão aparecendo do total, como “6 de 6 itens”.
7. Título — o nome do conteúdo. Clicar nele abre o editor. A bolinha colorida ao lado mostra o tipo: azul para produto, verde para serviço e laranja para artigo.
8. Endereço — o endereço do conteúdo no site, como /artigos/como-organizar-seu-espaco.
9. Classificação — as categorias e as tags do conteúdo (Figuras 3, 6 e 8). Se não tiver nenhuma, aparece “Sem classificação”.
10. Tipo — se é Produto, Serviço ou Artigo.
11. Publicado ou Rascunho — publicado aparece no site; rascunho fica só no painel. Clicar no botão muda na hora, sem abrir o editor.
12. Estrela (Destacar) — estrela cheia quer dizer que o conteúdo está em destaque. Clicar liga ou desliga o destaque.
13. Atualizado — a data da última mudança. Se o conteúdo nunca foi mudado, mostra a data em que foi criado.
14. Lápis (Editar) — abre o editor do conteúdo.
15. Lixeira (Excluir) — abre a confirmação para excluir (Figura 9).

Destaque deixa o conteúdo disponível para as partes do site que mostram itens em destaque, como o bloco Destaques. Destacar não publica um rascunho.

Depois de mudar Publicado, Rascunho ou o destaque, aparece um recado de confirmação. Quando ele tem Desfazer, volta a mudança. O Desfazer não recupera conteúdo excluído.

Um conteúdo publicado com data de publicação no futuro só aparece no site a partir daquela data. Mesmo assim, na lista ele já conta como Publicado.

Os conteúdos em grade

Figura 2 — Os mesmos conteúdos vistos em grade.

1. Imagem — a imagem principal do conteúdo, com o tipo no canto e o círculo para marcar. Sem imagem, aparece um desenho no lugar.
2. Título e endereço — o nome e o endereço no site.
3. Classificação — as categorias e tags do conteúdo, com a data da última mudança ao lado.
4. Situação e destaque — os mesmos botões Publicado/Rascunho e estrela da lista.
5. Lápis e lixeira — editar ou excluir.

Filtrar por categoria

Quando se escolhe um tipo, como Produtos, aparece a faixa Classificação.

Figura 3 — Filtro de categoria dos produtos.

1. Tipo escolhido — a aba Produtos aberta. Os filtros de classificação dependem do tipo.
2. Categoria — mostra só os conteúdos de uma categoria. Nos artigos, também aparece o filtro de tags.
3. Gerenciar categorias — abre a janela das categorias daquele tipo (Figura 6). Nos artigos, também há Gerenciar tags.
4. Categoria do conteúdo — a categoria de cada produto aparece na coluna Classificação.

A busca, a situação e a classificação funcionam juntas. Uma lista vazia quer dizer só que nada combinou com os filtros escolhidos; nada foi apagado.

Marcar vários conteúdos

Figura 4 — Ações para os conteúdos marcados.

1. Selecionados — quantos conteúdos estão marcados.
2. Limpar seleção — desmarca todos, sem mudar nada.
3. Publicar — coloca no site os marcados que estão em rascunho. O número entre parênteses diz quantos vão mudar de verdade.
4. Despublicar — tira do site os marcados que estão publicados.
5. Tirar destaque — desliga a estrela dos marcados que estão em destaque.
6. Excluir — abre a confirmação para excluir todos os marcados.

Um botão fica apagado quando nenhum dos marcados precisa daquela mudança.

Criar um conteúdo

Figura 5 — Dados iniciais de um conteúdo novo.

1. Tipo de conteúdo — escolha se é Produto, Serviço ou Artigo. O tipo define quais informações o cadastro vai ter.
2. Título — o nome do conteúdo.
3. Slug — a parte final do endereço no site. “Mesa compacta” vira mesa-compacta. Se ficar vazio, é criado a partir do título.
4. Categoria — aparece depois de escolher o tipo. Pode ficar como Nenhuma. Nos artigos, também é possível marcar tags. Se o tipo ainda não tiver categorias, a janela avisa e oferece o caminho para criá-las.
5. Cancelar — fecha sem criar nada.
6. Criar e editar — cria o conteúdo como rascunho e abre o editor para completar as informações. Criar não publica.

Categorias

A janela de categorias mostra as categorias do tipo escolhido. As categorias de Produtos são separadas das de Serviços e das de Artigos.

Figura 6 — Categorias dos produtos.

1. Buscar categoria — procura uma categoria pelo nome.
2. Selecionar todos — marca todas as categorias que podem ser excluídas, para excluir de uma vez.
3. Nome e endereço — o nome da categoria e, em cinza, a parte do endereço usada no site.
4. Em uso — quantos conteúdos usam aquela categoria, como “3 produtos”. Uma categoria em uso não pode ser excluída, por isso não tem caixa de marcar.
5. Nenhum — nenhum conteúdo usa a categoria. Ela pode ser excluída.
6. Lápis (Renomear) — abre os campos para mudar o nome e o endereço (Figura 7).
7. Lixeira — exclui a categoria, depois de uma confirmação. Excluir uma categoria não exclui os conteúdos.
8. Nova categoria e Adicionar — escreva o nome e clique em Adicionar para criar. O endereço é gerado a partir do nome.
9. Contador — quantas categorias o tipo tem.
10. Concluir — fecha a janela.

As mudanças nesta janela valem na hora, sem depender de salvar um conteúdo. Ela é usada só por administradores.

Renomear uma categoria

Figura 7 — Mudando o nome de uma categoria.

1. Nome — o novo nome da categoria.
2. Endereço — a parte do endereço usada no site. Mudar o endereço de uma categoria já divulgada pode quebrar links antigos.
3. Salvar — grava o nome e o endereço.
4. Cancelar — volta sem mudar nada.

Tags dos artigos

Tags são palavras que ajudam a identificar os assuntos de um artigo. Um artigo pode ter várias tags.

Figura 8 — Tags dos artigos.

1. Artigos — o tipo de conteúdo a que as tags pertencem.
2. Tag — o nome e o endereço da tag.
3. Em uso — quantos artigos usam a tag.
4. Nova tag — cria uma tag nova.

A janela funciona igual à de categorias: busca, renomear, excluir só o que não está em uso. Para colocar tags em um artigo, use as configurações do próprio artigo, no editor.

Excluir ou só tirar do ar

Figura 9 — Confirmação de exclusão de um conteúdo.

1. Pergunta e aviso — o conteúdo sai do site e do painel. As imagens dele continuam na Mídia: excluir o conteúdo não apaga os arquivos.
2. Conteúdo que será excluído — o nome e o tipo de cada item.
3. Aviso de publicado — diz quantos itens estão publicados e lembra que dá para só tirá-los do site.
4. Só despublicar — em vez de apagar, só tira do site. O cadastro continua no painel.
5. Cancelar — fecha sem mudar nada.
6. Excluir — apaga o conteúdo para sempre. O endereço dele deixa de funcionar.

Quem pode fazer o quê

Atenção: hoje, uma conta Editor consegue abrir o editor de um conteúdo, mas o sistema recusa quando ela tenta salvar. Gravar mudanças em produtos, serviços e artigos é permitido só a administradores.

Dicas

• Na dúvida entre excluir e tirar do ar, use Só despublicar.
• Crie as categorias antes de cadastrar muitos conteúdos; fica mais fácil organizar.
• Destaque só os conteúdos mais importantes: assim o bloco Destaques fica mais útil.

Controle de Mudanças

Notas adicionais

As imagens usam as telas reais do NetCorp em um ambiente de demonstração. Os produtos, serviços, artigos, categorias e tags 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.

Referências

• NetCorp — área Conteúdos do painel administrativo.
• Modelo de página Informativo e blocos de conteúdo da base de conhecimento.

Conteúdo

O editor de conteúdos abre quando se clica no título ou no lápis de um produto, serviço ou artigo, na área Conteúdos. À esquerda fica a prévia, mostrando como o conteúdo vai aparecer no site; à direita ficam os campos, em três abas: Conteúdo, Layout e Configurações. O editor abre na aba Conteúdo.

Os campos mudam conforme o tipo. Esta página mostra os campos de cada tipo; as páginas “Produtos”, “Serviços” e “Artigos” explicam como cada um aparece no site.

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 do editor

A barra de cima funciona igual à do editor de páginas: Desfazer e Refazer, Computador, Tablet e Celular, Ver no site, Salvar e o X para fechar. A figura marca o que é próprio deste editor.

Figura 1 — Editor de um produto.

1. Produtos — volta para a lista do tipo aberto (Produtos, Serviços ou Artigos).
2. Aviso da prévia — “Prévia: nada muda no site até salvar”. A prévia já mostra as mudanças, mas o site só muda depois de clicar em Salvar.
3. Conteúdo, Layout e Configurações — as três abas do painel. Conteúdo tem textos, informações e imagens deste item; Layout tem o desenho das seções da página, que vale para todos os itens do tipo; Configurações tem categoria, endereço, publicação e Google.
4. Título — o nome do produto, serviço ou artigo. Aparece na lista do painel e na página do item no site.
5. Resumo — um texto curto. Aparece nas listagens do site e nos resultados de busca.
6. Conteúdo principal — a descrição completa. Em produtos e serviços, a barrinha tem negrito, itálico e listas. Em artigos, tem mais opções (Figura 5).

Informações de um produto

Rolando a aba Conteúdo de um produto, aparecem as informações de venda.

Figura 2 — Informações de um produto.

1. Preço — o valor, só em números. No exemplo, 890.00 aparece no site como R$ 890,00.
2. Unidade de venda — o que vem depois do preço, como / unidade, / kg ou / m³.
3. Condição de pagamento — um texto livre, como “À vista ou em até 6 vezes”.
4. Endereço — Rua, Número, Complemento, Bairro, Cidade, Estado e CEP, campo a campo, quando fizer sentido para o produto. Com Ocultar o mapa da localização ligado na aba Layout, esses campos ficam cinza e sem edição, com o aviso “Mapa oculto na aba Layout: o endereço não aparece no site. Desligue "Ocultar o mapa" para editar.” O que já estava preenchido continua guardado.
5. Exibição do preço — Exibir preço mostra o valor; Sob consulta mostra as palavras “Sob consulta” no lugar do valor.
6. Texto do botão de contato — o que vai escrito no botão, como “Quero este produto”.
7. Características — uma lista de pares Nome e Valor, como Material: Madeira ou Largura: 120 cm. Forma a ficha do produto. O número no canto (“3 itens”) mostra quantas características existem. Como usar listas está na Figura 4.

Informações de um serviço

Figura 3 — Informações de um serviço.

1. Preço — o valor do serviço, só em números.
2. Cobrança — se o valor é por Pagamento único, Mensal ou Anual.
3. Exibição do preço — Exibir preço ou Sob consulta, como no produto.
4. Texto do botão de contato — o que vai escrito no botão, como “Pedir orçamento”.
5. Itens inclusos — a lista do que o serviço oferece. Cada item tem Título e Descrição.

Listas de itens: características, itens inclusos e etapas

Alguns campos são listas, com vários itens. Todos funcionam do mesmo jeito. A figura usa as etapas de um serviço como exemplo.

Figura 4 — Lista de etapas de um serviço.

1. Introdução das etapas — um texto opcional que apresenta como o serviço funciona.
2. Etapas (como funciona) — o nome da lista e, no canto, quantos itens ela tem.
3. Item — o cabeçalho do item, com o número e o título, como “Item 1 · Conversa inicial”. Clicar nele abre ou fecha o item.
4. Setas — mudam a ordem: ↑ sobe o item, ↓ desce o item.
5. X — tira o item da lista.
6. Título — o nome da etapa.
7. Descrição — a explicação da etapa.
8. Prazo — opcional, como “Dia 1” ou “Até 3 dias”.
9. Adicionar — cria um item novo no fim da lista.

Nas características do produto, cada item tem Nome e Valor; nos itens inclusos, Título e Descrição. As mudanças na lista só valem no site depois de Salvar. Partes sem informação não aparecem no site.

Informações de um artigo

Figura 5 — Editor de um artigo.

1. Barra de formatação do artigo — títulos (H), negrito, itálico, riscado, linha divisória e mais opções nos três pontinhos.
2. Autor — o nome de quem escreveu o artigo.
3. Legenda da imagem principal — o texto que aparece com a foto principal. Pode trazer o crédito da foto.
4. Autor, data e tempo de leitura — na prévia, aparecem o autor, a data de publicação (ou de criação, se não houver) e uma estimativa de minutos de leitura, calculada a partir do texto.
5. Neste artigo — quando o texto usa títulos (botão H), o site monta sozinho um índice com eles.

Imagens

Mais abaixo, na aba Conteúdo, ficam as imagens. A figura mostra as de um produto.

Figura 6 — Imagem destacada e galeria.

1. Imagem destacada — a imagem principal do conteúdo, usada nas listas e no topo da página do item.
2. Biblioteca — escolhe uma imagem que já está na Mídia.
3. Enviar arquivo — envia uma imagem nova do computador.
4. Remover — tira a imagem deste campo. O arquivo continua na Mídia.
5. Galeria — fotos extras do conteúdo.
6. X da foto — tira aquela foto da galeria (o arquivo continua na Mídia).
7. Adicionar da biblioteca — acrescenta à galeria fotos que já estão na Mídia.
8. Enviar imagem ou vídeo — envia um arquivo novo para a galeria. No produto, a galeria aceita também vídeo.
9. Limpar seleção — limpa a escolha feita no botão de envio, antes de usá-la.

Produtos e artigos têm galeria; serviços têm só a imagem destacada. No modelo atual da página de artigo, a galeria não aparece para o visitante; só a imagem principal. As imagens escolhidas são gravadas ao Salvar.

Configurações: categoria e tags

Figura 7 — Classificação de um artigo.

1. Tag — marque uma ou mais tags. Só artigos têm tags.
2. Categoria — escolha uma categoria na lista, ou Nenhuma.

Se o tipo ainda não tiver categorias ou tags, aparece “Nenhum termo cadastrado”. Elas são criadas na área Conteúdos, em Gerenciar categorias e Gerenciar tags.

Layout: as seções da página, para todo o tipo

A aba Layout escolhe como as seções da página do item são desenhadas no site. Ela avisa: “Vale para todos os produtos: ao salvar, a mudança aparece em todos” (ou serviços, ou artigos). Não existe layout diferente para um item só: mudar aqui, ao salvar qualquer item, muda a página de todos os itens daquele tipo.

As opções de relacionados são as mesmas do bloco Coleção: Grade, Lista horizontal (um embaixo do outro; o resto em slide) ou Carrossel (os cartões numa fileira só); 2, 3 ou 4 itens por vez; imagem 4:3, 1:1, 16:9 ou 3:4. As páginas “Produtos”, “Serviços” e “Artigos” mostram o efeito de cada opção. A prévia já mostra o layout escolhido antes de salvar.

Configurações: endereço, data e publicação

Figura 8 — Ajustes de publicação de um produto.

1. Aviso — “Vão para o site junto com o conteúdo, no Salvar.” Os ajustes desta aba só valem depois de Salvar.
2. Categoria — a categoria do produto.
3. Endereço no site — a parte final do endereço, depois de /produtos/ (ou /servicos/, /artigos/). Mudar quebra links já divulgados.
4. Data de publicação — dia e hora em que o conteúdo passa a aparecer no site. Uma data no futuro deixa o conteúdo esperando até lá. Sem data, não há espera.
5. Publicado — liga a publicação. Para aparecer no site, o conteúdo precisa estar publicado e com a data já alcançada.
6. Destacar conteúdo — deixa o conteúdo disponível para as partes do site que mostram destaques. Não publica um rascunho nem antecipa a data.

Como aparece no Google e excluir

Figura 9 — Google, compartilhamento e exclusão.

1. Título para o Google — opcional. Vazio, usa o título do conteúdo com o nome do site. Preenchido, aparece exatamente como escrito. Ideal até 60 letras.
2. Descrição para o Google — opcional. Vazia, usa o resumo do conteúdo. Ideal até 160 letras.
3. Imagem ao compartilhar — a imagem que aparece quando o endereço é compartilhado no WhatsApp, Facebook ou LinkedIn. JPG, PNG ou WebP, ideal 1200 × 630. Vazia, usa a imagem destacada.
4. Não mostrar este conteúdo no Google — pede aos sites de busca para não listarem o conteúdo. Ele continua no ar para quem tem o link.
5. Excluir conteúdo — abre a confirmação para apagar o conteúdo para sempre. Acontece na hora, sem depender de Salvar. As imagens continuam na Mídia.

Salvar e permissões

O botão Salvar grava tudo de uma vez: textos, informações, listas, imagens, o layout do tipo e os ajustes da aba Configurações. Se algum dado estiver errado, como um preço ou uma data, aparece uma mensagem dizendo o que corrigir.

Hoje, salvar um conteúdo é permitido só a administradores. Uma conta Editor consegue abrir o editor e ver a prévia, mas o sistema recusa quando ela tenta salvar.

Dicas

• Preencha o Resumo: ele aparece nas listagens e no Google.
• Use títulos (botão H) nos artigos: o site monta o índice sozinho.
• Para agendar uma publicação, ligue Publicado e escolha uma data futura.
• Confira a prévia em Celular antes de salvar.

Controle de Mudanças

Notas adicionais

As imagens usam as telas reais do NetCorp em um ambiente de demonstração. Os produtos, serviços, artigos, preços, a autora “Ana Lima” e as fotos 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.

Algumas figuras desta página são de antes da aba Layout (2026-11-05) e mostram duas abas e o campo único de Localização; o texto já descreve a tela atual. Capturas novas pendentes.

Contato de suporte: a preencher.

Referências

• NetCorp — editor de conteúdos do painel administrativo.
• Modelo de página Informativo e blocos de conteúdo da base de conhecimento.

Conteúdo

Um Produto é um conteúdo com nome, preço, fotos e características de um item que a empresa vende. Cada produto tem a sua própria página no site, com um endereço como /produtos/mesa-de-trabalho, e também pode aparecer em listas de produtos nas páginas do site.

Esta página mostra como as informações preenchidas no painel aparecem para o visitante. Como preencher os campos está na página “Editor de conteúdos”.

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.

Do painel para o site

A figura mostra os campos de informação de um produto no editor. A lista diz onde cada um aparece no site.

Figura 1 — Campos de informação do produto, no painel.

1. Preço — aparece em destaque, ao lado das fotos (Figura 2, item 8). 890.00 vira R$ 890,00.
2. Unidade de venda — aparece logo depois do preço, como “/ unidade”.
3. Condição de pagamento — aparece embaixo do preço (Figura 2, item 9).
4. Endereço — Rua, Número, Complemento, Bairro, Cidade, Estado e CEP. Cria a parte Localização, com mapa (Figura 4).
5. Exibição do preço — com Sob consulta, o site mostra as palavras “Sob consulta” no lugar do valor e esconde a unidade e a condição de pagamento.
6. Texto do botão de contato — o que vai escrito no botão (Figura 2, item 10).
7. Características — viram a Ficha técnica (Figura 3). A ordem no painel é a ordem no site.

O topo da página do produto

Figura 2 — O produto como o visitante vê.

1. Trilha — mostra onde o visitante está, como “Início / Mesa de trabalho”. Clicar em Início volta para a página principal.
2. Foto principal — a imagem grande do produto. É a imagem destacada; se houver só vídeos, o primeiro vídeo fica nesse lugar.
3. Ampliar — abre a foto em tamanho grande.
4. Miniaturas — a imagem destacada e as fotos e vídeos da galeria. Clicar em uma miniatura coloca aquela foto ou vídeo no lugar grande. Só aparecem quando há mais de um arquivo.
5. Categoria — a categoria do produto, quando houver.
6. Nome — o título do produto.
7. Resumo — o texto curto preenchido no campo Resumo.
8. Preço — o valor com a unidade de venda.
9. Condição de pagamento — aparece só quando há preço e a exibição não é Sob consulta.
10. Botão de contato — abre uma conversa no WhatsApp do site, já com a mensagem “Olá, tenho interesse em” e o nome do produto. Sem texto próprio, o botão fica “Solicitar orçamento”. Se o site não tiver WhatsApp configurado, o botão não aparece.

Sem nenhuma foto ou vídeo, a área de fotos não aparece, e a página mostra só as informações.

Ficha técnica e descrição

Figura 3 — Detalhes do produto.

1. Ficha técnica — as características do produto, em pares de nome e valor, como Material: Madeira. Sem características, essa parte não aparece.
2. Descrição — o texto do campo Conteúdo principal. Sem texto, essa parte não aparece.

O Valor de uma característica é só um texto, como “120 cm”; não tem relação com o preço.

Localização e produtos relacionados

Figura 4 — Localização e outros produtos.

1. Localização — o endereço montado com os campos Rua, Número, Complemento, Bairro, Cidade, Estado e CEP, num cartão igual ao do bloco Endereço, com o horário e os telefones de Configurações › Identidade.
2. Mapa — um mapa do Google com o lugar digitado. Um endereço mais completo deixa o mapa mais certo.
3. Abrir no Google Maps — abre o lugar no Google Maps, em outra aba.
4. Produtos relacionados — todos os outros produtos publicados da mesma categoria, escolhidos pelo próprio site. Não há como escolher à mão quais aparecem. O desenho vem da aba Layout: sem ajuste, sai em Carrossel, 3 por vez; também pode ser Grade ou Lista horizontal, com 2, 3 ou 4 por vez e outra proporção de imagem. Em Grade, os cartões quebram em linhas, com “Itens por vez” cartões por linha; em Carrossel e em Lista horizontal, o que não cabe aparece pelas setas.

Sem rua nem cidade, ou com Ocultar o mapa da localização ligado na aba Layout, a parte Localização não aparece. Essa opção vale para todos os produtos de uma vez. Sem categoria, ou sem outros produtos publicados na mesma categoria, não aparecem produtos relacionados.

Quando o produto aparece no site

O produto só aparece para o visitante quando está Publicado, foi salvo e a data de publicação (se houver) já chegou. Destacar conteúdo deixa o produto disponível para as listas de destaque do site, mas não publica.

Os campos de Google (título, descrição e imagem ao compartilhar) servem para buscas e compartilhamentos. Eles não mudam o nome, o resumo nem as fotos mostrados na página do produto.

Dicas

• Use fotos boas e mais de uma: elas aparecem como miniaturas para o visitante escolher.
• Preencha a ficha técnica com medidas e materiais: ajuda o cliente a decidir antes do contato.
• Coloque uma categoria em todos os produtos, para que apareçam os relacionados.
• Confira se o WhatsApp do site está configurado; sem ele, o botão de contato some.

Controle de Mudanças

Notas adicionais

As imagens usam as telas reais do NetCorp em um ambiente de demonstração. O produto, o preço, as fotos, o número de WhatsApp e a localização são exemplos fictícios, não dados de um cliente. O mapa é do Google e foi carregado para o endereço de exemplo. Os números vermelhos foram acrescentados às figuras e não aparecem no site.

As Figuras 1 e 4 são de antes do endereço campo a campo e da aba Layout (2026-11-05): mostram o campo único Localização e um só produto relacionado. O texto já descreve a tela atual. Capturas novas pendentes.

Contato de suporte: a preencher.

Referências

• NetCorp — página de produto do site e editor de conteúdos do painel.
• Modelo de página Informativo e blocos de conteúdo da base de conhecimento.

Conteúdo

Um Serviço é um conteúdo que apresenta um trabalho que a empresa oferece: o que é, quanto custa, o que está incluso e como o atendimento acontece. Cada serviço tem a sua própria página no site, com um endereço como /servicos/consultoria-de-ambientes.

Esta página mostra como as informações preenchidas no painel aparecem para o visitante. Como preencher os campos está na página “Editor de conteúdos”.

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.

Do painel para o site: preço e itens inclusos

Figura 1 — Campos de informação do serviço, no painel.

1. Preço — aparece na Ficha do serviço (Figura 2, item 6). 350.00 vira R$ 350,00.
2. Cobrança — completa o preço: Pagamento único mostra só o valor; Mensal acrescenta “/ mês”; Anual acrescenta “/ ano”.
3. Exibição do preço — com Sob consulta, aparecem as palavras “Sob consulta” no lugar do valor, sem a cobrança.
4. Texto do botão de contato — o que vai escrito no botão (Figura 2, item 8).
5. Itens inclusos — os títulos aparecem na Ficha do serviço (Figura 2, item 7) e, com as descrições, na parte “O que está incluso” (Figura 3).

O topo da página do serviço

Figura 2 — O serviço como o visitante vê.

1. Categoria — a categoria do serviço, quando houver.
2. Nome — o título do serviço.
3. Resumo — o texto curto do campo Resumo.
4. Descrição — o texto do campo Conteúdo principal.
5. Imagem — a imagem destacada do serviço, no alto da Ficha do serviço. Serviços não têm galeria.
6. Preço — o valor, com “/ mês” ou “/ ano” quando a cobrança for mensal ou anual.
7. Lista de itens — os títulos dos itens inclusos, com um sinal de certo.
8. Botão de contato — abre uma conversa no WhatsApp do site, já com a mensagem “Olá, tenho interesse em” e o nome do serviço. Sem texto próprio, o botão fica “Falar com um especialista”. Sem WhatsApp configurado no site, o botão não aparece.

A Ficha do serviço mostra só o que estiver preenchido: sem imagem, sem preço ou sem itens, essas partes não aparecem.

O que está incluso

Figura 3 — Os itens inclusos, com as descrições.

1. O que está incluso — o título desta parte da página.
2. Número do item — a ordem do item, igual à ordem no painel.
3. Título do item — o nome do que está incluso, como “Visita ao local”.
4. Descrição do item — a explicação do item.

Itens sem título não aparecem. Sem nenhum item, esta parte não aparece.

Do painel para o site: as etapas

Figura 4 — As etapas do serviço, no painel.

1. Introdução das etapas — aparece embaixo de “Como funciona” (Figura 5, item 3).
2. Etapas (como funciona) — cada etapa vira um passo numerado na parte “Como funciona”.
3. Item — clicar abre ou fecha a etapa para editar.
4. Setas — mudam a ordem; a ordem no painel é a ordem no site.
5. X — tira a etapa da lista (não apaga o serviço).
6. Título — o nome da etapa (Figura 5, item 6).
7. Descrição — a explicação da etapa (Figura 5, item 7).
8. Prazo — aparece em cima do título da etapa (Figura 5, item 5). É só um texto para o visitante; o sistema não faz nenhuma contagem de prazo.
9. Adicionar — cria uma etapa nova no fim.

Como funciona

Figura 5 — As etapas como o visitante vê.

1. Processo — um rótulo pequeno em cima do título.
2. Como funciona — o título desta parte da página.
3. Introdução — o texto do campo Introdução das etapas.
4. Número da etapa — 01, 02, 03, na ordem do painel. A última etapa aparece com outra cor.
5. Prazo — o prazo da etapa, como “Dia 1”.
6. Título da etapa — o nome da etapa.
7. Descrição da etapa — a explicação da etapa.

Etapas sem título não aparecem. Sem nenhuma etapa, a parte Como funciona não aparece.

Layout das seções do serviço

O desenho de “O que está incluso”, de “Como funciona” e dos serviços relacionados é escolhido na aba Layout do editor e vale para todos os serviços de uma vez.

• O que está incluso — Layout: Grade (lado a lado, o padrão), Lista (um embaixo do outro; o resto em slide) ou Slide (com setas). Itens por vez: 3 (padrão), 2 ou 4. Alinhamento dos cartões: à esquerda (padrão) ou centralizado.
• Como funciona — Layout: Em linhas (o padrão; passou de 5 etapas, continua embaixo) ou Slide (com setas).
• Serviços relacionados: todos os outros serviços publicados da mesma categoria. Sem ajuste, saem em Grade, 3 por vez; também podem ser Lista horizontal ou Carrossel, com 2, 3 ou 4 por vez e outra proporção de imagem. Sem categoria, ou sem outros serviços nela, a parte não aparece.

Quando o serviço aparece no site

O serviço só aparece para o visitante quando está Publicado, foi salvo por um administrador e a data de publicação (se houver) já chegou. Destacar conteúdo deixa o serviço disponível para as listas de destaque do site, mas não publica.

Dicas

• Itens inclusos dizem o que o cliente recebe; etapas dizem como o trabalho acontece.
• Escreva prazos que a empresa realmente consegue cumprir.
• Coloque uma imagem destacada: ela abre a Ficha do serviço.
• Confira se o WhatsApp do site está configurado; sem ele, o botão de contato some.
• Antes de mudar a aba Layout, lembre que a mudança vale para todos os serviços: confira a prévia com um serviço que tenha muitos itens e um que tenha poucos.

Controle de Mudanças

Notas adicionais

As imagens usam as telas reais do NetCorp em um ambiente de demonstração. O serviço, o preço, os itens, as etapas e a imagem são exemplos fictícios, não dados de um cliente. Os números vermelhos foram acrescentados às figuras e não aparecem no site.

Contato de suporte: a preencher.

Referências

• NetCorp — página de serviço do site e editor de conteúdos do painel.
• Modelo de página Informativo e blocos de conteúdo da base de conhecimento.

Conteúdo

Um Artigo é um conteúdo de texto, como uma notícia, uma dica ou uma explicação. Cada artigo tem a sua própria página no site, com um endereço como /artigos/como-organizar-seu-espaco, e pode aparecer em listas e destaques nas páginas do site.

Esta página mostra como as informações preenchidas no painel aparecem para o visitante. Como preencher os campos está na página “Editor de conteúdos”.

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.

Do painel para o site: texto e autoria

Figura 1 — O artigo no editor, com a prévia ao lado.

1. Barra de formatação — o botão H cria subtítulos no texto. Os subtítulos aparecem maiores no site (Figura 3, item 1) e formam o índice “Neste artigo”.
2. Autor — o nome que aparece como autor do artigo (Figura 2, item 4). Não precisa ser o nome de quem está usando o painel.
3. Legenda da imagem principal — aparece embaixo da foto principal (Figura 2, item 7). Sem foto principal, a legenda não aparece.
4. Autor, data e tempo de leitura — a mesma linha que o visitante vê no site.
5. Neste artigo — o índice montado a partir dos subtítulos.

O topo do artigo

Figura 2 — O artigo como o visitante vê.

1. Categoria — a categoria do artigo, como Novidades.
2. Título — o título do artigo.
3. Resumo — o texto curto do campo Resumo.
4. Autor, data e tempo de leitura — o autor; a data de publicação (ou, se não houver, a data em que o artigo foi criado); e uma estimativa de minutos de leitura. A estimativa conta cerca de 200 palavras por minuto, com no mínimo 1 minuto. Não é o tempo que as pessoas realmente ficaram na página.
5. Neste artigo — o índice com os subtítulos do texto. Clicar em um item leva até aquela parte. Aparece só quando o texto tem pelo menos dois subtítulos.
6. Foto principal — a imagem destacada do artigo.
7. Legenda — o texto do campo Legenda da imagem principal.
8. Compartilhar — opções para compartilhar o endereço do artigo no LinkedIn e no X. Clicar não publica nada sozinho: abre a rede social para a pessoa decidir.

A data mostrada no artigo não é a mesma da coluna Atualizado da lista de Conteúdos.

Texto, tags e Leia também

Figura 3 — O corpo do artigo e o final da página.

1. Subtítulo — criado com o botão H no editor.
2. Parágrafo — o texto normal do artigo.
3. Tags — os assuntos do artigo, com o sinal #, como #Planejamento.
4. Leia também — sugestões de outros artigos.
5. Artigo sugerido — todos os outros artigos publicados da mesma categoria, escolhidos pelo próprio site. O desenho vem da aba Layout e vale para todos os artigos: sem ajuste, saem em Grade, 3 por vez; também podem ser Lista horizontal ou Carrossel, com 2, 3 ou 4 por vez e outra proporção de imagem. Em Grade, os cartões quebram em linhas, com “Itens por vez” cartões por linha; em Carrossel e em Lista horizontal, o que não cabe aparece pelas setas. Cada cartão mostra a categoria, a data, o título, o resumo e o tempo de leitura.

Sem outros artigos publicados na mesma categoria, a parte Leia também não aparece. Artigos em rascunho ou com data futura não entram nas sugestões.

Do painel para o site: categoria e tags

Figura 4 — Classificação do artigo, no painel.

1. Tag — as tags marcadas aparecem no fim do texto (Figura 3, item 3). Um artigo pode ter várias.
2. Categoria — aparece no alto do artigo (Figura 2, item 1) e define quais artigos aparecem em Leia também.

As tags e categorias são criadas na área Conteúdos, em Artigos › Gerenciar tags e Gerenciar categorias. Criar uma tag não a coloca em nenhum artigo; ela precisa ser marcada em cada um.

Galeria do artigo

O editor de artigo tem uma Galeria, mas no modelo atual da página de artigo ela não aparece para o visitante. No site, aparece só a foto principal. As fotos colocadas na galeria continuam guardadas; elas só não são mostradas.

Quando o artigo aparece no site

O artigo só aparece para o visitante quando está Publicado, foi salvo por um administrador e a data de publicação (se houver) já chegou. Uma data no futuro serve para deixar o artigo pronto e publicar depois. Destacar conteúdo deixa o artigo disponível para as listas de destaque, mas não publica.

A opção Não mostrar este conteúdo no Google não deixa o artigo secreto: quem tiver o endereço continua conseguindo abrir.

Dicas

• Divida textos longos com subtítulos (botão H): o leitor ganha o índice “Neste artigo”.
• Preencha o Resumo: ele aparece no topo do artigo e nos cartões de Leia também.
• Coloque uma categoria em todos os artigos, para as sugestões de Leia também funcionarem.
• Dê o crédito da foto na legenda, quando a foto não for da empresa.

Controle de Mudanças

Notas adicionais

As imagens usam as telas reais do NetCorp em um ambiente de demonstração. Os artigos, a autora “Ana Lima”, as tags e as fotos são exemplos fictícios, não dados de um cliente. Os números vermelhos foram acrescentados às figuras e não aparecem no site.

A figura de Leia também mostra um só artigo sugerido, de antes da aba Layout (2026-11-05). O texto já descreve o comportamento atual.

Contato de suporte: a preencher.

Referências

• NetCorp — página de artigo do site e editor de conteúdos do painel.
• Modelo de página Informativo e blocos de conteúdo da base de conhecimento.

Conteúdo

A área Mídia é a “gaveta” onde ficam guardados todos os arquivos do site: fotos, logotipos, vídeos e documentos em PDF. Um arquivo é enviado uma única vez e depois pode ser usado em várias páginas e conteúdos, sem precisar enviar de novo.

Os arquivos enviados pelos editores de páginas e de conteúdos também aparecem aqui. Por isso, esta área mostra tudo o que o site tem guardado, de qualquer lugar do painel.

Em cada figura desta página, 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 Mídia

Ao abrir a área, aparecem no alto os botões e a busca. Logo abaixo ficam os arquivos, cada um em um cartão.

Figura 1 — Tela Mídia, com as partes principais numeradas.

1. Mídia, no menu lateral — é por aqui que se chega a esta área. O item fica destacado em azul enquanto a área está aberta.
2. Enviar arquivo — abre a janela do computador para escolher um arquivo e guardá-lo no site. Enquanto o arquivo está sendo enviado, o botão mostra “Enviando...”. Quando termina, a tela é recarregada e o arquivo novo aparece entre os cartões. Os tipos de arquivo aceitos estão explicados mais abaixo, em “Arquivos que podem ser enviados”.
3. Buscar por nome ou título... — procura um arquivo pelo título ou pelo nome do arquivo. Não faz diferença usar letras maiúsculas ou acentos: “fachada” encontra “Fachada da loja”. Os cartões vão sendo filtrados enquanto se digita.
4. Todos, Imagens, Vídeos e Documentos — mostram só um tipo de arquivo. Documentos são os arquivos em PDF. A busca e o filtro funcionam juntos: dá para procurar uma palavra só entre as imagens, por exemplo.
5. Contador de arquivos — diz quantos arquivos estão aparecendo agora. O número diminui quando se usa a busca ou um filtro.
6. Selecionar todos — marca de uma vez todos os arquivos que estão aparecendo e que podem ser excluídos. Arquivos em uso no site ficam de fora. Clicar de novo desmarca todos. Esta opção só aparece para administradores.
7. Cartão do arquivo — cada arquivo tem o seu cartão, com uma pequena prévia e as informações principais. Clicar em qualquer parte do cartão abre os detalhes do arquivo. O que aparece no cartão está explicado na Figura 2.

Quando há muitos arquivos, eles são divididos em partes. Aparecem setas e bolinhas acima e abaixo dos cartões para passar de uma parte para outra.

Se a busca ou o filtro não encontrar nada, aparece o aviso Nenhum arquivo encontrado. Isso não quer dizer que algo foi apagado: basta mudar a palavra procurada ou escolher outro filtro. Já o aviso Nenhum arquivo enviado aparece quando o site ainda não tem nenhum arquivo guardado.

O que aparece em cada cartão

O cartão resume o arquivo e avisa se ele já está sendo usado no site. A figura mostra dois cartões lado a lado: à esquerda, uma imagem que está em uso; à direita, uma imagem que não está sendo usada.

Figura 2 — Informações de um cartão de arquivo.

1. Formato do arquivo — o tipo do arquivo, como JPG, PNG, WEBP, GIF ou SVG (imagens), MP4 ou WEBM (vídeos) e PDF (documentos).
2. Círculo de seleção — marca o arquivo para excluir junto com outros. Só aparece para administradores e só em arquivos que não estão em uso.
3. Título — o nome que ajuda a reconhecer o arquivo no painel. Se ninguém deu um título, aparece o nome do arquivo sem a parte final (como “.jpg”).
4. Nome do arquivo — o nome que o arquivo tinha no computador de quem o enviou.
5. Tamanho em pixels — a largura e a altura da imagem, como 1200 × 1200. Aparece só em imagens.
6. Aviso de texto alternativo — “Sem texto alternativo” quer dizer que a imagem ainda não tem uma descrição. O texto alternativo é explicado na Figura 3, item 7.
7. Peso do arquivo — quanto espaço o arquivo ocupa, em KB ou MB. Arquivos mais leves deixam o site mais rápido.
8. Lápis (Editar) — abre os detalhes do arquivo, igual a clicar no cartão.
9. Lixeira (Excluir) — apaga o arquivo depois de uma confirmação. Só aparece para administradores e só em arquivos que não estão em uso.
10. em uso — o arquivo está aparecendo em algum lugar do site. Enquanto tiver esse selo, ele não pode ser excluído, e por isso não tem círculo de seleção nem lixeira.
11. Texto alternativo preenchido — a imagem já tem uma descrição.

Arquivos que podem ser enviados

O botão Enviar arquivo guarda um arquivo por vez. O próprio sistema confere o arquivo depois do envio: um arquivo com o tipo errado ou maior que o limite é recusado, e o painel mostra o motivo.

Alguns avisos que podem aparecer:

• Formato não aceito. Envie uma imagem, vídeo ou arquivo PDF. — o arquivo escolhido não é de nenhum dos tipos da tabela.
• Arquivo vazio ou maior que 5 MB. — a imagem é grande demais. O mesmo aviso aparece com 15 MB para PDF e com 20 MB para vídeo. Diminua o arquivo antes de enviar.
• Não foi possível enviar o arquivo. — o envio não terminou, por exemplo por queda da internet. Tente de novo.

Quando um vídeo é enviado, o painel prepara sozinho uma imagem de capa para ele.

Detalhes do arquivo

Ao clicar em um cartão, abre-se à direita a janela Detalhes da mídia. Nela dá para ver o arquivo maior, mudar as informações dele e saber onde ele está sendo usado.

Figura 3 — Detalhes de um arquivo que não está sendo usado no site.

1. Detalhes da mídia — o título da janela e, logo abaixo, o nome do arquivo aberto.
2. X (Fechar) — fecha a janela. O que foi digitado e não foi salvo é descartado.
3. Prévia — mostra a imagem maior. Para vídeos e PDFs aparece um desenho de documento no lugar.
4. Informações do arquivo — formato, peso e, nas imagens, o tamanho em pixels.
5. Abrir arquivo — abre o arquivo original em outra aba do navegador, para ver o tamanho real ou ler o PDF.
6. Título — o nome que ajuda a reconhecer o arquivo no painel e na busca. Aceita até 190 letras. Se ficar em branco, o painel usa o nome do arquivo.
7. Texto alternativo — uma frase curta que descreve a imagem, como “Fachada da loja com a vitrine iluminada”. Ela é lida em voz alta para pessoas que não enxergam a tela e ajuda os sites de busca, como o Google, a entender a imagem. O site usa essa frase quando mostra a imagem. Este campo só aparece em imagens.
8. Legenda — campo opcional para uma frase sobre o arquivo. Fica guardada junto com o arquivo.
9. Onde este arquivo aparece — lista os lugares do site que usam o arquivo. Enquanto o painel confere, aparece “Verificando uso...”. Quando o arquivo não é usado em lugar nenhum, aparece “Este arquivo não está sendo usado no site.”
10. Cancelar — fecha a janela sem guardar o que foi mudado.
11. Salvar alterações — guarda o título, o texto alternativo e a legenda. O botão fica apagado até que algo seja mudado. Durante o salvamento ele mostra “Salvando...” e, ao terminar, “Salvo”. O cartão é atualizado na hora.
12. Excluir permanentemente — apaga o arquivo do site para sempre, depois de uma confirmação. A frase ao lado avisa: “A exclusão não pode ser desfeita.” Esta parte só aparece para administradores.

Arquivo que está em uso

Quando o arquivo aparece em alguma página, conteúdo ou configuração do site, os detalhes mostram onde ele está e a exclusão fica bloqueada. Assim, ninguém apaga por engano uma foto que está aparecendo para os visitantes.

Figura 4 — Detalhes de um arquivo que está sendo usado no site.

1. Onde este arquivo aparece — cada linha é um lugar que usa o arquivo. No exemplo, a imagem está na página “A Empresa”, dentro de um bloco de texto com imagem. Também podem aparecer conteúdos (como “Produto: nome do produto”, com a função da imagem, como “Imagem principal” ou “Galeria”), as Configurações do site (como o logotipo) e extensões instaladas.
2. Aviso de uso — diz em quantos lugares o arquivo está, como “Em uso em 1 lugar. Remova esse uso antes de excluir.”
3. Excluir permanentemente apagado — o botão não funciona enquanto o arquivo estiver em uso. Para excluir, primeiro tire o arquivo de cada lugar da lista (trocando a imagem na página ou no conteúdo, por exemplo) e depois volte à Mídia.

O sistema também confere isso no momento de apagar. Se o arquivo passar a ser usado entre abrir a janela e confirmar a exclusão, ela é recusada com o aviso de que o arquivo está em uso. Se o painel não conseguir conferir o uso, aparece “Não foi possível confirmar se este arquivo está em uso.” e a exclusão também fica bloqueada.

Escolher vários arquivos para excluir

Administradores podem marcar vários arquivos e apagar todos de uma vez. Quando há algum arquivo marcado, uma faixa azul toma o lugar da busca e dos filtros.

Figura 5 — Arquivos marcados e a faixa de ações.

1. Quantidade selecionada — quantos arquivos estão marcados, como “2 selecionados”.
2. Limpar seleção — desmarca todos os arquivos. Nada é apagado.
3. Excluir — apaga todos os arquivos marcados, depois de uma confirmação (Figura 6).
4. Selecionar todos — com só alguns arquivos marcados, a caixa mostra um traço. Clicar nela marca todos os que estão aparecendo e podem ser excluídos.
5. Círculo marcado — o círculo fica azul e o cartão ganha uma borda azul. Clicar de novo no círculo desmarca o arquivo.

Figura 6 — Confirmação antes de apagar os arquivos marcados.

1. Pergunta de confirmação — diz quantos arquivos serão apagados para sempre.
2. Cancelar — volta à tela sem apagar nada. Os arquivos continuam marcados.
3. Excluir — apaga os arquivos. Depois disso a tela é recarregada. Se algum arquivo passou a ser usado no site nesse meio-tempo, ele não é apagado e o painel avisa quantos foram excluídos e quantos ficaram por estarem em uso.

A lixeira de um cartão (Figura 2, item 9) apaga só aquele arquivo, com a pergunta “Excluir permanentemente "nome do arquivo"? Esta ação não pode ser desfeita.”

Quem pode fazer o quê

Para quem tem perfil Editor, os círculos de seleção, a lixeira e o botão de exclusão nem aparecem. Mesmo assim, o sistema confere o perfil da conta no momento de apagar: esconder o botão não é a única proteção.

Dicas

• Preencha o texto alternativo de todas as imagens. É rápido e ajuda pessoas com deficiência visual e os sites de busca.
• Dê títulos claros aos arquivos, como “Fachada da loja”. Fica mais fácil encontrar depois na busca.
• Antes de enviar, diminua fotos muito grandes. Arquivos leves deixam o site mais rápido.
• Excluir não tem volta. Se tiver dúvida, deixe o arquivo guardado: ele não aparece no site enquanto não estiver em uso.
• Para apagar um arquivo “em uso”, primeiro troque ou remova a imagem nos lugares listados em “Onde este arquivo aparece”.

Controle de Mudanças

Notas adicionais

As imagens usam as telas reais do NetCorp em um ambiente de demonstração. O endereço www.suaempresa.com.br, os arquivos, os títulos e a página “A Empresa” são exemplos fictícios, não dados de um cliente. Os números vermelhos foram acrescentados às figuras só para esta explicação; eles não aparecem no painel.

Contato de suporte: a preencher.

Referências

• NetCorp — tela Mídia do painel administrativo e janela Detalhes da mídia.
• Modelo de página Informativo e blocos de conteúdo da base de conhecimento.

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

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

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

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

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.

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.

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.

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

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.

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.

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.

Controle de Mudanças

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.

Referências

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

Conteúdo

A área Usuários reúne as contas das pessoas que podem entrar no painel. Aqui se cria uma conta para cada pessoa da equipe, se escolhe o perfil dela, se troca a senha e se remove o acesso de quem não precisa mais.

Só administradores veem esta área. Contas com perfil Editor não têm o item Usuários 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.

Os dois perfis

A lista de usuários

Figura 1 — A área Usuários.

1. Criar usuário — abre a janela para criar uma conta nova (Figura 2).
2. Buscar por nome ou e-mail... — procura uma conta pelo nome ou pelo e-mail.
3. Todos, Administradores e Editores — mostram só as contas de um perfil.
4. Selecionar todos — marca todas as contas que aparecem e podem ser excluídas.
5. Contador — quantas contas estão aparecendo.
6. Você — marca a sua própria conta, a que está conectada agora.
7. Nome e e-mail — quem é a pessoa e o e-mail que ela usa para entrar no painel.
8. Caixa de marcar — marca a conta para excluir junto com outras (Figura 4). A sua própria conta não tem caixa.
9. Perfil — Administrador ou Editor.
10. Lápis (Editar) — abre a janela para mudar os dados da conta (Figura 3).
11. Lixeira (Excluir) — exclui a conta, depois de uma confirmação (Figura 5).
12. Lixeira apagada — na sua própria conta a lixeira não funciona: ninguém pode excluir a própria conta.

Se a busca ou o filtro não achar nada, aparece “Nenhum usuário encontrado. Tente outro termo ou altere o filtro.”

Criar uma conta

Figura 2 — Janela Criar usuário, com dados de exemplo.

1. Nome — o nome da pessoa, como vai aparecer no painel. Até 120 letras.
2. E-mail — o e-mail que a pessoa vai usar para entrar. Não pode ser igual ao de outra conta.
3. Perfil — Editor (já vem escolhido) ou Administrador.
4. Senha — a senha inicial, com pelo menos 12 caracteres. Não pode ser uma senha muito comum nem conter o e-mail da pessoa.
5. Confirmar senha — repita a mesma senha, para evitar erro de digitação.
6. Cancelar — fecha sem criar a conta.
7. Criar usuário — cria a conta. Aparece o aviso “Usuario criado.”.

Depois de criar, passe o e-mail e a senha para a pessoa por um meio seguro. Ela entra pelo endereço do painel (o do site com /admin no final).

No primeiro acesso, a pessoa precisa ativar o segundo fator com um app autenticador no celular dela: o painel só libera as outras áreas depois disso. Avise antes, para ela ter o app instalado (guia "Como ativar e usar o segundo fator (app autenticador)").

Editar uma conta

Figura 3 — Janela Editar usuário.

1. Editar usuário — mostra de qual conta são os dados.
2. Nome — muda o nome da pessoa.
3. E-mail — muda o e-mail de entrada. Não pode ser o de outra conta.
4. Perfil — muda entre Editor e Administrador. Administradores podem gerenciar configurações e usuários.
5. Nova senha — para trocar a senha. Deixe em branco para manter a senha atual.
6. Confirmar nova senha — repita a nova senha.
7. Cancelar — fecha sem mudar nada.
8. Salvar alterações — grava as mudanças. Aparece o aviso “Usuario atualizado.”.
9. Excluir usuário — remove o acesso desta conta ao painel, depois de uma confirmação. Na sua própria conta, essa opção aparece desativada.

É por aqui que se troca a senha de alguém que esqueceu a própria senha: o painel não tem “esqueci minha senha” na tela de entrada.

O segundo fator não é desligado por aqui. Quem trocou de celular faz isso na própria conta, em Configurações › Segurança. Quem perdeu o celular e os códigos de recuperação precisa falar com o suporte.

Marcar várias contas

Figura 4 — Ações para as contas marcadas.

1. Selecionados — quantas contas estão marcadas.
2. Limpar seleção — desmarca todas, sem mudar nada.
3. Excluir selecionados — pergunta “Excluir permanentemente N usuário(s)? Eles perdem o acesso ao painel.” e, se confirmado, exclui as contas marcadas.

Excluir uma conta

Figura 5 — Confirmação antes de excluir.

1. Pergunta — diz de quem é a conta e avisa que a ação não pode ser desfeita.
2. Cancelar — volta sem excluir.
3. Excluir — exclui a conta. A pessoa não consegue mais entrar no painel.

Excluir uma conta não apaga as páginas, os conteúdos nem os arquivos que essa pessoa criou: eles continuam no site.

Regras de segurança

O sistema confere estas regras ao salvar ou excluir, mesmo que algum botão esteja à vista:

Dicas

• Crie uma conta para cada pessoa; não compartilhe a mesma senha entre várias pessoas.
• Dê o perfil Editor para quem só cuida de textos e imagens; deixe Administrador para poucas pessoas.
• Tenha pelo menos dois administradores, para não ficar sem acesso se um esquecer a senha.
• Quando alguém sair da equipe, exclua a conta ou troque a senha.

Controle de Mudanças

Notas adicionais

As imagens usam as telas reais do NetCorp em um ambiente de demonstração. Os nomes, e-mails e senhas 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.

Os avisos da tabela “Regras de segurança” estão escritos exatamente como aparecem hoje na tela, inclusive sem acentos.

Contato de suporte: a preencher.

Referências

• NetCorp — área Usuários do painel administrativo.
• Modelo de página Informativo e blocos de conteúdo da base de conhecimento.

Escopo e Público

• Aplica-se a: a tela Segundo fator do painel, a tela Código de verificação do login e a seção Segurança de Configurações.
• Não cobre: a ativação do segundo fator durante a instalação do site (guia próprio, no capítulo do assistente de instalação).
• Público-alvo: todas as pessoas que entram no painel do site, administradores e editores.

Contexto

O segundo fator é uma proteção a mais no login: além do e-mail e da senha, o painel pede um código de 6 dígitos que aparece num app autenticador instalado no seu celular. O código muda a cada 30 segundos. Assim, mesmo que alguém descubra a sua senha, não consegue entrar sem o seu celular.

No NetCorp o segundo fator é obrigatório para todas as contas. Enquanto não for ativado, o painel abre só a tela de ativação.

Objetivo

Ativar o segundo fator na sua conta, entrar no painel com o código do app, usar um código de recuperação quando estiver sem o celular e trocar de celular.

Pré-requisitos

• O e-mail e a senha da sua conta no painel.
• Um celular com um app autenticador instalado, por exemplo Google Authenticator, Microsoft Authenticator ou 2FAS. Todos são gratuitos, na loja de apps do celular.
• Um lugar seguro, fora do celular, para guardar os códigos de recuperação: papel guardado ou um gerenciador de senhas.

Passos

Passo 1 - Entre no painel e abra a tela de ativação

Entre com o e-mail e a senha, como sempre. Se o segundo fator ainda não estiver ativo na sua conta, o painel abre direto a tela Segundo fator, com a parte Ativar.

Passo 2 - Adicione a conta no app autenticador

1. No app autenticador, toque para adicionar uma conta e escolha a opção de digitar a chave (não a de ler QR code).
2. Digite a chave que aparece na tela, em grupos de 4 letras e números. Os espaços entre os grupos podem ser ignorados.
3. Se o app pedir o tipo, escolha baseado em tempo.

A conta aparece no app com o nome NetCorp seguido do endereço do site. Quem cuida de mais de um site tem uma conta para cada um.

Recarregar a tela não troca a chave: ela continua a mesma até você concluir a ativação.

Passo 3 - Confirme com o código do app

1. Veja o código de 6 dígitos que o app mostra para o NetCorp.
2. Digite esse código no campo Código do app e clique em Ativar segundo fator.

Figura 1 - Ativação do segundo fator no painel

Se o código estiver certo, aparece a mensagem de que o segundo fator foi ativado.

Passo 4 - Guarde os códigos de recuperação

Logo depois da ativação, a tela mostra 8 códigos de recuperação, no formato XXXXX-XXXXX. Eles servem para entrar quando você estiver sem o celular. Cada código vale uma vez só.

1. Copie os 8 códigos para um lugar seguro, fora do celular.
2. Clique em Já guardei, ir para o painel.

Figura 2 - Códigos de recuperação

Os códigos de recuperação não aparecem de novo. Guarde antes de sair da tela.

Passo 5 - Entre no painel nas próximas vezes

1. Na tela Entrar no painel, digite o e-mail e a senha e clique em Entrar.
2. Na tela Código de verificação, abra o app autenticador, digite o código de 6 dígitos do NetCorp e clique em Confirmar.

Figura 3 - Código de verificação no login

Você tem 5 minutos para digitar o código depois da senha. Passado esse tempo, é preciso entrar de novo.

Passo 6 - Sem o celular, use um código de recuperação

Na tela Código de verificação, digite um dos códigos de recuperação no mesmo campo do código do app e clique em Confirmar. O código usado deixa de valer.

Passo 7 - Troque de celular

1. No painel, abra Configurações e vá até a seção Segurança.
2. Digite a sua senha atual em Sua senha atual e clique em Trocar de celular.
3. O segundo fator antigo é desligado e o painel volta para a tela de ativação. Repita os Passos 2 a 4 com o celular novo.

Figura 4 - Trocar de celular em Configurações › Segurança

Ao trocar de celular, os códigos de recuperação antigos deixam de valer. Guarde os novos, que aparecem no fim da ativação.

Dicas

• Deixe o horário do celular no modo automático. O código depende da hora certa.
• Se for trocar de celular, faça a troca no painel antes de apagar o app do celular antigo.
• Cada pessoa usa a própria conta e o próprio celular. Não compartilhe a conta do painel.

Problema/Solução

FAQ (Perguntas frequentes)

Perdi o celular e os códigos de recuperação. E agora?

Fale com o suporte. O suporte desliga o segundo fator da sua conta pelo servidor. No próximo login, o painel pede só a senha e abre a tela de ativação para você ativar com o celular novo.

Posso deixar de usar o segundo fator?

Não. Ele é obrigatório para todas as contas do painel.

Usei quase todos os códigos de recuperação. Como gero novos?

Use Trocar de celular em Configurações › Segurança, mesmo continuando com o mesmo aparelho. Ao ativar de novo, aparecem 8 códigos novos e os antigos deixam de valer.

Por que não tem QR code para ler com o celular?

O NetCorp mostra a chave em texto. Todos os apps autenticadores aceitam adicionar a conta digitando a chave.

Contatos de suporte

• a preencher — Nome — Cargo — e-mail

Controle de Mudanças

Notas adicionais

• As capturas usam um ambiente de demonstração com a conta fictícia Maria Souza. A chave, o link e os códigos de recuperação foram borrados; o código 123456 e a senha são exemplos.
• As mensagens de erro estão escritas como aparecem hoje na tela, inclusive sem acento.

Referências

• [Informativo] - Acesso e menu do painel.
• [Informativo] - Configurações do site.
• [Informativo] - Usuários & Contas.