Abre TeachMe a través del menú de WalkMe

Breve descripción general

Ya sea que utilices TeachMe para tus empleados internamente o que ayudes a los usuarios externos a tener la mejor experiencia con tu sitio web o producto, deberán poder acceder a TeachMe.

En este artículo, revisaremos cómo iniciar la experiencia de TeachMe a través del menú de WalkMe. El menú es un excelente lugar para almacenar los elementos más importantes, incluidos los cursos de TeachMe. Los usuarios tendrán fácil acceso a la formación que necesitan cuando la necesiten.

¿Todavía no tienes un menú? ¡No te preocupes! Es simple. Simplemente consulta este artículo en el Organizador de menús.

Cómo funciona

Tienes dos opciones para abrir TeachMe a través del menú:

1. Puedes añadir un Launcher al pie de página del menú.
   Esto le da a TeachMe un lugar destacado en el menú donde los usuarios siempre podrán verlo y acceder a él. 2. Puedes añadir un Smart Walk-Thru con un paso automático dentro del menú.
   Esto integrará TeachMe en la lista con el resto de los elementos.

Cualquiera que sea tu elección, utilizaremos jQuery (no te preocupes, te diremos exactamente lo que necesitas).

Añade Launcher al pie de página del menú.

Si tu elección es el Launcher, recomendamos añadirlo al pie de página del Menú. Esta suele ser el área con más espacio. Dicho esto, si deseas añadir el Launcher a una parte diferente del menú, puedes buscar el fragmento de jQuery y reemplazar el siguiente.

Para añadir un Launcher al menú:

Paso 1: Crea un iniciador

1. Desde el Editor, crea un iniciador a través del icono azul grande +.
2. Captura cualquier cosa en el sitio (estaremos cambiando la ubicación más tarde).
3. Haz clic en Guardar .

Launchers: Getting Started Guide

Paso 2: Inserta jQuery.

1. En el Editor, haz clic en el Lanzador para abrir la pantalla de Opciones del Lanzador.
2. Ve a Interacción Acción.
3. Selecciona Abrir cursos en el menú desplegable.
4. En la página Opciones del Lanzador, ve a la pestaña Elemento seleccionado.
5. En Comportamiento del elemento, selecciona Aparece y desaparece como resultado de la acción del usuario.
6. En Define cómo identificar el elemento, selecciona j Query Selector.

En el campo del selector de jQuery: escribe: #walkme-footer (si deseas que esté en un lugar diferente en el menú, añade el jQuery aquí).

Paso 3: Cambia la configuración del Launcher.

1. Ve a Apariencia Posición.
2. En Configuración del lanzador, selecciona Inner y la flecha izquierda (esto colocará el lanzador en la esquina inferior izquierda del menú).

Paso 4: Cambia el índice Z

1. Aún en la pestaña Apariencia, ve a Ordenar capas.
2. Activa el índice Z.
3. En Definir el valor del índice Z manualmente, escribe 2147483647.
4. Haz clic en Guardar .

Listo.

Cuando estés listo, publica este iniciador y aparecerá en el menú. Para personalizar el lanzador, ve al Artículo lanzadores.

Añade Smart Walk-Thru con Auto-Step

Quizás tener un botón separado en el menú no sea exactamente tu estilo. Tal vez desees añadir tu experiencia de TeachMe a la lista de otros elementos del Menú. En este caso, crearás un Smart Walk-Thru súper simple con un Paso automático que abre el menú del curso (¡Sí! Es solo un paso). Comencemos.

Para añadir un paso automático de Smart Walk-Thru:

Paso 1: crea un Smart Walk-Thru

1. Desde el Editor, crea un Smart Walk-Thru a través del icono azul grande +.
2. Inicia tu Smart Walk-Thru haciendo clic en el símbolo naranja + y seleccionando Paso automático.
3. Selecciona cualquier elemento (cambiaremos la ubicación más adelante).
4. En el menú desplegable Acción, deja Clic como seleccionado.
5. Haz clic en Listo.

Paso 2: Paso 2: Inserta jQuery.

1. Vuelve al Editor, haz clic en el Auto Paso que creaste.
2. Ve a la pestaña Elemento seleccionado.
3. En Definir cómo identificar el elemento, selecciona j Query Selector.
4. En el selector de JQuery: Escribe: #walkme-player-panel (esto abre el menú en lugar de hacer clic en el elemento aleatorio que seleccionaste).
5. Haz clic en Listo.

Paso 3: Añade Smart WalkThru al Organizador de menús.

1. Navega hasta el Organizador de menús en la consola de WalkMe: console.walkme.com/menu.
2. En la lista de elementos, localiza el nuevo Smart Walk Thru y arrástralo a la ubicación deseada en el menú.
3. Haz clic en Guardar .

¡Hecho!

Obtén más información sobre Smart Walk-Thrus y AutoSteps en este artículo.