¡Nuestras plantillas de página hacen que la creación de artículos sea más fácil que nunca!
Los editores de páginas pueden elegir entre un banco de plantillas prediseñadas de Workvivo, plantillas personalizadas exclusivas de tu organización u optar por crear su página desde cero.
Gracias a nuestra nueva experiencia de creación de páginas, ofrecemos una serie de plantillas predeterminadas para los casos de uso más comunes que vemos entre nuestros clientes. Estas plantillas se pueden utilizar para crear una página nueva o un tipo de página HTML.
También puedes seguir creando plantillas personalizadas para fomentar la coherencia en las páginas publicadas en toda la plataforma. Entre las plantillas predeterminadas, se incluyen:
| Tipo de página | Plantilla | Ejemplo de caso de uso |
|---|---|---|
| Nueva página | Publicación nueva | Anuncios internos sobre actualizaciones de productos, funciones nuevas o lanzamientos de servicios. |
| Sobre nosotros | Ofrece a los visitantes una comprensión clara de la identidad, la misión y los valores de la empresa. | |
| Políticas de RR. HH. | Un lugar central para acceder a las pautas de RR. HH. actualizadas, información sobre beneficios y políticas del lugar de trabajo. | |
| Enlaces de intranet | Actúa como un centro de acceso rápido a herramientas, recursos y plataformas internas clave que los empleados utilizan a diario | |
| Ubicaciones | Muestra la presencia de las oficinas de tu organización en todas las regiones, con detalles como direcciones, información de contacto y aspectos destacados de las instalaciones. | |
| Agenda de la reunión | Sirve como una página estructurada para compartir detalles de reuniones, temas de discusión y elementos de acción. | |
| Página HTML | Pantalla de inicio | Sirve como punto de entrada central para los empleados, ya que proporciona acceso rápido a actualizaciones clave, anuncios y recursos. |
| Menú de navegación | Proporciona a los usuarios una forma estructurada e intuitiva de encontrar y acceder a secciones, páginas o aplicaciones clave en toda la organización. | |
| Nuevos principiantes | Un centro de incorporación específico que ayuda a los empleados nuevos a familiarizarse rápidamente con la cultura, las herramientas y los procesos de la empresa. | |
| Sobre nosotros | Ofrece a los visitantes una comprensión clara de la identidad, la misión y los valores de la empresa. | |
| Conozca al equipo | Destaca a las personas detrás de la organización, fomentando la conexión y la transparencia entre los departamentos. |
Dispositivo(s): computadoras de escritorio
Roles/permisos:
- Permiso: Editar plantillas de página
- Roles: administradores, editores, administradores de espacios
Cómo funcionan las plantillas
Cuando estés creando una página nueva (se aplica tanto a las Space Pages como a las Global Pages) tendrás la opción de seleccionar una página nueva o un tipo de página HTML; ambos te proporcionarán plantillas predeterminadas con las que trabajar.
Cómo agregar plantillas con el nuevo creador de páginas
Al hacer clic en “+ Agregar página” > “Página nueva” aparecerá un creador de páginas en blanco. Puedes empezar tu creación desde cero o hacer clic en “Empezar con una plantilla”. En la ventana emergente, puedes elegir crear a partir de una de las plantillas predeterminadas que ofrece Workvivo o elegir una de las plantillas personalizadas únicas de tu organización.
Consejo útil: Haz clic en el icono de vista previa para ver cómo se ve cada opción antes de elegir.
Cuando elijas una plantilla adecuada, el editor de páginas se abrirá con la plantilla que elegiste precargada en el cuerpo de la página. En este caso, elegimos la plantilla “Quiénes somos”. Desde aquí puedes editar el contenido precargado, agregar más componentes y adaptar la plantilla a tus necesidades.
Cómo agregar plantillas con el creador de páginas HTML
Al hacer clic en “+ Agregar página” > “Página nueva HTML”, se abrirá un creador de páginas en blanco. En la ventana emergente, puedes elegir empezar desde un lienzo en blanco, crearla a partir de una de las plantillas predeterminadas que ofrece Workvivo u optar por una de las plantillas personalizadas únicas de tu organización.
Consejo útil: Haz clic en el icono de vista previa para ver cómo se ve cada opción antes de elegir.
Cuando elija una plantilla adecuada, el editor de páginas se abrirá con la plantilla elegida previamente rellenada en el cuerpo de la página. En este caso optamos por la plantilla “Pantalla de inicio”.
Gestión de plantillas personalizadas
Puedes ver, gestionar y crear tus plantillas personalizadas desde el Gestor de plantillas. Para acceder, haz clic en “Opciones” > “Editar página” > “Opciones” > “Administrar plantillas” en la lista desplegable.
Aquí puedes ver un ejemplo del Gestor de plantillas con una plantilla personalizada para nuestra organización. Desde aquí puedes “Editar”, “Duplicar” y “Eliminar” las plantillas actuales. También puedes previsualizar la plantilla y cambiar entre las plantillas guardadas tanto en la experiencia del nuevo creador de páginas como en la experiencia HTML heredada.
Cómo crear plantillas personalizadas en el editor de páginas
¿Tienes una página existente que quieres convertir en una plantilla para reutilizarla en el futuro? Si es así, haz clic en “Opciones” > “Guardar como plantilla”. Ahora estará disponible en tu Gestor de plantillas.
Anclajes de página
Cuando se crea una página con la experiencia del nuevo creador, los anclajes se completan automáticamente para todos los encabezados. Los espectadores pueden acceder a estos desde el ícono que se encuentra en el lado derecho del contenido de la página.
Cómo crear anclajes de página (solo en el editor HTML)
Para ingresar las URL de anclaje en artículos y páginas, edita el código fuente en el cuerpo de la página.
Puedes vincular una sección que aparece en la parte superior de la página, y esto te llevará directamente a esa sección en el artículo.
Paso 1: Crea una lista desordenada con un hipervínculo y asigna a este enlace un nombre de etiqueta único. Ejemplo: las actualizaciones de la empresa son “#updates”.
<ul>
<li><a href="#welcome">Hola</a></li>
<li><a href="#spot">Spotlight del equipo<br></a></li>
<li><a href="#espot">Spotlights de los empleados<br></a></li>
<li><a href="#updates">Actualizaciones de la empresa</a></li>
<li><a href="#news">Noticias</a></li>
</ul>
Paso 2: Luego, haz referencia a ese nombre de etiqueta único en la sección que creas en la página o artículo.
<p id="updates"><strong>Actualizaciones</strong></p>
A continuación, tienes un código de ejemplo que puedes usar para entender cómo funcionan las URL de anclaje.
<p>links to workvivo</p>
<div>
<ul>
<li><a href="#welcome">Hello</a></li>
<li><a href="#spot">Team Spotlight<br></a></li>
<li><a href="#espot">Employee Spotlights<br></a></li>
<li><a href="#updates">Company Updates</a></li>
<li><a href="#news">In the News</a></li>
</ul>
</div>
<p> </p>
<p id="welcome" style="padding-top:100px; margin-top:-50px;"><strong>Hello</strong></p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p id="spot" style="padding-top:100px; margin-top:-50px;"><strong>Team Spotlight</strong></p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p id="espot" style="padding-top:100px; margin-top:-50px;"><strong>Employee Spotlight</strong></p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p id="updates" style="padding-top:100px; margin-top:-50px;"><strong>Updates</strong></p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p id="news" style="padding-top:100px; margin-top:-50px;"><strong>News</strong></p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>