Nossos modelos de página tornam a criação de artigos mais fácil do que nunca!
Os editores de página podem escolher entre uma biblioteca de modelos pré-criados da Workvivo, modelos personalizados exclusivos da sua organização ou optar por criar a página do zero.
Por meio da nossa nova experiência com o criador de páginas, fornecemos diversos modelos padrão para casos de uso comuns que identificamos entre nossos clientes. Esses modelos podem ser utilizados ao criar uma nova página ou um tipo de página HTML.
Você também pode continuar criando seus próprios modelos personalizados para incentivar a consistência nas páginas publicadas na plataforma. Modelos padrão incluem:
| Tipo de página | Modelo | Exemplo de caso de uso |
|---|---|---|
| Nova página | Novo lançamento | Anúncios internos sobre atualizações de produto, novos recursos ou lançamentos de serviços. |
| Sobre nós | Ajude os visitantes a entender claramente a identidade, a missão e os valores da empresa. | |
| Políticas de RH | Um local central para acessar diretrizes atualizadas de RH, informações sobre benefícios e políticas do local de trabalho. | |
| Links da Intranet | Atua como um centro de acesso rápido para ferramentas, recursos e plataformas internas essenciais que os funcionários usam diariamente | |
| Localizações | Destaca a presença do escritório da sua organização em diferentes regiões, com detalhes como endereços, informações de contato e destaques das instalações. | |
| Pauta de reunião | Serve como uma página estruturada para compartilhar detalhes de reuniões, tópicos de discussão e itens de ação. | |
| Página HTML | Tela inicial | Serve como ponto de entrada central para os funcionários, proporcionando acesso rápido a atualizações, anúncios e recursos importantes. |
| Menu de navegação | Oferece uma forma estruturada e intuitiva para os usuários encontrarem e acessarem seções, páginas ou aplicativos importantes em toda a organização. | |
| Novos iniciantes | Um hub de integração dedicado que ajuda os novos funcionários a se familiarizarem com a cultura, as ferramentas e os processos da empresa. | |
| Sobre nós | Ajude os visitantes a entender claramente a identidade, a missão e os valores da empresa. | |
| Conheça a equipe | Destaca as pessoas por trás da organização, promovendo conexão e transparência entre departamentos. |
Dispositivo(s): Desktop
Funções/Permissões:
- Permissão: Editar Modelos de Página
- Funções: Administradores, Editores, Gerentes de Espaço
Como os modelos funcionam
Ao criar uma nova página, aplicável tanto à Space Pages quanto ao Global Pages, você terá a opção de selecionar uma Nova página ou um tipo de Página HTML, ambos fornecem modelos padrão para trabalhar.
Adicionando modelos com o novo criador de páginas
Ao clicar em "+ Adicionar página" > "Nova página", você verá um criador de páginas em branco. Você pode iniciar sua criação do zero ou pode clicar em "Começar com um modelo". A partir do pop-up, você pode optar por criar com um dos modelos padrão fornecidos pelo Workvivo ou usar um dos modelos personalizados exclusivos da sua organização.
Dica importante: clique no ícone de pré-visualização para conferir a aparência antes de escolher.
Quando você escolher um modelo adequado, o editor de página será aberto com o modelo escolhido pré-preenchido no corpo da página. Neste caso, optamos pelo modelo "Sobre nós". A partir daí, você pode editar o conteúdo pré-preenchido, adicionar mais componentes e adaptar o modelo às suas necessidades.
Adicionar modelos com o Criador de páginas HTML
Ao clicar em "+ Add Page" (Adicionar página) > "New HTML Page" (Nova página HTML), você verá um criador de páginas em branco. No pop-up, você pode escolher começar com uma tela em branco, criar a partir de um dos modelos padrão fornecidos pela Workvivo ou usar um dos modelos personalizados exclusivos da sua organização.
Dica importante: clique no ícone de pré-visualização para conferir a aparência antes de escolher.
Quando você escolher um modelo adequado, o editor de páginas será aberto com o modelo escolhido pré-preenchido no Corpo da Página. Neste caso, usamos o modelo 'Tela inicial'.
Gerenciar modelos personalizados
Você pode visualizar, gerenciar e criar seus modelos personalizados no Gerenciador de modelos. Acesse essa opção clicando em "Opções" > "Editar página" > "Opções" > "Gerenciar modelos" na lista suspensa.
Aqui você pode ver um exemplo de Gerenciador de modelos com um modelo personalizado para nossa organização. A partir daqui você pode "Editar", "Duplicar" e "Excluir" os modelos atuais. Você também pode visualizar o modelo e alternar entre modelos salvos tanto na nova experiência Criador de páginas quanto na experiência HTML legada.
Criar modelos personalizados no Editor de páginas
Você tem uma página que deseja transformar em um modelo para reutilização no futuro? Se sim, clique em "Opções" > "Salvar como modelo". Agora a página estará disponível para você no seu Gerenciador de modelos.
Âncoras de página
Quando uma página está sendo criada com a nova experiência de criador, as âncoras são preenchidas automaticamente para todos os cabeçalhos. O publico pode acessá-las pelo ícone no lado direito do conteúdo da página.
Criando âncoras de página (somente editor HTML)
É possível inserir URLs âncoras em artigos e páginas. Para isso, basta editar o código-fonte no corpo da página.
Também é possível vincular uma seção no topo da página. Dessa forma, o link leva diretamente a essa seção no artigo.
Etapa 1: crie uma lista não ordenada com um hiperlink e dê a esse link um nome de tag exclusivo. Exemplo: as atualizações da empresa são "#updates".
<ul>
<li><a href="#welcome">Hello</a></li>
<li><a href="#spot">Destaque da equipe<br></a></li>
<li><a href="#espot">Destaque dos funcionários<br></a></li>
<li><a href="#updates">Atualizações da empresa</a></li>
<li><a href="#news">Na mídia</a></li>
</ul>
Passo 2: em seguida, faça referência a esse nome de tag exclusivo na seção criada na página/artigo.
<p id="updates"><strong>Atualizações</strong></p>
Confira abaixo um exemplo de código para entender como as URLs âncoras funcionam.
<p>links do workvivo</p>
<div>
<ul>
<li><a href="#welcome">Olá</a></li>
<li><a href="#spot">Team Spotlight<br></a></li>
<li><a href="#espot">Employee Spotlight<br></a></li>
<li><a href="#updates">Atualizações da Empresa</a></li>
<li><a href="#news">Novidades</a></li>
</ul>
</div>
<p> </p>
<p id="welcome" style="padding-top:100px; margin-top:-50px;"><strong>Olá</strong></p>
<p>Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste</p>
<p>Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste</p>
<p>Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste</p>
<p id="spot" style="padding-top:100px; margin-top:-50px;"><strong>Team Spotlight</strong></p>
<p>Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste</p>
<p>Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste</p>
<p>Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste</p>
<p id="espot" style="padding-top:100px; margin-top:-50px;"><strong>Employee Spotlight</strong></p>
<p>Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste</p>
<p>Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste</p>
<p>Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste</p>
<p id="updates" style="padding-top:100px; margin-top:-50px;"><strong>Atualizações</strong></p>
<p>Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste</p>
<p>Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste</p>
<p>Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste</p>
<p id="news"><strong>Novidades</strong></p>
<p>Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste</p>
<p>Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste</p>
<p>Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste</p>