Portal Gestão de Conhecimento
Visualizador de Arquivos
Página Inicial Trilhas de Conhecimento

Pesquise em nossa Base de Conhecimento

Consulte nossa documentação para encontrar rapidamente as respostas que procura

Website SAPI - Manual para Clientes

Cadastrado por Bruno Zanoelo em 25/08/2025 14:11:26
Atualizado por Bruno Zanoelo em 25/08/2025 14:12:50

Documentação - SAPI Websites

 

 

 

 

 

 

 

 

 

 

 

MANUAL DO CLIENTE

 

- Versão 1.1/ DATA 04/04/2022 -


 

 

 

Sumário

 

Sumário

Hierarquias de usuários

Resumo das hierarquias:

Permissões de usuários detalhada:

Tutoriais - População de Conteúdo

Tutorial: Como adicionar uma Notícia / Vídeo

Passo a passo:

Tutorial: Como adicionar uma Publicação Legal

Passo a passo:

Tutorial: Como adicionar uma Carta de Serviço

Passo a passo:

Tutoriais - Edição do slider principal

Tutorial: Como adicionar banners ao slider principal pelo SmartSlider

Passo a passo:

Tutorial: Como deletar imagens do slider

Passo a passo:

Tutoriais - Edição de Gabinetes e Secretarias

Tutorial: Como adicionar e editar uma Secretaria

Passo a passo:

Tutorial: Como adicionar e editar um Gabinete

Passo a passo:

Tutoriais – Adicionando elementos com o Elementor

Tutorial: Como adicionar uma galeria à uma postagem

Passo a passo:

Tutorial: Como adicionar uma imagem à uma postagem

Passo a passo:

Tutorial: Como adicionar um vídeo à uma postagem

Passo a passo:

Tutorial: Como adicionar um conteúdo do Facebook à uma postagem

Passo a passo:

 

Hierarquias de usuários

 

Resumo das hierarquias:

 

  1. Administrador: Acesso total ao conteúdo e administração do Website; 
     
  2. Editor:
    1. Pode adicionar, editar, publicar e excluir qualquer postagem; Nas postagens, poderá editar a estrutura do post, incluindo elementos como texto, galeria, vídeos, anexos, etc;
    2. Pode criar categorias (não recomendável) e tags;
    3. Pode adicionar e alterar qualquer conteúdo estrutural do tema do WebSite com Elementor;
    4. Não tem acesso ao SmartSlider. 
       
  3. Autor:
    1. Pode adicionar, editar, publicar e excluir apenas as SUAS postagens;
    2. Nas postagens, poderá editar a estrutura do post, incluindo elementos como texto, galeria, vídeos, anexos, etc;
    3. Pode criar apenas tags;
    4. Não tem acesso ao SmartSlider. 
       
  4. Colaborador:
    1. Pode adicionar, editar e excluir apenas os seus rascunhos e enviar para aprovação os mesmos para os usuários do tipo Autor e Editor;
    2. Nas postagens, NÃO poderá editar a estrutura do post, incluindo elementos como texto, galeria, vídeos, anexos, etc;
    3. Nas postagens, NÃO poderá adicionar imagem destacada ao post;
    4. Depois que sua postagem é aprovada, o Colaborador não tem mais a permissão de editar o post;
    5. Não tem acesso ao SmartSlider.

 

Permissões de usuários detalhada:

 

Uma imagem contendo DiagramaO conteúdo gerado por IA pode estar incorreto.

Tutoriais - População de Conteúdo

 

Tutorial: Como adicionar uma Notícia / Vídeo

 

Este tutorial pode ser realizado por:

  • Administrador;
  • Editor;
  • Autor.

 

Passo a passo:

 

  1.  No painel principal, selecionar “Posts”:
     

     
     
  2. Com o painel de Posts aberto, clique em “Adicionar novo”:
     
     

     
     
  3. Adicione um título para sua postagem:
     

     
     
  4. Para que sua postagem apareça na tela inicial do WebSite, deve-se, antes de publicar, definir a imagem destacada e selecionar uma categoria.
     
  5. As categorias por padrão são divididas em notícias e vídeos. Caso a notícia possui um vídeo em sua estrutura, selecione a categoria “Vídeos”. Caso contrário, no caso de você querer publicar apenas uma notícia, selecione a categoria “Notícias”. 
    É recomendado que você selecione apenas UM OU OUTRO para não ocorrer alterações no layout principal do Website.

 

  1. Embora seja possível dispor uma publicação sem imagem destacada no WebSite, não recomendamos que o faça. As imagens destacadas da postagem são chamativas e certamente um destaque da sua plataforma. Por isso não esqueça de adicionar a imagem que combina com o post! Caso se trate de uma postagem de vídeo em questão, também indicamos que a imagem destacada seja a mesma thumbnail do vídeo, mas caso não se tenha acesso à mesma, pode-se definir algo relacionado ou fazer o download da capa do vídeo do Youtube clicando neste link.
     
     
     
     
     
     
  2. Com os campos preenchidos, também é importante preencher os campos de “Tags”. As tags são subcategorias das suas notícias ou vídeos. Elas ajudam a separar seu conteúdo por tópico, portanto, podem ser selecionadas mais de uma tag se for necessário. É recomendável que você sempre escolha entre as tags mais utilizadas para que o conteúdo não se ramifique em muitas subcategorias, mas se seu conteúdo não se encaixar em nenhuma das listadas, é possível adicionar novas tags no campo de texto.
     
     

     
     
  3. Após tudo preenchido, a postagem deve se parecer brevemente com isso:
     

     
     
  4. Agora, para que possamos editar e adicionar elementos novos à nossa postagem (como texto, vídeo, galeria), é preciso que você a SALVE COMO RASCUNHO:
     

     
     
     
  5. Pronto! Agora estamos prontos para adicionar o conteúdo na nossa postagem! Clique em “Editar com Elementor”:
     

     
     
  6. A tela seguinte deve se parecer com isso (lembrando que devido ao design customizado do website, o layout do mesmo pode parecer diferente para você, mas o conceito é o mesmo). Ao abrir a interface do Elementor, se atente aos dados adicionados ao post:
     

     
    Podemos ver que o seu título foi adicionado automaticamente, assim como as tags selecionadas. A imagem destacada aparece logo atrás do título e após o corpo da notícia. Na aba de “Confira outras categorias de posts” são listadas todas as suas tags, por isso não é muito legal ramificar muito os tópicos e subtópicos das notícias e vídeos. 
     Como você pode observar, o plugin do Elementor criou um bloco em branco para adição de elementos e será nesse quadro que iremos adicionar os nossos elementos da postagem:
     

     
     
  7. Dentro da interface do Elementor, na barra de pesquisa, procure por “Texto”. Após isso, selecione o widget de texto e arraste-o até o lugar indicado:
     

     
     
  8. Assim que o texto for arrastado, um pequeno editor de texto com um parágrafo padrão deve aparecer. Nele, você pode inserir seu texto, ou no caso, descrição do vídeo, podendo adicionar palavras em negrito, listas, etc.
     

     
     
  9. Para voltar à interface padrão do Elementor, clique no ícone de pontinhos no canto superior direito:
     

     
     
  10. Para adicionar outros elementos, repita este processo apenas pesquisando pelo elemento que procura, como: “Vídeo”, “Galeria”, etc...
     
     
  11. Por fim, clique em “Publicar”. Não esqueça de revisar bem a sua postagem antes, pois após você clicar, sua postagem deixará de ser um rascunho.
     

     


 

 

Tutorial: Como adicionar uma Publicação Legal

 

Este tutorial pode ser realizado por:

  • Administrador;
  • Editor;
  • Autor.

 

Passo a passo: 

 

  1. No painel principal, selecionar “Publicações Legais” (lembrando que o seu painel pode ser um pouquinho diferente por conta da hierarquia dos usuários, mas o princípio é o mesmo).
     

     
     
  2. Selecione “Adicionar nova”:
     

     
     
  3. Adicione um título para a sua publicação legal:
     

     
     
  4. Por fim, selecione a sua categoria e depois, salve como RASCUNHO.
     Caso não tenha nenhuma categoria que se encaixe na sua postagem, você pode criar novas.
     
    IMPORTANTE: No nosso exemplo você pode ver que temos duas categorias selecionadas, afinal uma delas é subcategoria de “Concursos Públicos”. Nesse caso, gostaríamos de dividir os concursos pelo status dos mesmos, como “Em andamento” ou “Finalizados” para que o contribuinte os encontre facilmente no Website.
     Caso opte por fazer algo dessa natureza em sua plataforma, não esqueça de manter as publicações legais sempre atualizadas, ou seja, quando o concurso público encerrar, devo abrir e selecionar novamente as categorias.
     

     
     
  5. Após salvar a publicação como rascunho, selecione “Editar com Elementor”:
     

     
     
  6. Geralmente, em Publicações Legais temos sempre uma estrutura contendo um texto e um anexo. A partir deste passo vamos criar uma publicação com estes dois elementos e ensinando a fazê-los de duas formas diferentes:
     
  7. Anexo via link:
    Para este exemplo, utilizaremos o elemento do Elementor chamado “Texto”. Selecione o elemento e arraste até o bloco em branco:
     

     
     Logo após, digite uma breve descrição sobre a publicação em si (caso necessário). No nosso exemplo, fora utilizado um texto padrão.
     

     
    Para adicionarmos um link ao nosso texto, devemos selecionar a parte do texto que gostaríamos de transformar em um link. No nosso exemplo, selecionamos a parte ”Clique aqui para realizar o download”:
     

     
     Com o texto selecionado, deve-se selecionar o botão ”Adicionar Mídia” localizado acima do editor de texto:
     

     
     Uma nova aba com a sua biblioteca de mídia deve abrir. Faça upload do arquivo desejado. No nosso exemplo, estamos usando um documento PDF.
     

     
     Com o arquivo enviado, selecione ”Inserir no post”:
     

     
    Como podemos observar, o nome do nosso arquivo agora aparece no lugar do nosso texto selecionado em formato de link:
     

     
     Caso queira editar o texto do link para não ficar com o nome do arquivo, você pode clicar no link dentro do editor e selecionar o ícone de lápis e depois no ícone de engrenagem:
     

     

     
     Uma nova janela se abrirá com algumas configurações. Nela, você poderá alterar o texto do link e também definir se o arquivo abrirá em uma nova janela do navegador.
     

     

     
     Por fim, clique em ”Atualizar” para fechar a nova janela de configuração de link.
     Para finalizar a edição, selecionamos o link e aplicamos um estilo de sublinhado apenas para ficar mais coerente para o usuário:
     

     
     Se você seguiu todos estes passos, sua publicação legal está pronta para ser publicada. Clique em ”Publicar” e finalize a postagem. Não esqueça de testar ela em tempo real no seu Website.
     
     
  8. Anexo via botão de download:
    Para este exemplo, utilizaremos o elemento do Elementor chamado “Texto” e “Botão”, mas para isso, precisamos antes de tudo, enviar o nosso arquivo para o nosso Website.
     
    Por isso, devemos realizar o upload do nosso arquivo na nossa biblioteca de mídia antes e copiar o URL do arquivo:
     

     
     Após tendo enviado o arquivo, selecione ele na biblioteca:
     

     
     Uma janela com especificações deve abrir. Selecione a opção para copiar a URL do arquivo:
     

     
     
     Agora, acesse a postagem da publicação e selecione para ”Editar com Elementor”.
     Selecione o elemento “Texto” e arraste até o bloco em branco:
     

     
     Logo após, digite uma breve descrição sobre a publicação em si (caso necessário). No nosso exemplo, fora utilizado um texto padrão.
     

     
     Agora é hora de adicionar o nosso arquivo utilizando um botão. Selecione o elemento e arraste para baixo do seu texto:
     

     
     A janela de configurações do botão será aberta e será nesta janela que faremos as configurações para que o nosso botão seja capaz de abrir o nosso arquivo.
     

     
     Você pode alterar o texto mostrado no botão no atributo ”Texto”. No nosso caso, colocamos o texto ”Clique aqui para visualizar o arquivo”:
     

     
     Para atribuirmos o nosso arquivo ao botão, vamos observar o atributo ”Link”.
     Nele, podemos colocar qualquer URL, mas no nosso caso, queremos adicionar um arquivo do nosso website. É neste campo que colaremos a URL copiada anteriormente.
     O link deve ser o link do arquivo enviado:
     

     
     Para o link do nosso arquivo abrir em nova aba, selecione o ícone de engrenagem e logo após, selecione a opção de ”Abrir em nova janela”:
     

     
     Outras opções de customização do botão são disponibilizadas e você fica livre para customizar! Atributos como: tamanho, alinhamento e até ícone.
     No nosso exemplo, selecionamos o tamanho extra pequeno e selecionamos um ícone de download:
     

     
     Para finalizar, publique a publicação legal.


 

 

Tutorial: Como adicionar uma Carta de Serviço

 

Este tutorial pode ser realizado por:

  • Administrador;
  • Editor;
  • Autor.

 

Passo a passo:

 

  1. No painel principal, selecionar “Cartas de Serviços” e logo após, selecionar para adicionar nova:
     

     
     
  2. Na nova janela, preencha o título e preencha o cadastro dos campos obrigatórios:
     

     
     
  3. Selecione as categorias relacionadas ao serviço:
     

     
     
  4. Com todo o cadastro preenchido, clique em publicar:
     

     
     
    OBS: os campos que não forem preenchidos não serão demonstrados no Website.
    OBS²: quando uma secretaria é vinculada ao serviço, todas as suas informações serão dispostas no Website. Caso contrário, são solicitadas informações de contato para realização de serviço.


 

 

Tutoriais - Edição do slider principal

 

Tutorial: Como adicionar banners ao slider principal pelo SmartSlider

 

Este tutorial pode ser realizado por:

  • Administrador.

 

Passo a passo:

 

  1. No painel principal, selecionar “SmartSlider”:
     

     
     
  2. Para editar o slider que aparece na página principal, selecione-o:
     

     
     
  3. Selecionar “Adicionar Slide”:
     

     
  4. Selecionar “Imagem” e adicionar o banner desejado (preferencialmente do tamanho 751px x 237px, colorida e de boa resolução):
     

     
  5. Para editar o slide e suas configurações, passe o mouse em cima até que a opção “Editar” fique visível:
     

     
  6. Ao selecionar “Editar”, uma nova janela com funcionalidades irá abrir. Caso sua imagem seja maior do que o tamanho recomendado, você pode fazer com que o slider foque num determinado ponto da imagem, arrastando o ponto verde indicado: