Breve descripción general

Theming te permite definir y administrar el estilo visual de tu contenido de WalkMe desde un solo lugar para mantener tus diseños coherentes y alineados con la marca.

Esta guía explica cómo habilitar Theming, crear o editar un tema en la consola y publicarlo para que los creadores puedan comenzar a diseñar con él.

Cómo funciona

Pantalla principal

Cuando accedas a Tematización por primera vez, en la pantalla principal verás todos los temas que ofrece WalkMe.

En el lado derecho de la pantalla, puedes ver la vista previa de cómo se ve este tema. Puedes desplazarte entre los diferentes tipos de elementos y ver cómo se ve cada uno de ellos en este tema.

Pasa el cursor sobre los diferentes elementos de la vista previa para ver qué heredan del tema. Por ejemplo, el marco que contiene la imagen de este ShoutOut hereda el color (fondo, principal) y el título del texto hereda la tipografía Título (grande) y el color Texto (principal).

Temas activos y publicados

La etiqueta Activa significa que este tema es el que se aplica actualmente al contenido del editor.

La etiqueta Publicado significa que este tema es el que se muestra actualmente a los usuarios en el entorno publicado.

Ten en cuenta que puede haber un caso en el que el tema activo y el tema publicado no sean los mismos.

Si estableces un tema como activo, podrás verlo en el editor. Sin embargo, para que el tema sea visible para los usuarios, primero debes publicarlo.

Para establecer un tema como activo:

1. Haz clic en el menú Opciones
2. Selecciona Establecer como activo
   
   
3. Si aún no deseas publicar el tema, haz clic en Confirmar
   
4. Para publicar también el tema, activa la casilla y haz clic en Confirmar

Edición de temas

Puedes editar los temas de WalkMe y guardar el resultado como un tema nuevo.

Para editar un tema, haz clic en el menú Opciones y selecciona Editar, o haz doble clic en el tema.

Aquí puedes cambiar los colores, la tipografía y las propiedades de los botones del tema.

Colores

• En la pestaña Colores, puedes cambiar el color de los diferentes elementos de diseño.
• Puedes ver exactamente qué está cambiando en la vista previa de la derecha.
• Al realizar cambios, verás una animación en la barra de navegación del elemento que muestra en qué elemento se puede ver este cambio

Tipografía

• En la pestaña Tipografía, puedes cambiar el tipo de fuente y el tamaño de todos los elementos de texto.
• Puedes cambiar la fuente principal y secundaria.
• Puedes seleccionar cuál de los dos deseas que hereden cada uno de los títulos y tipos de texto: primario o secundario

• Puedes ver dónde se utiliza actualmente cada uno de los elementos de texto.
  ¿Lo sabías?

  Esto es lo que generalmente recomendamos, sin embargo, puedes elegir utilizar estos tipos de texto en otras ubicaciones. Por ejemplo, para que los lanzadores hereden las propiedades del Título (Grande). Esto se puede configurar en el editor; consulta más información a continuación.

Fuentes

Se admiten las siguientes fuentes:

• Arial, Tahoma, Georgia, Courier, Próxima Nova, Poppins, Open Sans

También puedes:

• Utiliza una fuente del sitio web

• Sube una fuente personalizada

Utiliza la fuente del sitio web

La fuente del sitio web es una fuente que existe en el sitio donde estás jugando WalkMe. Para utilizar una fuente de sitio web:

1. Haz clic en Administrar fuentes

2. Haz clic en Usar fuente del sitio web

3. Asigna un nombre a esta fuente y haz clic en Guardar

4. Lo verás en la lista de fuentes, marcado como "Fuente de tu sitio web".

Carga una fuente

Para cargar una fuente que desees utilizar:

1. Haz clic en Administrar fuentes

2. Da un nombre a esta fuente

3. Haz clic en Cargar fuente junto a la variante de fuente

Note

• Solo los administradores pueden cargar fuentes

• Se admiten los formatos Woff, Woff2, TTF y OTF

  • Utiliza un convertidor de fuentes (por ejemplo, CloudConvert) para convertir el archivo en un formato compatible

• Solo carga fuentes para las que tengas una licencia válida

• Puedes cargar variantes de la fuente (negrita, cursiva, etc.). Si no cargas una variante, reproduciremos la variante regular.

• Las fuentes existen a nivel de cuenta, no por tema. Podrás utilizarlos en todos los sistemas.

Botones

• Cambia el ancho del borde y el radio de esquina de los botones.
• Puedes elegir tener un borde de color y definir el grosor en cada uno de los lados.
• Los colores de relleno y texto se heredan automáticamente del tema: no puedes cambiarlos desde aquí, pero puedes cambiar el color que hereda el botón en la pestaña Color, y afectará al botón aquí

• Los botones de texto secundario no tienen color de relleno (son transparentes) por defecto (por ejemplo, el botón Atrás en este ShoutOut)

• Los botones adicionales heredan la mayoría de sus propiedades del tema.
• Solo se puede cambiar el color del texto.

Cuando hayas terminado de editar, puedes guardar el tema como nuevo.

Los temas aparecerán en Mis temas personalizados.

A diferencia de los temas de WalkMe, los temas personalizados también se pueden renombrar, duplicar y eliminar.

Compartir temas

Si tienes activado el permiso Editar y Compartir para Theming en el Centro de administración, puedes vincular temas a varios sistemas a los que estás asignado. Para vincular el tema personalizado a otros sistemas:

• Haz clic en el menú Opciones
• Selecciona Enlace a otros sistemas (solo verás los sistemas que tienen Tematización activada)

Mapeo: relación tema-plantilla

• Todos los valores de texto y color (título 1, cuerpo 1, principal, secundario, etc.) funcionan de manera diferente en diferentes plantillas, incluso dentro de un tema.
• Por ejemplo, las plantillas Smart Walk-Thrus adjuntas aquí utilizan el mismo tema.
• Como puedes ver, las relaciones entre los valores son diferentes en diferentes plantillas
• Busca el mapeo de los colores y el texto en las imágenes adjuntas

Plantillas Smart Walk-Thru

Plantillas de iniciador

Plantillas SmartTip

Notas técnicas

• Solo los roles de Administrador y Gestor de contenido tienen permisos de edición y publicación. Todos los demás roles solo tienen permisos para ver los temas.
• El menú de widgets aún no es compatible.
• Solo se admite el menú Pro
• Solo se admiten globos de California. No se admiten globos clásicos
• Solo se admiten plantillas de diseño dinámico en el Diseñador visual
• Se admiten las siguientes fuentes:
  • Arial, Tahoma, Georgia, Courier, Próxima Nova, Poppins, Open Sans
• La vista previa en la aplicación multilingüe funciona, pero no reflejará los colores reales
• No se admite la web móvil
• No se admite la copia de cuentas entre sistemas de tematización y no tematización.
• Aún no se admiten fuentes personalizadas en los sistemas de escritorio