HQ - Construtor de Widgets

Dispositivos): 

• A edição está disponível somente na Web.
• Usuários de dispositivos móveis podem visualizar widgets em páginas publicadas, mas não podem editá-los.

Funções/Permissões: 

• Administrador - Acesso total para criar, editar, publicar e excluir todos os widgets.
• Gerente do Spotlight - Pode criar e gerenciar widgets para as equipes às quais pertence.
• Funcionário com acesso geral - Acesso somente para visualização com base na segmentação de público.

Disponibilidade: 

O Construtor de Widgets estará disponível como um recurso padrão para todos os clientes da Workvivo após seu lançamento geral no final de julho de 2026. Entre em contato com seu representante da Workvivo para usufruir desse recurso.

Principais recursos

• Edição por arrastar e soltar - Adicione, mova e redimensione widgets diretamente na página.
• Duas zonas de posicionamento : uma zona de cabeçalho para conteúdo de alto impacto (até 10 widgets no cabeçalho) e uma zona de grade do painel para layouts flexíveis.
• Catálogo de widgets - Uma lista crescente com mais de 20 widgets em categorias como Mídia, Produtividade, Mantenha-se informado, Conectividade, Utilitários, Integrações e SEER.
• Segmentação de público-alvo - Mostre widgets específicos para Todos ou para equipes selecionadas. 
• Pré-visualização e publicação - Revise seu layout antes de publicá-lo.
• Análises - Acompanhe o engajamento e o desempenho de cada widget.
• Ocultar título do widget - Ative ou desative os títulos dos widgets para criar layouts mais limpos.
• Traduções de títulos de widgets - Adicione versões traduzidas dos títulos dos widgets em mais de 55 idiomas para que todos os funcionários vejam o conteúdo em seu idioma preferido.
• Tradução de títulos de abas - Traduza os títulos das abas para vários idiomas para equipes globais.
• Data de arquivamento do widget - Agende uma data e hora após as quais um widget será ocultado automaticamente dos usuários finais, reduzindo a manutenção manual de conteúdo sensível ao tempo.
• Conjunto de ícones de abas expandido - Escolha entre mais de 40 ícones ao personalizar as abas para uma navegação visual mais rica.
• Imagem de banner personalizada para a aba - Carregue uma imagem de banner personalizada para qualquer aba para criar uma experiência mais envolvente e alinhada à sua marca.

Categorias de widgets

Como pesquisar widgets

1. Acesse o Modo de Edição na sua Página de Destino Personalizada.
2. Selecione “Adicionar widget” na área da grade do cabeçalho ou do painel de controle.
3. Insira o texto da pesquisa na barra de pesquisa e filtre os resultados por conteúdo em largura total e widgets de grade.

                                                                      Construtor de Widgets - Pesquisa

Como adicionar e configurar widgets

1. Acesse o Modo de Edição na sua Página de Destino Personalizada.
2. Selecione “Adicionar widget” na área da grade do cabeçalho ou do painel de controle.
3. Navegue pelo catálogo por "Categoria", incluindo "Todos os Widgets".
4. Escolha um widget.
5. Configure o widget e clique em "Salvar":
   • Defina a segmentação de público-alvo.
   • Escolha o estilo de exibição (se aplicável) - lista ou carrossel
6. Após salvar com sucesso, arraste e solte o widget para posicioná-lo onde desejar na página.
7. Visualize e publique quando estiver satisfeito com o layout.

Como ocultar o título de um widget

1. Você pode ocultar o título de qualquer widget para um layout visual mais limpo - particularmente útil para designs no estilo outdoor.
2. Entre no Modo de Edição e selecione o widget que deseja editar.
3. Na janela de edição do widget, localize a opção "Ocultar título do widget" .
4. Ative esta opção para ocultar o título da página publicada.
5. Clique em Salvar.
6. O título fica oculto na página web publicada, mas permanece visível no modo de edição para referência.

Observação: a opção "Ocultar título do widget" não se aplica atualmente às visualizações em dispositivos móveis. O título do widget permanecerá visível em dispositivos móveis, independentemente do estado da opção.

Como adicionar traduções ao título de um widget

Você pode fornecer versões traduzidas do título de um widget para que os funcionários vejam o conteúdo em seu idioma preferido. As traduções estão disponíveis em mais de 55 idiomas.

1. Entre no Modo de Edição e selecione o widget que deseja editar.
2. Na janela de edição do widget, insira ou atualize o título no campo "Editar título" .
3. Clique em Adicionar traduções abaixo do campo do título.
4. Na janela de tradução, o título no idioma padrão já está preenchido.
5. Clique em + Adicionar um idioma para adicionar uma nova linha de tradução.
6. Selecione o idioma de destino no menu suspenso.
7. Insira o texto do título traduzido.
8. Repita os passos 5 a 7 para outros idiomas, conforme necessário.
9. Clique em Enviar para salvar as traduções.
10. Clique em Salvar na janela de edição do widget para aplicar as alterações.

Observação: as traduções exigem que você insira manualmente cada texto traduzido. Não existe funcionalidade de tradução automática.

Como definir uma data de arquivamento em um widget

Você pode programar um widget para ser ocultado automaticamente dos usuários finais após uma data e hora específicas — ideal para conteúdo sensível ao tempo, como campanhas, eventos ou anúncios.

1. Entre no Modo de Edição e selecione o widget que deseja editar.
2. Na janela de edição do widget, localize o campo Data/Hora do Arquivo .
3. Defina a data e a hora após as quais o widget deve ser ocultado.
4. Clique em Salvar.

Após a data de arquivamento, o widget é ocultado automaticamente dos usuários finais, tanto na web quanto em dispositivos móveis. O widget permanece visível no modo de edição e continua a ser contabilizado no limite de 20 widgets por aba.

Como adicionar traduções ao título de uma guia

As traduções dos títulos das abas funcionam da mesma forma que as traduções dos títulos dos widgets, garantindo que a navegação por abas seja acessível a uma força de trabalho global.

1. Acesse as configurações da aba criando ou editando uma aba.
2. Clique em Adicionar traduções abaixo do campo do título da guia.
3. Na janela de tradução, selecione um idioma no menu suspenso e insira o título traduzido.
4. Repita o processo para outros idiomas, conforme necessário.
5. Clique em Enviar para salvar as traduções.

Como alterar o ícone de uma guia

As abas agora suportam um conjunto expandido de mais de 40 ícones, oferecendo muito mais opções para dicas de navegação visual.

1. Acesse as configurações da aba criando ou editando uma aba.
2. Na janela de edição da aba, abra o menu suspenso do seletor de ícones.
3. Navegue e selecione entre os ícones disponíveis.
4. Clique em Salvar.

Como fazer o upload de uma imagem de banner de guia personalizada

Você pode adicionar uma imagem de banner personalizada a qualquer aba para criar uma experiência de navegação mais atraente e alinhada à sua marca.

1. Acesse as configurações da aba criando ou editando uma aba.
2. Na janela de edição, localize a seção Imagem do Banner .
3. Arraste e solte ou procure a imagem para fazer o upload do seu banner.
4. Clique em Salvar.

Os tipos de arquivo suportados são GIF, PNG, JPG, JPEG e JFIF. As dimensões recomendadas para uma visualização ideal são 1440x300px. Caso nenhum banner personalizado seja carregado, o banner principal existente será usado por padrão.

Nota: Imagens fora das dimensões recomendadas de 1440 x 300 px podem ser redimensionadas ou recortadas.

Zonas de posicionamento de widgets

Zona do cabeçalho:

• Aparece no topo da página.
• Ideal para conteúdo de alto impacto, como outdoors ou notícias em destaque.
• Suporta até dois widgets empilhados.

Zona de grade do painel de controle:

• Aparece abaixo do cabeçalho.
• O layout determina o número de colunas (1, 2 ou 3).
• Os widgets podem ser redimensionados e reorganizados livremente.

Comportamento de arrastar e soltar

• Os widgets podem ser arrastados entre a área do cabeçalho e a grade, bem como entre as colunas da grade.
• Arrastar um widget para a área do cabeçalho o promove para ocupar toda a largura.
• Arrastar um widget de cabeçalho para baixo o coloca na grade.

Coisas a saber

• Existe um limite de widgets por aba. Uma mensagem é exibida quando o limite é atingido.

• Cada widget de outdoor suporta até 5 itens de outdoor.

• Os widgets de integração são exclusivos para grades e exigem autenticação OAuth.
• Os widgets do SEER requerem uma licença do SEER. O widget Agente da Sede requer o complemento Agente da Sede.

Artigos relacionados

• HQ - Catálogo de Widgets, Casos de Uso e Melhores Práticas
• Sede - Páginas de destino personalizadas
• Sede - Navegação superior persistente