7 softwares de código abierto para onboarding en 2024

Todos necesitamos un buen onboarding.

Los Product Owners, los usuarios, los visitantes del sitio web, todos.

Ya sea para el producto en sí o para el sitio web del producto, no se puede confiar en la capacidad del usuario para darse cuenta de todo por sí mismo. Ellos simplemente se irán a otro lugar en el caso de que pase esto.

Así que sí, no importa si será una herramienta de onboarding para incorporar usuarios o una experiencia de onboarding más general: todos necesitan onboarding.

Pero no todo el mundo puede permitirse una herramienta de onboarding o arreglárselas sin código.

¿Qué hacer entonces?

Se opta por una opción de código abierto.

Así que hoy vamos a hablar de software de onboarding de código abierto que te ayudará a disparar el compromiso de tus usuarios, ¡incluso si no tienes presupuesto!

Estas son las herramientas de código abierto que recomiendo:

1. Shepherd.js
2. Crumble
3. Bootstrap Tour
4. Intro.js
5. Joyride
6. Hopscotch
7. Driver.js

Pero antes de entrar de lleno en estos fantásticos softwares de onboarding de código abierto, recordemos qué significa realmente el concepto de un software de onboarding de código abierto.

¿Qué es una herramienta de código abierto?

Una herramienta de código abierto – o software de código abierto – es el tipo de software que cualquiera puede utilizar sin necesidad de una licencia comercial. Cualquier usuario de un software de código abierto puede utilizar, modificar o distribuir el código fuente del software, lo que de hecho puede beneficiar a la propia herramienta de código abierto a cambio. Al hacer posible que muchas personas colaboren en un proyecto, el software de código abierto también puede ser un gran espacio de colaboración.

¿Por qué utilizar software libre y de código abierto (FOSS)?

Ahora que ya sabemos lo que es una herramienta de código abierto, reduzcamos un poco el alcance y planteemos otra pregunta importante: ¿por qué utilizar una herramienta de estas?

Y en nuestro caso concreto, ¿por qué utilizar una herramienta de onboarding de código abierto?

Permítanme darles tres motivos.

1- Mayor personalización

Un FOSS (Free and Open Source Sofware, en inglés) es altamente personalizable, ya que los usuarios tienen acceso directo e ilimitado al código del software.

Además, como es posible acceder a cualquier versión o actualización que un usuario desee utilizar, los FOSSs también es muy flexible.

2- Colaboración sencilla

El software libre y de código abierto está diseñado para que varios (incluso miles) de desarrolladores trabajen en colaboración siempre y cuando sea necesario.

Esto no sólo significa que puedes trabajar con otros desarrolladores en una única plataforma, sino también que dispondrás de un código de alta calidad que ha sido estudiado, revisado y escrito por muchos desarrolladores con talento.

Sin duda, un buen negocio.

3- Barato, si no gratis

La mayoría del software libre no cuesta nada. Pero no te dejes engañar, el término "free" en FOSS no significa "sin coste".

Un usuario de software libre es libre de utilizar y estudiar el software, libre de realizar cambios en el software, libre de distribuir el software y libre de distribuir su propio trabajo y los cambios que haya realizado.

Hay FOSSs que pueden ser de pago, pero esencialmente todos son baratos o gratuitos.

No es necesario estar pendiente de esos 14 días de prueba gratuita.

Así que, volviendo a nuestra amplia perspectiva del software de código abierto, es seguro decir que un FOSS puede ser preferible al software privativo en muchos aspectos. 

El truco está en decidir si es bueno para ti y qué es exactamente bueno para ti.

Averigüemos esto último.

Los 7 mejores programas de onboarding de código abierto

Tanto si lo que buscas es un proceso perfecto de onboarding de clientes o de compromiso de los funcionarios, existe un software de onboarding de código abierto para ti.

Aquí tienes 7 de ellos.

1- Shepherd.js

Shepherd.js es una herramienta de código libre que proporciona a los usuarios una biblioteca Javascript mantenida por Ship Shape y disponible en GitHub. Shepherd ayuda a los usuarios a crear visitas guiadas para aplicaciones y, gracias a su presencia en GitHub, es fácil para los desarrolladores colaborar y recibir soporte.

Shepherd se enorgullece de ser una herramienta accesible, personalizable y frame-ready.

Es compatible con los navegadores Microsoft Edge, Firefox, Google Chrome y Safari, así como con marcos de trabajo como React, Ember, Angular, Vue.js y ES Modules.

Con 85 colaboradores y 9.4K estrellas en GitHub hoy en día, Shepherd sirve a casi 500 usuarios y es de uso gratuito.

2- Crumble

Crumble como herramienta de onboarding es un plugin jquery bastante fácil de usar (hablando con los desarrolladores aquí). La meta-información para el tour de características de tu sitio web o aplicación se almacena como una lista ordenada estándar en el HTML de la página.

Básicamente, se parece un poco a esto:

$('#tour').crumble();<ol style="display: none;"><li data-target="#one" data-angle="130">    The first step in the tour</li><li data-target=".two" data-options="distance:20">    This is the second step in the tour</li></ol>

Funcionando completamente en JavaScript, Crumble no se desmoronará a menos que estés buscando una gran experiencia de onboarding de usuario o de funcionario. Si estás buscando una opción gratuita para crear un software de onboarding para usuarios o empleados sencillo y con una sola función, Crumble podría ser la opción adecuada.

3- Bootstrap Tour

Que vengan los entusiastas de CoffeeScript, porque el lenguaje principal de Bootstrap Tour es exactamente eso.

Bootstrap Tour es una solución sencilla para onboarding de usuarios o funcionarios. Aunque su última versión se remonta a 2017, Bootstrap Tour todavía parece funcionar bien. Y sí, sigue siendo simple y se ve bien. Después de instalar algunas dependencias estándar, lo tienes listo.

Con 66 colaboradores y 4,4K estrellas en GitHub, Bootstrap puede ser la solución gratuita para un flujo de onboarding sencillo y práctico.

 4- Intro.js

Como dicen en su sitio web, Intro.js es una biblioteca ligera y fácil de usar para crear onboarding de clientes paso a paso.

Es uno de los softwares libres y de código abierto más populares y actualizados que puedes encontrar, con 20,8K estrellas, 2,7K usuarios y la última fecha de lanzamiento del 6 de noviembre de 2021 en GitHub.

Una cosa a tener en cuenta antes de optar por Intro.js para crear tu flujo de onboarding es que Intro.js es gratuito sólo para sitios de código abierto, personales y no comerciales. Los precios para los demás son:

• Starter Pack sin soporte oficial por $9,99
• Business Pack con un mes de soporte oficial y revisión de código por $49,99
• Premium Pack con un año de soporte oficial, revisión de código, y proyectos ilimitados por $299.99

Consulta aquí nuestro artículo sobre alternativas a Intro.js.

5- Joyride

No, el coche no forma parte del producto.

Joyride es uno de los softwares libres y de código abierto más pequeños de GitHub, pero sin duda es capaz de crear una buena guía interactiva.

De hecho, tan pronto como entras en la página web de Joyride, te lleva a un tour que termina con los visitantes haciendo una pequeña secuencia de teclado para arrancar el motor del coche en la foto de arriba (no voy a mentir, eso fue genial).

Aunque todas las versiones de Joyride dependen de jQuery y what-input, es bastante fácil de configurar y poner en marcha.

Así que si necesitas una herramienta gratuita para poner en marcha tus tours, Joyride puede ser la tuya.

6- Hopscotch

¿Alguien necesita visitas guiadas de varias páginas? Hopscotch está aquí para ayudar.

Hopscotch es un framework que facilita a los desarrolladores añadir visitas guiadas de producto a sus páginas. Lo que lo puso en la lista es que permite a los usuarios codificar visitas guiadas de producto de múltiples páginas, algo no tan ligero de hacer a mano.

También tiene otras características como las devoluciones de llamada de eventos, soporte i18n y callouts ligeros.

Aunque hace tiempo que no se actualiza, parece que sigue funcionando. Así que si necesitas una opción gratuita de onboarding que pueda saltar de página en página, esta es para ti.

7- Driver.js

Driver.js es "un motor de Vainilla JavaScript ligero, sin dependencias, para conducir el foco del usuario a través de la página", como describen en GitHub, donde el software tiene 13,1K estrellas y 9,6K usuarios.

No está nada mal, ¿verdad?

Con Driver.js puedes resaltar cualquier cosa en una pantalla dada, usar desplazadores de enfoque, control con teclas y usarlo en cualquier lugar para superponer. Es bastante ligero también, sólo ~4kb cuando se descomprime. 

Todas esas características y la más importante es que Driver.js no es sólo otra librería turística. Se puede utilizar para cualquier caso de uso, por ejemplo, atenuar las luces en una página determinada.

Y por supuesto, es de uso gratuito.

Bueno, eso es casi todo el mejor software libre de código abierto que puedes usar para crear una visita guiada de producto, o algo un poco más complejo, una visita guiada de producto de varias páginas 🤯.

Pero bueno, algunos de nosotros no somos desarrolladores. Algunos de nosotros no tienen habilidades de codificación. Algunos de nosotros no tienen la paciencia. 

Después de todo, la codificación es un trabajo a tiempo completo (literalmente) y cuando una herramienta es de código abierto tiene algunos fallos.

¿Y entonces qué?

¿Para qué molestarse con todo el código? Puedes crear todo un flujo de onboarding de usuarios en minutos, sin codificar 🚀

Cuando empecé mi carrera en SaaS como redactor de contenidos, justo antes de descubrir qué era exactamente la tasa de conversión, la tasa de rotación y todo ese asunto, llegué a una conclusión devastadora.

Codificar era algo que llevaba horas.

No tenía ni idea y siempre supuse que se trataba de algún tipo de magia de hacking de película de atracos.

Lo que fue más devastador fue el hecho de que la codificación tomó horas Y era sólo para un pequeño componente en un sitio web completo.

"Me apunto..." "...con mucho dolor."

Fue entonces cuando me dije: "tiempo es oro". 

Por lo tanto, permítanme poner toda la discusión de código abierto libre a un lado por un segundo y presentarles a un verdadero ahorrador de tiempo: UserGuiding.

UserGuiding es una herramienta sin código que no sólo te ayuda a recibir tus usuarios, sino también preguntarles cómo fue su experiencia, analizar los datos de UX, y hacer cambios en tiempo real para una mejor experiencia.

Utiliza UserGuiding para crear mucho más que visitas guiadas de producto, como:

✅ Tutoriales interactivos

✅ Hotspots

✅ Módulos UX

✅ Encuestas NPS

✅ Barras de notificación, 

✅ Centros de recursos, y mucho más

👉 Comienza tu prueba gratuita AHORA 👈

Conclusión

¿Nueva empresa? ¿No tienes financiación? ¿Necesitas una visita guiada de producto para un sitio web?

Sabemos cómo te sientes. Cuando estás en los inicios de tu viaje SaaS, todo parece indicar que desarrollar algo internamente es mejor que pagar la más mínima cantidad.

Es entonces cuando un buen software libre y de código abierto puede ayudarte. Aunque no siempre se actualizan con regularidad, un FOSS es conocido por ser altamente personalizable, fácil de conseguir en alta calidad ya que es colaborativo, y lo más importante es que son en su mayoría gratuitos.

Pero cuando consigas esa pequeña financiación, puede que quieras concentrar el valioso tiempo de tus desarrolladores en cosas mejores, como tu producto. 

Cuando llegue ese momento, no dudes en cambiar a una herramienta de onboarding sin código. Estaremos esperando. 😎