Chatwoot, la alternativa a Intercom, Drift, Zendesk, FreshChat

November 18, 2019 ·660 words · 4 min

Me acabo de encontrar con esta joya que sirve para implementar tu propio servicio de chat para hablar con tus clientes. Esa burbuja que aparece en la parte inferior derecha de algunos sitios en donde puedes tener una conversación con un agente. El repositorio está abierto en Github en este enlace.

Su documentación y sitio están en progreso, pero me impresionó tanto que les contaré de qué trata y cómo pueden probarlo.

Configuración rápida

Asegúrate que las siguientes dependencias estén funcionales en tu sistema.

  1. Ruby en su versión 2.6.5, si utilizas RVM: rvm install 2.6.5
  2. Yarn, de preferencia en su última versión
  3. Imagemagick, de preferencia en su última versión
  4. Redis, de preferencia corriendo en redis:://127.0.0.1:6379

Después, clonamos el repositorio y accedemos a él.

git clone https://github.com/chatwoot/chatwoot.git chatwood
cd $_

Una vez dentro instalamos las dependencias de Javascript y las de Ruby.

yarn install
bundle install

Cambiamos permisos del ejecutable de configuración y lo ejecutamos, este básicamente copia dos archivos contenidos en la carpeta shared.

chmod +x configure
./configure

Después, seteamos la base de datos.

rake db:setup

Finalmente corremos el servidor utilizando Foreman.

foreman start -f Procfile.dev

Podrás visitar el proyecto en 127.0.0.1:3000, es probable que tengas que hacer reload dos veces en caso de que webpacker no haya compilado a tiempo.

Probando, probando

Una vez que hayas corrido el servidor poadrás acceder con las credenciales john@acme.inc, 123456.

Del lado derecho podremos ver diversas opciones de navegación.

Conversations

En el apartado de Conversations tendrás un mensaje pendiente de jane. Podemos hacer click en el elemento y así poder chatear con jane. Tenemos un botón de emojis y un tab para agregar notas privadas.

Del lado superior derecho podemos asignar la conversación a un agente nuevo y también resolver la conversación.

Reports

La aplicación tiene una sección de reportes simple que nos permite ver la actividad de nuestros agentes y usuarios en una gráfica filtrada por los últimos 7 o 30 días.

Settings

Podremos agregar Agents, configurar Inboxes, Canned Responses y Billing.

Agents

Aquí podremos agregar nuevos agentes, la información disponible es poca pero al agregar a un agente nuevo le llegará un correo para setear una contraseña.

Inboxes

Aquí podremos agregar diferentes tipos de canales de comunicación. Por ahora sólo está disponible Website y Facebook.

Cabe destacar que podemos asignar agentes específicos a un canal, por lo que la extensibilidad que tiene aumenta.

Website

Te permite agregar un código Javascript en tu sitio web para que aparezca la clásica burbuja, por ejemplo:

(function(d,t) {
  var BASE_URL = 'http://localhost:3000';
  var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  g.src= BASE_URL + "/packs/js/sdk.js";
  s.parentNode.insertBefore(g,s);
  g.onload=function(){
    window.chatwootSDK.run({
      websiteToken: 'XY4twusyCeXYYezRs5C24c9g',
      baseUrl: BASE_URL
    })
  }
})(document,"script");

Aquí un ejemplo de la interacción entre un website y un agente.

Nota: Al agente le llegará una notificación vía email al recibir un mensaje de un usuario.

Facebook

Deberás de configurar tus credenciales desde config/application.yml y agregar un inbox.

Otros servicios

Tienen intención de agregar más servicios como Twitter, Telegram y Line, pero por ahora no están disponibles.

Canned Responses

Canned Responses son shortcuts que podemos agregar para responder con templates, por ejemplo: Si escribo /mk podré escribir Welcome to Mario Kart!.

Billing

Finalmente tenemos Billing, una media implementación para poder cobrar por el servicio de Chatwoot. ¿Qué significa esto? Que podrías crear tu propio servicio y cobrar por él si así lo quieres.

En resumen

Chatwoot es un excelente proyecto traído por Sojan Jose y Pranav Raj S que a pesar de seguir en desarrollo, tiene un potencial gigante. Puedes construir tu propio Intercom con este proyecto o agregarlo en los sitios de tus clientes. Resuelven un par de problemas que pueden ser tardados de implementar desde cero.

Si te gustaría que te contara cómo hacer deploy, déja un comentario y con gusto escribo una segunda parte de este artículo.