¿Quieren un chat en vivo en su página web? En este tutorial les enseñaré a realizarlo usando tawk.to, un plugin 100% gratis, el único requisito es que tenga una página web que puede ser WordPress, Joomla, HTML o cualquier CMS y seguir el paso a paso que les enseñaré. Este botón es totalmente personalizable y podrán contestar los mensajes que lleguen a su página incluso desde su celular con la aplicación que tiene este mismo plugin Tawk.to.
Recuerden quedarse hasta el final de vídeo para que no se pierdan ningún detalle y si aún no cuenta con algún hosting para comenzar su página web o migrar la que tienen, personalmente les recomiendo Hostinger, uno de los mejores proveedores de alojamiento web del mundo y que he usado durante bastantes años sin ningún problema.
Comenten cualquier duda que tengan, yo estaré pendiente para ayudarles
Recuerden quedarse hasta el final de vídeo para que no se pierdan ningún detalle y si aún no cuenta con algún hosting para comenzar su página web o migrar la que tienen, personalmente les recomiendo Hostinger, uno de los mejores proveedores de alojamiento web del mundo y que he usado durante bastantes años sin ningún problema.
Comenten cualquier duda que tengan, yo estaré pendiente para ayudarles
Category
📚
AprendizajeTranscripción
00:00y el cliente me puede decir en Bogotá y yo le puedo simplemente responder claro
00:04que sí de qué dimensiones es la piscina y tenemos un chat en vivo y en directo
00:09que también puede ser usado en el celular
00:12hola muchachos espero que tengan un excelente día les habla Dustin Hurtado
00:16muchachos vamos a aprender a hacer un chat en línea un chat de nuestra página
00:20web que sea en vivo y en directo haga de cuenta whatsapp messenger telegram pero
00:24en nuestra página web es algo muy sencillo de hacer y lo vamos a hacer de
00:28manera 100% gratis obviamente como requisitos es básicamente tener una
00:32página de wordpress una página de lo que usted quiera pero una página web yo
00:36siempre voy a recomendar hostinger que es básicamente mi proveedor desde hace
00:40más de 10 años y es el que yo recomiendo ahí les dejo un cupón de
00:43descuento por si desean aventurarse en este proveedor el cual recomiendo ahora
00:48básicamente vamos al grano tenemos que buscar un plugin e instalarlo este
00:53plugin se llama básicamente tau2 bueno así se llama como tal la empresa
00:58también y es este de aquí tau2 live chat esto es 100% gratis lo van a
01:05instalar lo van a activar y él se encuentra en ajustes en la parte
01:09inferior aquí es básicamente él básicamente lo que me pide es iniciar
01:13sesión o sea que lo que yo debo hacer pues crear una cuenta este proceso es
01:17muy sencillo muchachos no se me van a preocupar solo coloquen un nombre
01:22coloquen un correo electrónico coloquen una contraseña y le van a dar
01:25registrar ahora una vez ya crea la cuenta lo que tenemos que hacer es
01:29elegir un idioma es un pequeño asistente que es muy sencillo y me dice
01:33crear la propiedad ¿qué es una propiedad? pues bueno yo estoy creando una cuenta
01:38pero yo dos sin hurtado puedo tener 10 páginas o sea que yo tendría 10
01:42propiedades ok entonces eso es una propiedad como tal es la página web
01:47digamos yo quiero crear una página de piscinas que es esta empresa que está en
01:51colombia funciona por cierto díganle que va de parte de dos sin hurtado para que me den la comisión
01:56vamos a colocar el sitio web piscinasmodernas.com que es un sitio de
01:59prueba y le vamos a dar siguiente ahora aquí lo que estamos haciendo es crear el
02:04miembro de equipo los miembros de equipo o el equipo de trabajo como tal aquí
02:09puedo agregar todas las personas que son mis equipos de trabajo si digamos no sé
02:13la parte del área técnica la parte digamos de garantías en fin si sólo es
02:18usted pues no tiene que hacer nada aquí podemos darle omitir ahora instalar
02:23técnicamente hablando ya lo hicimos ya instalamos el widget sin embargo si
02:27usted no está trabajando en wordpress pues básicamente copia el portapapeles
02:30o sea copiar el portapapeles y lo va a pegar en el body de su página web y
02:34listo ya está instalado su plugin por ahora podemos darle hecho y en teoría
02:39muchacho usted ya como tal instaló su chat en línea ahora que tenemos que hacer
02:45pues en esencia iniciar sesión no es que ya creamos la cuenta así que
02:49coloquemos usuario contraseña y le damos iniciar sesión ahora recuerden la
02:54propiedad este es un sitio web pero yo puedo tener varios así que elijo mi
02:58propiedad y elijo el widget ahora sí le voy a dar seleccionar y listo muchachos
03:04miren que me dice que ya está hecho en teoría si yo abro una página web en
03:08internet piscinasmodernas.com miren en la parte inferior ahí está si ven ya
03:13está instalado como tal el widget si yo le doy un clic ya puedo iniciar una
03:17conversación ya puedo tener un chat puedo hacerlo todo listo ahora cómo
03:21funciona este widget bueno este chat en línea voy a colocar esto a un lado voy a
03:25colocar esto al otro lado ok como yo ya inicié sesión yo estoy aquí en esta
03:31área de trabajo que es mi página de inicio como tal entonces ya hay un
03:35asesor conectado miren yo soy un asesor en este caso yo soy oscar soy un asesor
03:40estoy conectado pues aquí me dicen la parte derecha we are here o sea estamos
03:44aquí presentes este mensaje automático ahorita lo vamos a cambiar estamos aquí
03:48presentes si yo llego a cerrar sesión que por cierto también lo puedo hacer
03:52desde el celular con la aplicación si miramos en la parte derecha se va a
03:57quitar we are here o sea ya no hay nadie y si le damos un clic básicamente me va
04:01a pedir pues digamos un correo electrónico para luego contactar a ese
04:05cliente listo o sea funciona en vivo y en directo ahora otra cosa que usted debe
04:09tener muy presente esta página este enlace usted lo va a guardar lo agregará
04:14favoritos como usted quiera porque ya no tenemos que hacer nada en este en este
04:18plugin aquí no tenemos que hacer absolutamente nada lo que vamos a hacer
04:22ahora es esta página web o la aplicación que hay en la play store o me imagino que
04:27también para apolabra listo entonces ahora si iniciamos sesión entonces en la
04:31parte derecha me dice que ya hay un asesor conectado we are here ok ahora
04:36esto se ve horrible we are here eso bueno vamos a cambiarlo entonces
04:40maximicemos esto y vamos a mirar cómo podemos modificar este widget obviamente
04:44todo se haría a través de esta turquita que es la administración en la parte
04:48superior en la parte izquierda vamos a darle channel y chat widget ok aquí
04:55básicamente es leer y empezar a modificar todo lo que usted quiera así
04:58aquí básicamente leer activar o desactivar eso no tiene ciencia para
05:03nada lo que sí está un poquito oculto es la apariencia del widget por lo cual
05:07tenemos que darle clic en avanzado y aquí es donde vamos a modificar esa
05:11apariencia que yo dije que se miraba un poquito feo por ejemplo a mí me gusta
05:14más que se vea en línea no quiero modificar ni la posición ni el tamaño
05:18ahora el captador de atención es ese que dice we are here yo lo puedo desactivar
05:23no recomiendo recomiendo activarlo y mejor dar clic en galería y cambiar al
05:28mensaje que usted quiera la mayoría están en inglés pero puedo colocar
05:32cualquiera digamos uno que no tenga digamos este que no tenga texto pero
05:36también si quiero puedo darle clic en galería y en la parte inferior dice
05:39subir por si quieren subir su propio emoticón o su propio vector como ustedes
05:44quieran trabajar voy a darle cerrar ok hasta ahí me gusta perfectamente ahora
05:48si quiere modificar también en la ventana del chat podemos dar clic en
05:51cualquier color y básicamente tenemos la vista previa para saber qué es lo que
05:55usted quiere cambiar por ejemplo voy a copiar este color y yo quiero que mi
05:59empresa si maneja rojo pues que tenga esto rojo cierto en este caso no es el
06:03caso lo voy a dar control v para que se restablezca ok ya está listo vamos a
06:07darle guardar y por si tienen alguna duda pues básicamente en esta página si yo
06:11le llego a dar actualizar ya está el cambio hecho miren ya está el cambio
06:15hecho aparece en las flechas porque alguien en línea vuelvo repito esto es
06:19opcional ok bien qué más podemos hacer cuando no se
06:23hicieron cuenta ahorita apareció un mensaje automático eso es un disparador
06:27en la parte de configuración la segunda opción trailers creo que se le diría así
06:32que es el disparador que es este mensaje de bienvenida podemos crear todos los
06:36que queramos en este caso este mensaje aparece a los 30 segundos que una
06:40persona no ha dado clic en el chat si aquí podemos cambiar el nombre por
06:43ejemplo no sé bienvenida esto casi no se ve pero bueno cambió la español y este
06:47mensaje que está en inglés podemos traducirlo así que abramos el traductor
06:50peguemos y copiamos la traducción y vamos a pegarlo aquí perfecto ahora
06:56mensajes sugeridos como le va a aparecer ese texto muy seguramente nosotros
07:00sabemos que hay algunas personas que básicamente las preguntas más comunes
07:04que van a hacernos por lo cual las voy a digitar por ejemplo quiero cotizar una
07:08piscina jacuzzi o dudas sobre la garantía voy a colocar esto sin demora
07:12para ahorita ver el ejemplo en vivo ahora en la parte derecha digamos que el
07:16nombre no va a ser no vamos a dejarle soporte general o asesor en línea o
07:23bosque rotado no sé lo que ustedes quieran y en este caso que es la imagen
07:26vamos a seleccionar un avatar y podemos elegir por ejemplo este menito de aquí
07:31ahora sí vamos a darle guardar ya dice que está guardado y voy básicamente a
07:36cerrar esto y volver a abrir piscinas modernas en modo incógnito
07:41miren muchachos ahí está mire bienvenido a nuestro sitio si necesita ayuda
07:45simplemente quiero cotizar una piscina quiero cotizar un jacuzzi dudas sobre la
07:48garantía ok creo que llegó la hora de poner esto a prueba su merced está en la
07:54parte izquierda usted sólo tiene abiertico por ahí vamos a darle tablero
07:57de control usted mira acá que hay dos personas en vivo y en directo en su
08:01página pero nadie le escribe no hay que hacer nada más cierto resulta que una
08:05persona en la parte derecha dice ok quiero cotizar una piscina y le da un
08:09clic miren que en la parte izquierda va a haber un sonido fastidioso pues habrá
08:13que usted responda y me aparece esto en rojo de que tenemos un chat activo voy a
08:18darle un clic y él va a seguir sonando y sonando hasta que no le diga que yo
08:22quiero unir un asesor así que en este caso elijo un asesor que sólo hay uno
08:26que soy yo y le voy a unir al chat en este caso para la persona dice que pues
08:30básicamente ya se unió una persona ya un asesor y yo le puedo responder claro
08:34que sí de qué dimensiones es la piscina sólo es un ejemplo miren en este caso en
08:38la parte derecha parece que el asesor está escribiendo si yo le envío aparece
08:42una vez el mensaje como vemos todo eso también se puede hacer desde el celular
08:45y en la parte bueno si yo empiezo a escribir como el cliente mire que yo
08:50voy a escribir hola cómo estás sólo modo de ejemplo yo no le he dado enter y en la
08:56parte izquierda yo puedo ver lo que la persona está escribiendo si es un
09:00poquito como la parte privacidad pero no pasa nada es nuestra página podemos
09:04hacer lo que queramos y podemos ver y eso si no sabían se puede hacer en
09:07cualquier página prácticamente o sea cuando usted pide una garantía o un chat
09:11en línea pueden ver lo que usted está escribiendo en vivo y en directo así que
09:16bueno esto le puede ayudar para que usted vaya pensando la respuesta a esa
09:19pregunta y bueno ya el resto básicamente es curiosear o sea empezar a mirar qué
09:23funciones hay qué trabajos hay bacano algo interesante es que si la persona
09:27sigue se llega a cambiar de página por ejemplo ya está navegando vamos por
09:31servicios por ejemplo en la parte izquierda a usted como administrador le
09:36aparece que la persona está navegando por su página web y en qué zona está
09:39exactamente a medida que él va pasando páginas le va indicando qué es lo que
09:44está haciendo vale lo que más me gusta esta aplicación es que lo podemos
09:47encontrar también en la play store y podemos también desactivar nuestro
09:51estado porque si usted no desactiva su estado siempre está en línea pues
09:55básicamente aparecerá su chat siempre en línea en la página web y puede que
09:59esté bajando pues el porcentaje de respuesta que esto es fundamental no
10:02pero bueno en todo caso con en esta tablero de control que en la página de
10:07inicio tenemos básicamente un control de las personas que visitan nuestra
10:10página y qué es lo que hacen en ella lo cual es excelente muchachos este plugin
10:15es 100% gratis el único costo que tiene como tal es si usted quiere quitar este
10:19visito de acá si usted quiere quitar este aviso ahí sí les vale del resto
10:23100% gratis y no me están pagando por eso así que espero que lo disfruten
10:29ahora ya para finalizar muchachos y esto es extra no me lo pidieron pero es que
10:33extra cuando usted está en su hosting si tiene un hosting con hostinger el
10:38plugin que ellos instalan por defecto ahora viene con un chatbot aquí en la
10:43parte inferior derecha tenemos básicamente una inteligencia artificial
10:46instalada en nuestro sitio web lo cual podemos preguntarle cualquier cosa en
10:51nuestro sitio cómo hacer algo o si algo le quedó mal todo esto lo podemos hacer
10:56con esa inteligencia artificial integrada en nuestro hosting vale todo
11:01esto gracias a hostinger eso sí no están todos los planes está desde el
11:04plan business que es uno de los más completos y si miramos aquí dice
11:08herramientas de wordpress con inteligencia artificial
11:12lastimosamente este plan no lo tiene pero el business es uno de los más
11:15completos este precio no es el precio final
11:18recordemos que si añadimos al carrito su merced por ser un suscriptor de
11:22Dustin Hurtado tiene un cupón de descuento escribiendo Dustin Hurtado todo
11:28pegadito le damos a aplicar y miren el descuentazo que hace ok ahí está el
11:33descuento miren y recuerden que tienen tres meses gratis adicionales y 30 días
11:38de garantía de devolución de dinero esto es fundamental porque si algo no le
11:41gustó en hostinger no le respondieron hermano simplemente pida reembolso y
11:45aquí no ha pasado nada usted no tiene por qué amarrarse a nadie ni por nadie
11:49bueno muchachos eso sí recuerden que el conocimiento es para todos si tienen
11:54alguna duda hagan en los comentarios nos vemos en un próximo tutorial hasta
11:58luego muchachos