Funcionalidades básicas de ChatWith: paso a paso

En este artículo te enseñaremos cómo sacar el máximo rendimiento a tu cuenta de ChatWith.

Antes de empezar paso a paso, os dejamos un video demo de toda la herramienta. Haz clic aquí para ver el video.

Demo Chatwith en castellano

Además, haciendo clic en cada uno de los pasos, podrás ver un vídeo que te ayudará con la configuración de la herramienta.


🦉¿No te cubrió esta versión? Lea la traducción de este artículo en:


Paso 1: Crea tu cuenta en ChatWith.io

En primer lugar, para poder empezar debemos de crear una cuenta en ToChat.be, para ello nos dirigimos a la parte superior derecha de la pantalla y clicamos en Create your account.

La siguiente pantalla que veremos será el paso 1 del proceso de registro:

Para rellenarla necesitamos nuestro correo electrónico, una contraseña y un número de teléfono. Una vez completados los campos clicamos en Create now my first widget, que nos dará paso al segundo y último paso del proceso de registro:

En esta página debemos de rellenar los campos con el nombre de nuestra empresa, la categoría de negocio a la que pertenece y para que quieres usar WhatsApp. Además si utilizas algunas de las herramientas nombradas abajo como Hubspot, la API de WhatsApp, etc, también debes de señalarlo.

Paso 2: Crea tu Widget

El siguiente paso es crear nuestro widget. Nos aparecerá la opción de activar dos widgets preconfigurados con los datos que hemos rellenado anteriormente sobre la empresa. También nos da la opción de crear uno tu mismo desde cero.

Para activar uno de los widgets solamente debemos de clicar en el botón de Create Widget, o si por lo contrario queremos crear uno nosotros mismos desde cero, debemos de clicar en Your own widget.

Esto nos llevará a la pestaña de configuración de nuestro Widget:

Lo primero que tenemos que ingresar es el nombre de nuestra empresa. Posteriormente rellenaremos el botón de mensaje, en el que puedes poner por ejemplo quiero más información. Y finalmente el mensaje del Widget, que será sobre la empresa. Además, más abajo podemos agregar el logotipo de nuestra empresa. En la imagen superior se muestra un ejemplo.

Un vez hemos rellenado todos los campos clicamos en la parte inferior de la pantalla dónde se encuentra el botón Publicar tu widget.

Una vez hemos publicado el widget, nos aparecerá en la pantalla la opción de crear un agente.

Debemos de cumplimentar todos los apartados con los datos del agente: el número de teléfono que va a usar, su nombre, profesión/cargol…etc

También puedes seleccionar una imagen o icono para el agente, además de indicar los horarios en los que está disponible clicando en Añadir horarios al agente e incluso elegir los países en los que estará disponible. También puedes añadir tu código de Google Analytics para realizar un seguimiento en el apartado Ga tag.

Una vez hemos completado todos los campos clicamos en Actualizar y ya habremos creado nuestro primer agente. Para poder ver cómo aparecerá en nuestro Widget clicamos en el botón Ver en el directorio de WhatsApp, situado en la parte superior derecha.

Paso 3: Crea un formulario para tu Widget de WhatsApp

Ahora vamos a crear un formulario para poder añadirlo a nuestro widget. Para ello, clicamos en Chat Forms y posteriormente en el botón Crear formulario; elegimos la plantilla, en este caso te voy a mostrar un ejemplo con la plantilla Formulario de ventas.

Por defecto nos sale el formulario con un apartado para el nombre, el email y el número de teléfono. En el caso de que queramos eliminar alguno de estos campos, únicamente debemos de hacer clic en el botón rojo Eliminar este campo . Si por lo contrario, queremos añadir un nuevo campo, debemos clicar en el botón Añadir otro campo. Si clicamos en este, nos aparecerán diferentes opciones: texto, seleccionar, hora, fecha, checkbox, correo y teléfono. Solamente debes elegir la que prefieras y rellenar los campos.

Para acabar, clicamos en Activar este formulario. Si volvemos a clicar en Ver en el directorio de WhatsApp podremos ver como va quedando.

El código que sale en la parte superior de la pantalla, puedes copiarlo y ponerlo en tu página web.

Paso 4: Cómo editar los colores y templates de tu landing page

Para comenzar debemos de dirigirnos al apartado de Diseño y posteriormente clicar en Página de destino, aquí podemos ver los diferentes temas para nuestra landing.

Una vez seleccionamos uno de ellos, rellenamos el campo en el que pone Leyenda, dónde puedes agregar nueva información como te muestro en el siguiente ejemplo:

Más abajo si clicamos en el botón Elige un fondo, podremos añadir un fondo para nuestra landing, cambiar los colores o hacerlo a través del RGB y poner los colores corporativos de tu empresa. Una vez hemos terminamos clicamos en el botón Guardar.

En la parte inferior de la pantalla encontraremos dos enlaces que puedes copiar y compartir en tus campañas de WhatsApp.

Aquí puedes ver un ejemplo con el tema Light:

Estas son todas las funcionalidades que te ofrece ChatWith.io

🦾Continuando con los PASOS AVANZADOS 5 – 8


Haga clic en el artículo a continuación y lea las características avanzadas de ChatWith.io👇👇

0 - 0

Thank You For Your Vote!

Sorry You have Already Voted!

3 comentarios en «Funcionalidades básicas de ChatWith: paso a paso»

Los comentarios están cerrados.