"Reemplazamos tres herramientas con Yaplet y nuestro tiempo de respuesta bajó de 4 horas a 2 minutos. El AI casi siempre acierta a la primera."
MK
Maya K.
Jefa de Soporte, empresa SaaS
Tours de producto / incorporación
Muestra tu producto, no lo expliques.
Los nuevos usuarios se registran, se pierden y se van. Los tours de Yaplet los guían al momento eureka con tooltips anclados a tus botones reales, resaltado de elementos y disparadores por URL o comportamiento. Creado en un editor de apuntar y hacer clic, sin código por paso.
- Tooltips anclados en elementos del DOM reales
- Sin código por paso. Apunta, haz clic, escribe.
- Resalta el objetivo y atenúa el resto de la página
- Activa tours por URL o comportamiento del visitante
Valoración media de 4,9
|
en G2 y Capterra| Sin código Paso 2 · de 5Momento eureka Objetivo
Dentro de tu propio producto
Una capa sobre la página, sin documentación aparte.
Los tours se ejecutan sobre tu app real: los mismos botones, los mismos menús. Yaplet ancla el tooltip al elemento que eliges y resalta el destino, para que los usuarios vean en qué hacer clic sin necesidad de comparar con una captura de pantalla.
app.example.com/dashboard
Tu app
Paso 2 de 5
Abrir la bandeja de entrada
Todas las conversaciones llegan aquí: chat, correo y más.
Anclado a elementos reales
Haz clic en cualquier botón, menú o campo con el selector visual. El tooltip sigue al elemento a través de los cambios de diseño.
Activado por URL
Define una URL de inicio. El tour espera a la página correcta antes de abrirse, para que nunca se active en el lugar equivocado.
Selectores de respaldo
Añade selectores de reserva por paso. Si falta el elemento, Yaplet prueba el siguiente.
Saltar si está oculto
¿Pasos vinculados a UI opcional? Yaplet los omite cuando el destino no está en pantalla.
Dentro de los tours de Yaplet
Todo lo que necesitas para guiar a los usuarios en la app.
El mismo panel que tu chat, CRM y base de conocimientos. Una herramienta, no cinco. Constructor de apuntar y hacer clic, disparadores de comportamiento y pasos que sobreviven a un producto real sin complementos ni barreras de actualización.
Constructor visual sin código
Abre tu app, haz clic en un elemento, escribe el mensaje. Arrastra los pasos para reordenarlos y previsualiza sobre la marcha. Sin código por paso.
Apunta por selector
Cada paso se ancla a un selector CSS que eliges visualmente. El tooltip sigue al elemento dondequiera que esté en la página.
Activa por URL o comportamiento
Muestra el tour adecuado al usuario adecuado: visitó X pero no hizo Y, en una página específica, en un plan específico. Más que la «primera visita».
Varios pasos con progreso
Encadena tantos pasos como necesites. Los visitantes ven una fila de puntos de progreso y pueden avanzar a su ritmo.
Resalta el objetivo
Yaplet ilumina el elemento y atenúa el resto de la página, para que los usuarios sepan dónde mirar sin un laberinto de flechas.
Texto, vídeo y enlaces
Combina tipos de paso: publicación de tooltip, puntero con texto, puntero de vídeo o un paso que simplemente abre una URL.
Selectores de respaldo
Añade selectores de respaldo por paso. Si tu UI cambia, el tour recurre a ellos en lugar de romperse.
Contenido multilingüe
Escribe cada paso en los idiomas que habla tu audiencia. Yaplet muestra el texto adecuado al visitante adecuado.
Adaptable a móvil
Los tours funcionan en teléfono y escritorio. Los tooltips se reposicionan, los tamaños se adaptan, sin desbordamientos incómodos.
Incorporación
Reduce el abandono en la activación durante los primeros 5 minutos
La mayoría de los usuarios deciden si se quedan durante su primera sesión. Yaplet los guía al momento eureka en el instante en que inician sesión, sin un artículo de ayuda ni un ticket de soporte.
- El tour de bienvenida empieza en la URL del panel, sin configuración dentro de tu app
- Muestra a los usuarios dónde están los botones importantes, en la UI real
- Omite pasos cuando un elemento no está presente, para que las cuentas parciales nunca vean un tour roto
Descubrimiento de funciones
Ayuda a los usuarios actuales a encontrar las funciones que has lanzado
Lanzaste algo genial y nadie se dio cuenta. Ejecuta un tour enfocado en la página donde vive, para que los usuarios actuales vean qué hay de nuevo en segundos sin abrir tu registro de cambios.
- Apunta solo a la página relevante: precios, ajustes, la propia función nueva
- Un paso, dos pasos o un recorrido completo
- Resalta el nuevo elemento y explícalo en lenguaje sencillo
En marcha en minutos
Diseña los pasos, añade un fragmento, publica
Sin SDK ni código por paso. Abre tu app dentro del constructor de Yaplet, haz clic en los elementos que quieres resaltar, escribe los mensajes y pulsa publicar.
1
Diseña tus pasos
Abre tu app dentro del constructor visual de Yaplet. Haz clic en un elemento, escribe el tooltip y repite. Arrastra para reordenar.
2
Añade un fragmento
Añade el mismo fragmento de Yaplet que usarías para el chat en vivo. Una sola instalación para chat, tours, encuestas y más.
3
Publica y segmenta
Establece la URL de inicio, elige quién lo ve y publica. Edita cuando quieras, sin redespliegue de tu parte.
Fragmento de instalaciónhtml
<!-- Un fragmento impulsa el chat, los tours y el resto de Yaplet -->
<script src="https://yaplet.com/api/sdk/loader?widgetId=YOUR_WIDGET_ID" async></script>
<script>
Yaplet.initialize("YOUR_WIDGET_ID");
</script>Publica tu primer tour en menos de 10 minutos
Deja de escribir documentación que nadie lee. Crea un tour hoy en el plan gratuito para siempre, sin tarjeta de crédito, y republica cuando tu producto cambie.
Sin tarjeta de crédito Plan gratuito para siempre Cancela cuando quieras
Preguntas frecuentes
Cómo funcionan los tours de Yaplet
Respuestas cortas y honestas. ¿Sigues con dudas? Abre un chat y te respondemos.
Habla con una persona real
Nosotros también usamos Yaplet. Pruébalo con nosotros.
Dentro de tu app. Una vez instalado el fragmento de Yaplet, los tours se renderizan como una capa superpuesta sobre tu UI real. Los tooltips se anclan a tus botones, menús y formularios reales.
No. Diseñas cada paso en el constructor visual de Yaplet: abre tu producto dentro del constructor, haz clic en el elemento que quieres resaltar, escribe el mensaje y Yaplet captura el selector por ti.
Estableces una URL de inicio en el tour, más condiciones opcionales de visitante y comportamiento (página, tiempo en la página, propiedades personalizadas, frecuencia). Yaplet solo abre el tour cuando coinciden.
Cada paso puede tener selectores de respaldo que Yaplet prueba en orden. También puedes marcar un paso como «omitir si está oculto» para que un elemento opcional nunca rompa el flujo.
Cuatro tipos: una publicación centrada, un tooltip de puntero sobre un elemento, un puntero con vídeo integrado y un paso de enlace que envía al visitante a otra URL. Úsalos en cualquier combinación.
Sí. Los tours admiten segmentación de visitantes y de páginas, así que puedes ejecutar un tour de bienvenida para nuevos registros y un tour de descubrimiento de funciones solo para usuarios de un plan o página específicos.
Sí. Los tooltips se reposicionan en pantallas más estrechas y el anillo de resaltado se redimensiona al elemento al que están anclados. El mismo tour funciona en teléfono y escritorio.
Reseñas
La gente nos quiere
Amado por personas y equipos que se preocupan por hacer cada interacción con el cliente más inteligente y eficiente.
G24.9/ 5
Excelente
Capterra4.9/ 5
Excelente