HQ - Creador de Widgets

Dispositivo(s): 

• La edición está disponible únicamente en la web.
• Los usuarios móviles pueden ver widgets en páginas publicadas, pero no pueden editarlos

Roles / Permisos: 

• Administración - Acceso completo para crear, editar, publicar y eliminar todos los widgets.
• Spotlight Manager - Puede crear y gestionar widgets para los equipos a los que pertenece.
• Empleado de Acceso General - Acceso solo para ver según la segmentación de audiencia.

Disponibilidad: 

Widget Builder está disponible como una función estándar de producto para todos los clientes de Workvivo tras haberse puesto a disposición general a finales de julio de 2026. Por favor, contacta con tu punto de contacto de Workvivo para acceder a esta función.

Características clave

• Edición de arrastrar y soltar - Añadir, mover y redimensionar widgets directamente en la página.
• Dos zonas de colocación : zona de cabecera para contenido de alto impacto (hasta 10 widgets en la cabecera) y una zona de cuadrícula para tablero para diseños flexibles.
• Catálogo de widgets - Una lista creciente de más de 20 widgets en categorías como Medios, Productividad, Mantente Informado, Conectar, Utilidades, Integraciones, SEER.
• Segmentación de audiencia - Muestra widgets específicos a todos o a equipo(s) seleccionados. 
• Previsualiza y publica - Revisa tu diseño antes de publicarlo.
• Analítica - Haz un seguimiento de la interacción y el rendimiento de cada widget.
• Ocultar título de widget - Activar o desactivar títulos de widgets para crear diseños más limpios
• Traducción de títulos de widgets - Añade versiones traducidas de los títulos de widgets en 55+ idiomas para que cada empleado vea el contenido en su idioma preferido.
• Traducción de títulos de pestañas - Traduce títulos de pestañas a varios idiomas para plantillas globales.
• Fecha de archivo de widgets - Programar una fecha y hora tras las cuales un widget se oculta automáticamente a los usuarios finales, reduciendo el mantenimiento manual de contenido sensible al tiempo.
• Conjunto ampliado de iconos de pestañas - Elige entre más de 40 iconos al personalizar pestañas para una navegación visual más completa.
• Imagen personalizada de banner en la pestaña - Sube una imagen personalizada de banner a cualquier pestaña para crear una experiencia más personalizada y atractiva.

Categorías de widgets

Cómo buscar widgets

1. Entra en el modo Edición en tu página de destino personalizada.
2. Selecciona "Añadir widget" en la cabecera o en la zona de cuadrícula del tablero.
3. Introduce el texto de búsqueda en la barra de búsqueda y filtra los resultados por contenido de ancho completo y widgets de cuadrícula

                                                                      Búsqueda de Widget Builder

Cómo añadir y configurar widgets

1. Entra en el modo Edición en tu página de destino personalizada.
2. Selecciona "Añadir widget" en la cabecera o en la zona de cuadrícula del tablero.
3. Explora el catálogo por "Categoría" incluyendo "Todos los Widgets"
4. Elige un widget.
5. Configura el widget y "Guarda":
   • Establecer segmentación de audiencia
   • Elige el estilo de visualización (si es relevante): lista o carrusel
6. Una vez guardado correctamente, arrastra y suelta el widget para colocarlo donde quieras en la página.
7. Previsualiza y publica cuando estés satisfecho con el diseño.

Cómo ocultar un título de widget

1. Puedes ocultar el título de cualquier widget para un diseño visual más limpio, especialmente útil para diseños tipo valla publicitaria.
2. Entra en Modo Edición y selecciona el widget que quieres editar.
3. En el modal de edición del widget, localiza el interruptor Ocultar título del widget .
4. Actívalo para ocultar el título de la página publicada.
5. Haz clic en Guardar.
6. El título está oculto en la página web publicada pero permanece visible en modo edición para referencia.

Nota: El interruptor "Ocultar título del widget" no se aplica actualmente a las vistas móviles. El título del widget seguirá siendo visible en dispositivos móviles independientemente del estado de alternar.

Cómo añadir traducciones al título de un widget

Puedes proporcionar versiones traducidas del título de un widget para que los empleados vean el contenido en su idioma preferido. Hay traducciones disponibles en 55+ idiomas.

1. Entra en Modo Edición y selecciona el widget que quieres editar.
2. En el widget editar modal, introduce o actualiza el título en el campo Editar título .
3. Haz clic en Añadir traducciones debajo del campo del título.
4. En el modal de traducción, el título predeterminado del idioma está pre-poblado.
5. Haz clic + Añadir un idioma para añadir una nueva fila de traducción.
6. Selecciona el idioma de destino en el desplegable.
7. Aquí entra el texto traducido del título.
8. Repite los pasos 5–7 para obtener otros idiomas según sea necesario.
9. Haz clic en Enviar para guardar las traducciones.
10. Haz clic en Guardar en el widget editar modal para aplicar cambios.

Nota: Las traducciones requieren que introduzcas manualmente cada cadena traducida. No hay capacidad de traducción automática.

Cómo establecer una fecha de archivo en un widget

Puedes programar un widget para que se oculte automáticamente a los usuarios finales después de una fecha y hora específicas, ideal para contenido urgente como campañas, eventos o anuncios.

1. Entra en Modo Edición y selecciona el widget que quieres editar.
2. En el modal de edición del widget, localiza el campo Fecha/Hora del Archivo .
3. Establece la fecha y hora después de las cuales el widget debe estar oculto.
4. Haz clic en Guardar.

Una vez que pasa la fecha de archivo, el widget queda automáticamente oculto para los usuarios finales tanto en la web como en el móvil. El widget sigue siendo visible en modo edición y sigue contando para el límite de 20 widgets por pestaña.

Cómo añadir traducciones al título de una pestaña

Las traducciones de títulos de pestañas funcionan igual que las traducciones de títulos de widget, asegurando que la navegación de las pestañas sea accesible para una fuerza laboral global.

1. Navega a la configuración de pestañas creando o editando una pestaña.
2. Haz clic en Añadir traducciones debajo del campo de título de la pestaña.
3. En el modal de traducción, selecciona un idioma en el desplegable e introduce el título traducido.
4. Repite para otros idiomas según sea necesario.
5. Haz clic en Enviar para guardar las traducciones.

Cómo cambiar un icono de pestañas

Las pestañas ahora admiten un conjunto ampliado de más de 40 iconos, dándote mucha más variedad de pistas visuales de navegación.

1. Navega a la configuración de pestañas creando o editando una pestaña.
2. En la pestaña edición modal, abre el desplegable selector de iconos.
3. Navega y selecciona entre los iconos disponibles.
4. Haz clic en Guardar.

Cómo subir una imagen de banner personalizada en una pestaña

Puedes subir una imagen personalizada de banner a cualquier pestaña para crear una experiencia de navegación más personalizada y atractiva.

1. Navega a la configuración de pestañas creando o editando una pestaña.
2. En la pestaña de editar modal, localiza la sección de Imagen del Banner .
3. Arrastra y suelta o navega para subir tu imagen de banner.
4. Haz clic en Guardar.

Los tipos de archivo soportados son GIF, PNG, JPG, JPEG y JFIF. Las dimensiones recomendadas son 1440x300px para una visualización óptima. Si no se sube ningún banner personalizado, el banner del héroe existente se usa por defecto.

Nota: Las imágenes fuera de las dimensiones recomendadas de 1440 x 300px pueden ser escaladas o recortadas.

Zonas de colocación de widgets

Zona de cabecera:

• Aparece en la parte superior de la página.
• Ideal para contenido de alto impacto como vallas publicitarias o noticias destacadas.
• Soporta hasta dos widgets apilados.

Zona de cuadrícula del tablero:

• Aparece debajo del encabezado.
• La disposición determina el número de columnas (1, 2 o 3).
• Los widgets pueden redimensionarse y reorganizarse libremente.

Comportamiento de arrastrar y soltar

• Los widgets pueden arrastrarse entre la zona de cabecera y la cuadrícula, y entre columnas de cuadrícula
• Arrastrar un widget a la zona de cabecera lo promueve a ancho completo
• Arrastrar un widget de cabecera hacia abajo lo coloca en la cuadrícula

Cosas que debes saber

• Hay un límite de widgets por pestaña. Se muestra un mensaje cuando se alcanza el límite.

• Cada widget de Billboard soporta hasta 5 elementos de valla publicitaria

• Los widgets de integración son solo en cuadrícula y requieren autenticación OAuth.
• Los widgets SEER requieren una licencia SEER. El widget de Agente HQ requiere el complemento de Agente HQ

Artículos relacionados

• HQ - Catálogo de Widgets, Casos de Uso y Mejores Prácticas
• HQ - Páginas de Destino Personalizadas
• HQ - Navegación Persistente Top