Páginas são as principais ferramentas de visualização de dados, disponíveis tanto para colaboradores quanto para gestores, líderes e RH. De forma semelhante a produtos como Wix, WordPress e Notion, na Zazos, administradores podem criar e customizar páginas, deixando suas áreas de trabalho do jeito que quiserem.

Para editar páginas, é necessário acessar o estúdio:

Para criar uma nova página, basta acessar o menu de navegação à esquerda, e selecionar + > Nova página.

Em geral, é necessário definir as seguintes informações para criar uma página:

Para esse exemplo, vamos criar uma página de diretório de pessoas, onde todos os colaboradores podem se visualizar.

Para iniciar, vamos criar uma página chamada Colaboradores, do tipo Cards. Páginas desse tipo transformam cada entrada de uma base de dados em um "Card", um cartão com informações extraídas da base de dados, organizadas como quiser.

Em seguida, vamos escolher a base de dados e as informações que estarão disponíveis na página. Para a base de dados, vamos escolher Pessoas, e para os campos, podemos selecionar quantos e quais quisermos. Por exemplo, podemos escolher os campos Nome Completo, Foto, Email Corporativo, Data de Admissão e Líder.

Agora, vamos configurar quais cards cada colaborador poderá ver na área de trabalho. Para que os colaboradores possam ver não apenas o seu próprio card, mas também os cards de outras pessoas, vamos selecionar a opção Os colaboradores poderão ver todas as entradas dessa base de dados.

Feito isso, vamos definir as permissões de manipulação de dados que os colaboradores terão. Para o nosso exemplo, não vamos habilitar nenhuma permissão de manipulação de dados. Desse modo, os colaboradores poderão apenas visualizar informações referentes aos seus próprios cards e aos cards de outros colaboradores.

Finalmente, podemos criar nossa nova página, compartilhá-la com todos os colaboradores, e publicá-la.

Agora que nossa página está criada, podemos fazer modificações e personalizá-la do jeito que quisermos!

Após criar a página Colaboradores, veremos uma tela semelhante à apresentada a seguir:

No menu lateral à direita, é possível alterar as configurações da página que foram definidas durante a sua criação, como as permissões de manipulação de dados de cada colaborador, bem como quem tem acesso a essa página na área de trabalho.

Na seção Propriedades, é possível editar o nome e o tipo da página. No entanto, não recomendamos alterar o tipo de página, pois dados e configurações podem ser perdidos na alteração.

Também é possível configurar o estado inicial da página - páginas do tipo Cards possuem duas formas de visualização: Coleção, que corresponde a uma coleção com todas as entradas correspondentes a cada colaborador, e Entrada, que corresponde ao card específico de um colaborador. Cada um desses estados pode ser editado separadamente.

Primeiramente, vamos editar o estado Coleção da nossa página. Para isso, clique na aba Coleção, no topo do menu lateral à direita. Na seção Itens, podemos ver quais campos da base de dados de Pessoas estão sendo referenciados nessa visualização da página: Nome Completo, Foto e Data de Admissão.

Da tela acima, podemos observar que o nome completo de cada colaborador está sendo mostrado duas vezes. Para evitar isso, em Itens > Conteúdo principal, selecione o campo Nome Completo. Um menu de edição será aberto:

Nesse menu, é possível personalizar como esse campo será mostrado nessa página. Para aprender mais sobre essa funcionalidade, confira nosso artigo sobre Componentes de Páginas.

Para o nosso exemplo, queremos apenas removê-lo da página, para que a informação não fique duplicada.

Após essa operação, nossos cards devem estar semelhantes ao abaixo:

Em seguida, vamos editar o estado Entrada da nossa página de Cards. Para isso, clique na aba Entrada, no topo do menu lateral à direita. Na seção Itens > Conteúdo principal, iremos novamente excluir o campo Nome Completo, para que a informação não fique duplicada. Também podemos remover o campo Foto, dado que essa informação já está sendo referenciada na seção Imagem de perfil.

Nossa página agora deve estar semelhante à tela a seguir:

Para finalizar, vamos adicionar um campo de mini-biografia para o card de cada colaborador. Para isso, na seção Conteúdo principal, selecione a opção Adicionar componente.

Vamos selecionar o campo Perfil, já existente na base de dados de Pessoas, e Salvar.

Feito isso, devemos ter uma seção de mini-biografia na página:

Depois dessas alterações, não se esqueça de salvar a página!

Por outro lado, caso deseje, você pode reverter suas alterações clicando o botão ao lado.

Agora que nossa página foi configurada, podemos conferir como ela ficou na área de trabalho, acessado na barra superior, à esquerda:

Na área de trabalho, os colaboradores irão visualizar nossa página de Cards, no estado Coleção (ou seja, todos os cards de colaboradores estarão visíveis).

Para ver mais informações sobre um determinado colaborador, é possível clicar em um card, e acessar o estado Entrada:

Pronto! Nossa página está do jeito que configuramos, e cada colaborador pode acessar seu próprio card, bem como os cards de outras pessoas, e aprender mais sobre seus colegas.

No estúdio, de volta à aba Página, no menu lateral direito, temos as seções Dados associados e Automações associadas.

Na seção Dados associados, temos um atalho para acessar a base de dados associada a essa página (nesse caso, a base de dados Pessoas). Além disso, podemos aplicar filtros, para controlar quais entradas serão visíveis para colaboradores na área de trabalho; ordenar as entradas seguindo algum critério a definir; e definir um template para novas entradas criadas por meio desta página.

Para aprender mais sobre essas funcionalidades, confira nossos artigos:

Filtros de visualização

Ordenação de entradas

Templates de novas entradas

Na seção Automações associadas, é possível criar uma nova automação, cuja execução pode ser solicitada a partir desta página, ou associar uma automação já existente a esta página.

Quer desbloquear a flexibilidade das páginas para os processos e os colaboradores da sua empresa? Solicite uma demo.

Caso tenha dúvidas, nosso time de suporte está à disposição para ajudar você a automatizar seus processos.

Confira também os artigos:

Lista de tipos de páginas

Componentes de páginas

Filtros de visualização

Ordenação de entradas

Templates de novas entradas

Botões personalizados

O que são automações?