# Guia Painel Admin

# Entrando no painel

##### Bem-vindo(a) ao nosso guia de utilização do Painel Admin! Aqui iremos explicar passo a passo a como mexer nas informações do seu site! Primeiramente, é importante saber que o sistema NetCorp está separado em duas seções importantes: A "admin" e a "public". A "admin" é a parte que você pode alterar os materiais do site que será exposto ao público, como as imagens de logo, as imagens do slide, cor de fonte... E a "public" é a parte do site que será exposto ao público, ou seja, tudo o que você colocou de dados e elementos no Painel Admin, irão aparecer para as pessoas verem! 

##### Para acessar o Painel Admin é necessário colocar "admin" na barra de pesquisa, após o link do seu domínio:

[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/NMUimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/NMUimage.png)

[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/msQimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/msQimage.png)

##### E você será redirecionado para esta página:

[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/djqimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/djqimage.png)

##### Seguindo as instruções da imagem:

1. ##### Coloque seu usuário
2. ##### Coloque sua senha
3. ##### Clique em "Entrar"
4. ##### Pronto!

##### Caso você não tenha seu login ou acabou se esquecendo dele, entre em contato conosco.

##### Próxima aba: [Home](https://oraculo.gk2.cloud/books/netcorp/page/painel-admin-home)

# Painel Admin - Home

##### Nesta aba do painel podemos observar um gráfico mostrando as visitas <span style="background-color: rgb(52, 197, 189);">recorrentes</span> e <span style="background-color: rgb(241, 196, 15);">novas</span> do seu site.

[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/VACimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/VACimage.png)

##### Observe que no canto inferior do site um botão com um sinal de interrogação está aparecendo.

[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/iYfimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/iYfimage.png)

##### Ao clica-lo, um link para esse guia será disponibilizado.

[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/Z7ximage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/Z7ximage.png)

##### *O botão aparece em todas as páginas do painel!*

##### Próxima aba: [Administradores](https://oraculo.gk2.cloud/books/netcorp/page/painel-admin-administradores)

# Painel Admin - Administradores

##### Nesta aba serão mostrados os administradores que podem ter o acesso para o painel, inclusive o acesso que você está usando.

[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/kidimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/kidimage.png)

##### Acima dos acessos, temos um botão para adicionar administradores.

[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/Luhimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/Luhimage.png)

##### Ao clica-lo, um formulário para criar um administrador ficará visível na sua tela. Preencha os campos para realizar o cadastro.

[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/nSSimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/nSSimage.png)

1. ##### Nome de usuário
2. ##### Senha
3. ##### Nome completo
4. ##### E-mail
5. ##### Salvar

##### Próxima aba: [Design](https://oraculo.gk2.cloud/books/netcorp/page/painel-admin-design)

# Painel Admin - Design

##### Nesta aba do painel será possível alterar informações e o estilo da parte pública do site (public). 

[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/MaVimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/MaVimage.png)

##### Essa aba está separado em três seções: Escrita do menu, Elementos e cores, Cores das fontes.

- ##### **Escrita do menu**: é possível alterar o que será escrito no menu superior da public.
    
    ##### Parte administrativa (designer)[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/49timage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/49timage.png)
    
    ##### Parte pública ![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/Y22image.png)

##### Ao alterar os campos e clicar no botão "Salvar Menu", as mudanças no menu serão salvas. (Ao clicar em "Salvar Tudo" também terá o mesmo resultado).

- ##### **Elementos e cores**: é possível alterar a logo e as cores do site. Neste caso, a logo é a que aparece juntamente com o menu superior.
    
    ##### Parte administrativa (designer)[![UN3image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/qwOun3image.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/qwOun3image.png)
    
    ##### *Para a logo, recomendamos que use o formato .png sem o fundo, apenas a imagem desejada. As dimensões da logo mostrada abaixo é de 300x48 pixels. Os formatos aceitos pelo site são .jpg, .jpeg e .png.*
    
    ##### Parte pública (Home e contato)[![vVfimage.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/6ojvvfimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/6ojvvfimage.png)[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/Vijimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/Vijimage.png)
    
    ##### Mudar a logo e/ou algum desses elementos e salvar as alterações, ao recarregar a página pública, as mudanças estarão visíveis. Por exemplo:
    
    ##### Parte administrativa (designer)[![DWXimage.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/dwximage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/dwximage.png)
    
    ##### Parte pública[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/wdqimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/wdqimage.png)[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/JUbimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/JUbimage.png)
- ##### **Cores das fontes**: Essa seção nos possibilita alterar as cores das fontes que aparecem no site público.
    
    ##### Parte administrativa (designer) [![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/JlPimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/JlPimage.png)


#####  Parte pública![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/j7Limage.png)

- ##### **Botões**: Temos quatro opções de botões, o "<span style="background-color: rgb(45, 194, 107);">Salvar Tudo</span>", "<span style="background-color: rgb(126, 140, 141);">Salvar Menu</span>", "<span style="background-color: rgb(241, 196, 15);">Resetar</span>" e o "<span style="background-color: rgb(194, 224, 244);">Original</span>".
    
    [![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/1y0image.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/1y0image.png)

1. ##### O <span style="background-color: rgb(45, 194, 107);">primeiro</span> salva todas as configurações que você realizou, incluindo as alterações da escrita do menu.
2. ##### O <span style="background-color: rgb(126, 140, 141);">segundo</span> salva apenas as alterações da escrita do menu.
3. ##### O <span style="background-color: rgb(241, 196, 15);">terceiro</span> reinicia as alterações não salvas.
4. ##### O <span style="background-color: rgb(194, 224, 244);">quarto</span> volta as configurações de estilo (não inclui a escrita do menu) para o padrão.

##### Atenção ao voltar com as configurações padrão, o estilo antigo não poderá ser mais acessado posteriormente.

##### Próxima aba: [SEO -&gt; Empresa](https://oraculo.gk2.cloud/books/netcorp/page/painel-admin-seo-empresa)

# Painel Admin - SEO -> Empresa

##### Nesta aba, será possível mudar informações da aba do site público Menu Empresa ("Quem somos" nesse caso) e as informações que aparecem no rodapé do site. Basicamente são informações gerais da empresa ou do prestador de serviço.

##### Parte administrativa (Empresa)![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/dx9image.png)

##### O campo de descrição permite que você descreva as atividades que realiza, permitindo a formatação do texto (deixar em negrito, itálico, riscar por cima etc).

##### **Aviso! Tanto o <span style="text-decoration: underline;">e-mail</span> quanto o <span style="text-decoration: underline;">número do celular</span> que você preencher nos campos vão servir para que as pessoas <span style="text-decoration: underline;">entrem em contato com você</span>. Portanto, verifique um e-mail e um número de celular que vão ser apropriados para essa finalidade.**

##### Parte pública[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/ap6image.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/ap6image.png) 

##### *A imagem para a capa tem as dimensões 1024x367. Os formatos aceitos pelo site são .jpg, .jpeg e .png.*


##### Próxima aba: [SEO -&gt; Setor de atividade](https://oraculo.gk2.cloud/books/netcorp/page/painel-admin-seo-setor-de-atividade)

# Painel Admin - SEO -> Setor de Atividade

##### Nesta aba, vai ser possível colocar informações sobre a área de atuação do seu serviço/produto. Semelhante à aba Empresa.

##### Parte administrativa (Setor)[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/N25image.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/N25image.png)

##### Parte pública (Setor de atividade) [![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/cTNimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/cTNimage.png)

##### *A imagem para a capa tem as dimensões 1024x367. Os formatos aceitos pelo site são .jpg, .jpeg e .png.*

##### Próxima aba: [SEO -&gt; Endereços](https://oraculo.gk2.cloud/books/netcorp/page/painel-admin-seo-enderecos)

# Painel Admin - SEO -> Endereços

##### Nesta aba, você poderá colocar endereços pertinentes ao seu serviço/produto.

##### Parte administrativa (Endereço)[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/ov1image.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/ov1image.png)

##### Parte pública[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/I9aimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/I9aimage.png)

##### No rodapé em todas as partes do site que são públicas, sempre o primeiro endereço da lista será mostrado. 

##### Parte pública[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/Puuimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/Puuimage.png)

##### Todos os endereços da lista serão mostrados na aba "Contatos" do site público.

- ##### **Adicionar endereço**: para que você consiga adicionar um endereço, é necessário que clique em "Adicionar Endereço" e informe os campos necessários.

[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/l2Bimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/l2Bimage.png)

1. ##### Rua
2. ##### Número
3. ##### Complemento
4. ##### Cidade
5. ##### Estado
6. ##### CEP

- ##### **Editar Endereço**: se você quiser alterar algum dado de algum endereço salvo, basta clicar no botão "Editar" no endereço desejado.[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/zzjimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/zzjimage.png)
    
    ##### Ao clica-lo, você será redirecionado para esta página a seguir:
    
    ##### [![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/ZZ4image.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/ZZ4image.png)
- ##### **Excluir Endereço**: se você quiser excluir um endereço, basta clicar no botão "Excluir" no endereço desejado.
    
    [![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/Hv9image.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/Hv9image.png)
    
    ##### [![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/FJoimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/FJoimage.png)
    
    ##### Ao clicar em excluir, um alerta irá aparecer para confirmar a sua ação. Faça as exclusões e edições de endereço com bastante cuidado para que não haje confusões futuramente.

##### Próxima aba: [SEO -&gt; Social](https://oraculo.gk2.cloud/books/netcorp/page/painel-admin-seo-social)

# Painel Admin - SEO -> Social

##### Nesta aba, você será possível de informar as suas redes sociais. Os links para esses estarão disponíveis na aba "Contato" da parte pública do site.

##### Parte administrativa (Social) [![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/XIlimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/XIlimage.png)

##### Parte pública (Contato) [![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/y4Oimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/y4Oimage.png)

##### Próxima aba: [SEO -&gt; Página Inicial](https://oraculo.gk2.cloud/books/netcorp/page/painel-admin-seo-pagina-inicial)

# Painel Admin - SEO -> Página inicial

##### Nesta aba, você será capaz de mudar os textos que aparecem logo na aba "Home" do site público. 

##### OBS: As três sessões da home foram pensadas para incluir (Missões, Valores e Visão).

##### Parte administrativa (Página inicial) [![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/mWRimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/mWRimage.png)

##### Parte pública (Home) [![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/5ydimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/5ydimage.png)

##### Próxima aba: [SEO -&gt; Slides](https://oraculo.gk2.cloud/books/netcorp/page/painel-admin-slides)

# Painel Admin - Slides

##### Nesta aba, vai ser possível alterar, adicionar ou excluir imagens do slide que se encontra na aba "Home" no site público.

##### Parte administrativa (Slides) [![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/ZMGimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/ZMGimage.png)

##### Parte pública (Home) [![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/aP5image.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/aP5image.png)

- ##### **Adicionar Slide**: Ao clicar no botão "Adicionar Slide" uma outra tela aparecerá para você, pedindo algumas informações sobre a imagem que vai aparecer nos slides.
    
    [![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/8PEimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/8PEimage.png)

1. ##### Ordem que a imagem deve aparecer no slide. Caso coloque uma ordem já existente, o site colocará sua imagem após a imagem com a ordem já existente. Por exemplo, caso eu coloque "1" no campo da ordem, ela aparecerá após a imagem de ordem "1" já existente, e a imagem que eu quero colocar vai ficar no lugar da imagem de ordem "2".
2. ##### Mensagem opcional para a imagem desejada.
3. ##### Clique no botão "Escolher Arquivo" e escolha uma imagem para ficar no slide. Os formatos aceitos pelo site vão ser .jpg, .jpeg e .png. Ao escolher uma imagem, recomendamos que seu tamanho seja menor que 600KB, pois tamanhos superiores que esse valor pode causar lentidão no site público.
4. ##### Você pode escolher a dimensão (altura) que a imagem irá ter nos slides. Recomendamos que ao escolher uma dimensão, use-a para todas as imagens, pois o resultado traz um slide mais harmonioso (fica ao seu critério!). Caso a altura da imagem não atender a altura mínima, não há como mudar sua altura na hora de escolher a imagem.

##### Imagem com a altura "pequena":

[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/J27image.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/J27image.png)

[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/134image.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/134image.png)

##### Imagem com altura "média": 

[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/Dt1image.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/Dt1image.png)

[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/lTrimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/lTrimage.png)

##### *Observe que a segunda imagem ocupa mais altura do que a primeira imagem. Isso acontece porque a primeira imagem está configurada para ficar na altura "pequena", e a segunda na altura "média".*

##### Imagem com a altura "grande":

[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/Takimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/Takimage.png)

[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/Obgimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/Obgimage.png)

##### *Ao aumentar a altura da segunda imagem, as disposições das imagens que tem uma altura inferior a ela, não vão ficar padronizados.* 

##### Imagem com a altura "gigante":

[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/sUnimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/sUnimage.png)

[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/LOIimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/LOIimage.png)

- ##### **Editar Imagem**: nessa página, podemos editar a ordem, mensagem, altura da imagem e a própria imagem.
    
    [![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/xquimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/xquimage.png)
    
    [![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/YU7image.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/YU7image.png)
    
    ##### Atenção ao mudar o tamanho da imagem! Caso seja do seu interesse mudar a altura da sua imagem, é necessário subir a mesma imagem novamente, escolher a altura desejada e clicar em "Salvar".
- ##### **Excluir slide**: ao clicar no botão "Excluir" da imagem, é disparado uma mensagem confirmando a ação. Certifique-se de estar de acordo com a exclusão da imagem no slide.
    
    [![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/Risimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/Risimage.png)
    
    [![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/XLQimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/XLQimage.png)
    
    ##### Próxima aba: [Trocar Senha](https://oraculo.gk2.cloud/books/netcorp/page/painel-admin-trocar-senha)

# Painel Admin - Trocar Senha

##### Em qualquer página do painel, um botão com o nome do seu usuário irá aparecer no canto superior direito, com as opções de trocar a senha e sair.

[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/PSZimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/PSZimage.png)

[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/rHtimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/rHtimage.png)

##### Caso você queira trocar a senha, basta preencher os campos necessários corretamente.

[![image.png](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/scaled-1680-/PREimage.png)](https://oraculo.gk2.cloud/uploads/images/gallery/2024-06/PREimage.png)

##### Se você está com problemas em trocar a sua senha, entre em contato conosco.