SmartTips
Breve descripción general
Los SmartTips son tooltips avanzados que ayudan a los usuarios a comprender tu sitio web o producto. Por ejemplo, puedes utilizar SmartTips para:
- Añadir consejos útiles a áreas confusas
- Verificar usuarios correctamente
Los SmartTips se crean en el Editor. Los SmartTips individuales se crean dentro de un conjunto - de SmartTips que aparecen en el mismo formulario o página. Los SmartTips se pueden utilizar en lugar de o además de recorridos guiados inteligentes.
Casos de uso
Hay dos tipos de SmartTips:
- SmartTips de orientación presenta a los usuarios información adicional sobre el contenido de la página o de un campo de entrada. Por ejemplo, puedes colocar un SmartTip de orientación en el campo Nombre para aclarar que el usuario debe introducir su nombre y apellido. El SmartTip de orientación en este campo aparecerá constantemente en la página y mostrará el mensaje "Introduce tu nombre y apellido" cuando el usuario pase el cursor sobre él.
- SmartTips de validación proporcionar comentarios en tiempo real sobre los campos antes de enviar el formulario. Por ejemplo, añade un SmartTip en un campo de correo electrónico que se mostrará si se realiza una entrada incorrecta y desaparecerá de la pantalla cuando se corrija el error.
Cómo funciona
Los SmartTips pueden mostrar sugerencias en un icono o directamente sobre el elemento seleccionado. Si los SmartTips se configuran para mostrarse sobre el elemento, el SmartTip de orientación aparecerá cuando un usuario se centra en el campo seleccionado (al pasar el cursor, hacer clic o navegar con la tecla Tab). Un SmartTip de validación aparece cuando un usuario se aleja del foco (hace clic o navega con Tab) del campo seleccionado y el campo es incorrecto (la regla de validación se evalúa como falsa).
Cuando se utilizan SmartTips tanto para orientación como para validación, el mensaje de orientación se coloca sobre un icono y el mensaje de validación aparece sobre el elemento seleccionado (véanse los GIF anteriores).
Conjuntos
Un Set es un grupo de SmartTips relacionados. Al igual que los pasos de Walk-Thru, los SmartTips se crean como grupo dentro de un Set. Ningún SmartTip puede ser independiente de un Set, del mismo modo que no puede existir ningún paso independiente de un Walk-Thru. El primer paso al crear SmartTips es crear el Set en el que se agruparán los SmartTips relacionados.
Configuración de un set
Al crear un conjunto, primero se te pedirá que determines dónde se reproducirá este conjunto: en una página específica o en varias páginas.
- Mostrar Set solo en una página específica requiere utilizar motor de reglas para definir la página (el más utilizado es el tipo de regla de URL). La definición de una página específica maximiza el rendimiento.
- Mostrar el set en varias páginas reproducirá el Set en todas las páginas, no será necesario crear una regla.
Configuración de segmentación
Antes de mostrar SmartTips, WalkMe verifica las reglas de segmentación del Set para ver si la regla es verdadera. Si es así, WalkMe ejecutará simultáneamente todos los SmartTips dentro del Set.
Añade el Set a un segmento para dirigirse a un público específico. Para que un formulario se aplique tanto a Administradores como a Ventas, aplica ambos segmentos globales al Smart Tip Set. Si el segmento aún no se ha creado al momento de crear el set, puedes añadir el mismo al segmento más adelante en Centro de segmentación.
Notas
Haz clic en el Pestaña Notas para crear notas.
Las notas se pueden utilizar para colaborar con los miembros del equipo en el Editor y no aparecerán a los usuarios finales.
Los siguientes son algunos ejemplos de casos de uso de Notas:
- Deja un recordatorio para ti mismo de una acción que se debe hacer más tarde en un elemento.
- Deja un comentario para tu colega
- Explica con tus propias palabras lo que construiste y por qué
¿Qué son los SmartTips de orientación?
Un SmartTip de orientación solo muestra un mensaje al usuario final. Los mensajes de SmartTips de orientación aparecerán al pasar el cursor sobre el icono o, si se configuran para mostrarse sobre el elemento, se activan al pasar el cursor o al enfocarse en él (haciendo clic o tocando). Este mensaje se puede mostrar en el elemento anclado o en el icono de SmartTip.
En la pestaña Interacción puedes configurar estos parámetros y acceder al Editor de texto avanzado para personalizar el diseño del SmartTip.
Consejo del martes: video
Qué son los SmartTips de validación
Los SmartTips de validación verifican que un usuario haya añadido contenido válido a los campos. Verifican las entradas de campo comparándolas con las reglas de validación.
Las reglas de validación permiten establecer lo que se considera una entrada válida para un campo. Si la regla de validación se evalúa como falsa (entrada incorrecta en un campo), el SmartTip mostrará el mensaje de validación.
Las reglas de validación se comprueban cuando un usuario se aleja (hace clic o presiona la tecla Tab) de un campo. El icono o elemento resaltado del SmartTip de validación se mostrará si el usuario completa el campo incorrectamente (la regla de validación se evalúa como falso) y desaparecerá cuando el usuario haya corregido el error (la regla de validación se evalúa como verdadero).
Un SmartTip de validación solo se reproduce si la regla es falsa; en otras palabras, si el elemento seleccionado no es un número de teléfono válido, se mostrará la validación.
La validación se puede configurar para que aparezca en el icono de SmartTip o en el campo seleccionado. El mensaje aparecerá cuando el usuario pase el cursor sobre el icono.
Puedes configurar reglas de validación y mensajes de éxito desde la pestaña Interacción.
Selecciona una de las siguientes reglas de validación predefinidas o crea una regla nueva y personalizada:
- Obligatorio: La regla evaluará si hay texto en el campo adjunto. Si se deja vacío, la regla de validación será falsa.
- Campo numérico : comprueba que la entrada sea un valor numérico.
- Formato de fecha : comprueba que la entrada esté en un formato de fecha válido como dd/mm/aaaa.
- Formato de hora: comprueba que la entrada esté en un formato de hora válido, como las 14:00 o las 2 p. m.
- Número de teléfono de EE.UU.: Comprueba que la entrada es un número de teléfono de los Estados Unidos con 10 dígitos (código de área más número). Esta regla no puede verificar si los números son reales, solo que está escrito en el formato correcto.
- Formato de dirección de correo electrónico : comprueba que la entrada esté en un formato de correo electrónico válido e incluya un símbolo @ Formato de dirección web: comprueba que la entrada esté en un formato de dirección web válido .
Si eliges uno de los preajustes y haces clic en Actualizar condiciones , verás la forma en que se escriben estos preajustes en el Motor de reglas. Por ejemplo, el El número de teléfono de Estados Unidos preestablecido utiliza la siguiente regla:
Personalización global
La personalización global te permite cambiar el diseño de todos los SmartTips, sin la necesidad de personalizar los SmartTips individuales mientras se crean. El uso de la personalización global mantiene una apariencia uniforme para todos los SmartTips.
La práctica recomendada es establecer un estilo para los indicadores de error a fin de mantener la uniformidad dentro de la plataforma. La personalización global no se aplica retroactivamente y solo afectará a los SmartTips creados después de guardar el diseño.
Puedes anular el color global, el texto y el estilo de iconos para los SmartTips de orientación en el menú de opciones de SmartTip. Esto se debe a que hay diferentes casos de uso para Guidance SmartTips y es posible que no siempre se desee el mismo estilo.
Publicación
Cuando estés listo para publicar tus SmartTips, selecciona el set y haz clic en Publicar.
Si hay uno o más SmartTip individuales dentro del set que preferirías no publicar, desactívalos en el menú de opciones de SmartTip. Si cambias entre activado y desactivado, deberás volver a publicar para que el cambio surta efecto:
Del mismo modo, no se pueden archivar los SmartTips individuales, solo los conjuntos completos. Para retirar un SmartTip individual, desactívalo en el menú opciones de SmartTip.
¿No se muestran los SmartTips?
Si ninguno de los SmartTips del setse muestra:
- Comprueba la regla de visualización de páginas del conjunto.
- Comprueba la regla de segmentación del conjunto.
Si los SmartTips individuales no se muestran:
- Comprueba la regla de visualización del SmartTip; tanto la regla de visualización como la regla de segmentación deben ser verdaderas para que el SmartTip se muestre.
- Comprueba el grado del elemento SmartTip; intenta volver a capturar el elemento si no aparece un SmartTip de validación y verifica la regla de validación. Cuando la regla se evalúa como verdadera, se mostrará el mensaje de validación.
Si los SmartTips siguen sin mostrarse, contacta con soporte técnico.
Recursos relacionados
- Para obtener ayuda con la segmentación, lee Motor de reglas.
- Recorridos guiados
- Iniciadores
- Leer sobre Verificar mi formulario
- Leer sobre Multidioma