Smart Walk-Thrus

Opciones de diseño

Hay dos formas de cambiar el diseño del globo.

1. La primera es seleccionar un diseño prefabricado de nuestra Galería de diseños.
2. El segundo es tomar el controlar completamente el diseño del elemento utilizando CSS.

Si haces clic en Cambiar diseño, que está en la parte superior derecha de la pestaña Interacción, se abrirá la Galería de diseños. En la Galería de diseños puedes seleccionar un diseño para tu globo. También puedes configurarlo a nivel global en la página Configuración del Walk-Thru.

Utiliza nuestra consola de personalización de HTML/CSS para editar plantillas avanzadas y personalizarlas a tu gusto.

Editor WYSIWYG:

Con el Editor WYSIWYG (lo que ves es lo que obtienes) puedes cambiar fácilmente el aspecto y el contenido del elemento y ver los resultados de forma inmediata.

Herramientas en el Editor WYSIWYG:

• Tamaño de fuente
• Negrita
• Cursiva
• Subrayar
• Color de fuente
• Alineación de texto
• Añadir vínculo: añadir un hipervínculo de URL
• Añadir lista con viñetas: añade viñetas a una lista de elementos en el texto del globo
• Añadir enlace de Smart Walk-Thru: crea un enlace que inicia otro Smart Walk-Thru
  • Este enlace detendrá el Smart Walk-Thru actual e iniciará el vinculado. Para vincularse a un Smart Walk-Thru, este debe haberse creado anteriormente y contar con un ID de Walk-Thru
• Añadir imagen:
  • Puedes añadir una nueva imagen cargando una imagen desde el ordenador o insertando su URL (en cuyo caso, la imagen debe estar alojada en internet);
  • Los tipos de archivos compatibles incluyen JPG, JPEG, PNG, GIF;
  • El tamaño máximo de archivo es 500 KB;
  • Las imágenes subidas se alojan en un contenedor exclusivo en Amazon S3;
  • El ancho y la altura de la imagen de la URL se ajustan automáticamente al tamaño de globo o ShoutOut, manteniendo la relación de aspecto de la imagen original;
  • Puedes ajustar el ancho y la altura de la imagen si es necesario haciendo doble clic en la imagen para editar;
  • Puedes utilizar "Bloquear relación de aspecto" para bloquear la relación de aspecto para que se mantenga la misma proporción cuando se cambie de tamaño;
  • Puedes eliminar la imagen haciendo clic en el icono de la papelera junto a la URL de la imagen, o eliminándola utilizando backspace o eliminándola mientras editas el texto en el editor de texto;
  • Formato de BBCode: [img]img_URL[/img];
  • Formato de BBCode con ancho y alto: [img=widthxheight]img_URL[/] (por ejemplo, [img=40x24]img_URL[/img]).
  • 
• Añadir vídeo: introduce una URL de vídeo en la plataforma de vídeo correspondiente
  • Los vídeos se pueden reproducir desde cualquier plataforma siempre que estén en formato MP4 utilizando un iFrame (consulta BBCode en la tabla siguiente). Introduzca el ancho y el alto si es necesario
• Añadir iFrame: carga una página web en un iframe
• Añadir texto dinámico: añade texto dinámico, como el nombre real de un usuario, en un globo
• BBCode: da formato al texto utilizando BBcode. Consulta los ejemplos siguientes:
  

  Función	BBCode
  Alinear texto en el centro	[div style="text-align:center"]texto[/div]
  Tachar	[s]text[/s]
  Tablas	[table]{rows}[/table]
  Filas de tabla	[tr]{cells}[/tr]
  Celdas de contenido de tabla	Celda de encabezado: [th]{content}[/th]
  Celda de contenido	[td]{content}[/td]
  Enlace al correo electrónico	[url=mailto:name@company .com]nombre@empresa.com[/url]

• Puedes editar lo siguiente en el globo de la vista previa:
  • Título: edita la instrucción principal para el usuario
  • Texto: si quieres, aquí puedes incluir instrucciones o detalles adicionales para el paso

Posición:

Cambia dónde aparece el globo de pasos en relación con el elemento seleccionado (puedes personalizar aún más la posición en la pestaña Apariencia). Modifica aún más la posición cambiando la colocación de los píxeles hacia arriba/abajo y hacia la izquierda/derecha.

Alinear al texto

Al activar esta función, el globo de Smart Walk-Thru señalará al centro del texto del elemento, incluso si el texto no está alineado a ambos lados.

Desencadenadores de pasos:

Determina qué acción hará al Smart Walk-Thru avanzar al siguiente paso. Los desencadenantes hacen avanzar la orientación y la hacen interactiva.

• Clic: el siguiente paso se iniciará cuando el usuario haga clic en el elemento.
• Siguiente: el siguiente paso se iniciará cuando el usuario haga clic en el botón Siguiente del globo
  • Consejo experto: puedes combinar otros desencadenadores con Siguiente pulsando Ctrl en un teclado de PC (o Comando en un teclado de Mac) y seleccionando el segundo desencadenador.
• Escribir: el siguiente paso se iniciará cuando el usuario introduzca texto en el campo de texto seleccionado.
• Pasar el cursor: el siguiente paso se iniciará cuando el usuario pase el cursor por encima del elemento.
• Retraso: el siguiente paso se iniciará automáticamente después de un número establecido de segundos
• Actualizar: el siguiente paso se iniciará al actualizar la página
• Desencadenador personalizado: crea una regla que indique a WalkMe cuándo pasar al siguiente paso
  • Consejo experto: puedes utilizar este tipo de desencadenador para añadir a la pantalla más elementos que puedan activar el paso
• Desencadenadores de menú desplegable: los siguientes desencadenadores solo aparecen como opciones cuando se selecciona un elemento de menú desplegable:
  • Seleccionar cualquier opción: el siguiente paso se iniciará cuando se seleccione cualquier elemento de un menú desplegable
  • Seleccionar una opción específica: el siguiente paso se iniciará cuando se seleccione un elemento específico de un menú desplegable

La estructura del archivo

Cada página del archivo muestra un paso de Smart Walk-Thru sobre una captura de pantalla de la página de la aplicación en la que se capturó el paso. Cada paso está situado junto al elemento seleccionado.

Las características adicionales de la estructura de página incluyen las siguientes:

1. El número cronológico del paso
2. La etiqueta del paso
3. La fecha y hora de creación del paso
4. La ubicación de la URL donde se capturó la captura de pantalla