Cuando activas un Tour, verás cuántos clientes lo han visto y completado con el tiempo. También encontrarás cualquier problema en la pestaña ‘Problemas’. Haz clic en ‘Problemas’ para ver más:
Aquí verás cada vez que tu Tour haya tenido un problema para encontrar un selector CSS:
Un selector CSS es un fragmento de código que se usa para identificar la parte de tu sitio a la que debe apuntar el puntero.
Este informe registra un problema cuando un Tour se entrega correctamente a un cliente, pero uno de los elementos web que elegiste para señalar no es visible en la página. Cuando ocurre un problema, tu puntero se mostrará a los clientes en un estado sin apuntar, así:
Para obtener orientación sobre cómo solucionar problemas de CSS, lee este artículo.
Otros problemas para revisar
También hay tres problemas que este informe no muestra, que impedirán que tu Tour se envíe o complete:
Si el primer mensaje puntero de tu Tour está dirigido a un elemento que no se encuentra en la página, el Tour no se enviará. Si ves que tu tour no se envía a nadie, deberías probar si puedes mostrarlo en la página que has seleccionado.
☝️ Esto puede pasar incluso si el primer mensaje puntero no es el primer mensaje del Tour. Por ejemplo, si tu primer mensaje es un post y el segundo es un puntero.Si usas la opción ‘clic para avanzar’, tu tour llevará a los clientes a una nueva página. Si el siguiente mensaje apunta a un elemento que no aparece en la nueva página, el tour no continuará.
Si tu app usa un menú de navegación con posición fija o "sticky" (que permanece en su lugar mientras el resto de la página se desplaza), esto puede afectar cómo se desplazan los elementos del tour para verse:
Con una barra de navegación fija, puede que veas punteros del Tour desalineados con el elemento que están resaltando:
Para resolver este problema, deberás agregar una línea de CSS al elemento en cuestión:
scroll-margin-top: (height of your navbar)px;
Por ejemplo, si tu barra de navegación mide 30px de alto y tu botón tiene el ID "button4", agregarías lo siguiente:
#button4 {
scroll-margin-top: 30px;
}Esto asegurará que el puntero esté correctamente alineado. 👍
Si ves bajas tasas de envío o finalización, deberías probar estos problemas.
Aprende cómo en esta guía para probar tu Tour de Producto.