Agregando un botón de chat web a tu sitio: Guía práctica

18 de junio de 2024

15 min.

«Traducido y editado por Miguel Moreno Anda»

Imagina un escenario en el que un cliente potencial visita tu sitio web con preguntas, pero lamentablemente no encuentra las respuestas. Esta situación a menudo conduce a la pérdida de oportunidades para tu negocio.

Para evitarlo, necesitas un botón de chat web. Con él, podrás captar clientes antes de vender, atender sus consultas y disipar dudas sobre tu producto o servicio.

Hoy, te guiaremos a través de la importancia de un botón de chat web, cómo elegir el software de soporte de chat en vivo adecuado y las instrucciones detalladas para configurar y personalizar el botón de chat utilizando Kommo.

¿Qué es un botón de chat web?

Un botón de chat web es un práctico botón de chat colocado en tu sitio web que consolida todos sus canales de comunicación en un solo botón. Este botón permite a los visitantes ponerse en contacto contigo fácilmente.

Puedes incluir tantos canales como necesites, adaptados a las necesidades de tu negocio, garantizando una experiencia de comunicación fluida y sin barreras para los visitantes y clientes de tu sitio web.

📍¿Qué es un botón de chat web?

También llamado botón de chat en vivo, es un botón incrustable en tu sitio web que invita a los visitantes a chatear contigo utilizando aplicaciones de mensajería populares o chat en vivo.

¿Por qué deberías añadir un botón de chat web?

Te estarás preguntado cómo obtener botón de chat web y por qué es necesario. Aquí están algunos de los puntos clave que un botón de chat puede solucionar👇:

1. La imposibilidad de que los clientes contacten fácilmente con las empresas

Imagina a un cliente potencial que llega a tu sitio web y aún no ha decidido si comprar o ya lo ha hecho. Puede que tenga preguntas sobre la llegada de su pedido o sobre si repones un artículo que se ha agotado. En lugar de intentar llamarle o esperar una respuesta por correo electrónico, solo tiene que enviar un mensaje a través del botón de chat de tu sitio web para obtener respuestas al instante.

2. Imposibilidad de ayudar a los clientes en tiempo real

Si deseas proporcionar asistencia oportuna a tus clientes, utilizar un botón de chat web no es solo una opción, es necesario. Proporciona asistencia en tiempo real, ofreciendo una ayuda virtual que aumenta la satisfacción y anima a los visitantes a realizar una compra.

3. Malabarismos entre diferentes canales de comunicación

Con un botón de chat en tu sitio web, puedes gestionar fácilmente los mensajes de todos los canales, incluyendo chat en vivo, WhatsApp, Instagram y Facebook Messenger. Si estás utilizando Kommo como tu plataforma de botón de chat web, este dirigirá automáticamente los mensajes al miembro apropiado del equipo.

4. Incapacidad de hacer un seguimiento del historial de chat con los clientes

También puede realizar un seguimiento de todo tu historial de chat en un perfil ordenado, por lo que es fácil de retomar las conversaciones con cada cliente justo donde lo dejaste.

Elegir un widget de chat web

El primer paso para comenzar tu viaje hacia el botón de chat es elegir la plataforma que mejor se adapte a las necesidades de tu negocio. Aunque existen numerosas opciones en el mercado, hemos seleccionado las mejores soluciones para ti:

>>>

Deslizar

>>>
Plataforma
Precios
Prueba gratuita
$15 USD/usuario/mes
$19 USD/usuario/mes
$18 USD/usuario/mes
$39 USD/usuario/mes

Plataformas de botón de chat web gratuitas frente a las de pago

Aunque las plataformas de chat en vivo para página web gratis o que proporcionan pruebas gratuitas ofrecen un pie en la puerta, a menudo tienen limitaciones. Te permiten empezar sin ningún compromiso financiero, pero vienen con limitaciones. Puedes chatear, pero tienes funciones básicas y opciones de personalización limitadas. Es como sumergirte en el agua: probarás la sensación, pero no experimentarás la experiencia completa. Las plataformas de chat en vivo para página web gratis o las versiones gratuitas son ideales para sitios web pequeños y empresas que acaban de empezar.

Nota: Las versiones de pago de software de botón de chat, como Kommo, ofrecen características versátiles como análisis, automatización de la conversación, guardar los datos del cliente, y amplias opciones de personalización.

Las versiones de pago del software de soporte de chat en vivo para página web, como Kommo, ofrecen características versátiles como análisis, automatización de conversaciones, almacenamiento de datos de clientes y amplias opciones de personalización. Estas características están diseñadas para adaptarse a las necesidades únicas de tu negocio, dándote la confianza de que has hecho la elección correcta para tu sitio web.

Si estás buscando la solución adecuada, Kommo podría ser la opción perfecta. La plataforma no solo proporciona una manera de comunicarte con tus clientes, sino que también tiene otras características superiores.

Vamos a explorar Kommo un poco más 👇.

¿Por qué elegir Kommo como tu plataforma de botón de chat web?

Kommo es una plataforma de botón de chat web diseñada pensando en la facilidad de uso. La plataforma proporciona todas las funcionalidades de CRM necesarias para dirigir tu negocio, facilitando la gestión de la comunicación de tu sitio web.

Kommo está personalizado para adaptarse a las diversas demandas de las empresas de todos los tamaños e industrias, lo que te permite tomar el control de la participación de los clientes de tu sitio web.

¿Qué es Kommo?

Kommo es un sistema CRM conversacional diseñado para ayudar a las pequeñas y medianas empresas a aumentar sus ventas. Proporciona todas las funcionalidades CRM necesarias para dirigir tu negocio, haciendo que la gestión de la comunicación de tu sitio web sea fácil.

Con Kommo, puedes conectar y añadir plataformas de mensajería como Apple messages, Telegram, Instagram, WhatsApp, Facebook Messenger y chat en vivo para página web. Kommo también se integra con WeChat, Viber y Skype.

Puedes guiar a tus visitantes directamente a tu WhatsApp o plataforma de mensajería preferida, seleccionando el botón de WhatsApp web chat, entre otras opciones. De esta forma, tu botón de chat se erige por sí solo como plataforma de mensajería.

Características de Kommo

Kommo ofrece varias características que pueden ayudarte a maximizar el botón de chat web. Revisemos estas características una por una.

1. Bandeja de entrada unificada

Dado que recibirás mensajes de diferentes plataformas de mensajería y sitios web, la bandeja de entrada unificada de Kommo te ayuda a centralizar todas tus comunicaciones al instante en un solo lugar. Esto resuelve el problema de perder conversaciones de tu sitio web y cambiar entre aplicaciones de chat.

2. Tarjeta de lead

En Kommo, cada visitante que se pone en contacto contigo en tu sitio web obtiene un perfil completo creado automáticamente, una tarjeta de lead, lo que permite una fácil colaboración dentro de tus equipos. Al asignar cada conversación de tu bandeja de entrada a un miembro específico del equipo, evitas la pérdida de datos de clientes y la falta de comunicación dentro de esos equipos.

3. Plantillas

Con Kommo, puedes ahorrar tiempo y aumentar el compromiso del cliente con plantillas de chat integradas en tu botón de chat web. Por ejemplo, puedes personalizar la plantilla con información del cliente o medios enriquecidos.

4. Embudo de ventas

Kommo también ofrece un embudo de ventas que se puede personalizar para ayudar a las empresas en la gestión de clientes, gestión de proyectos, y mantener las cosas avanzando de manera eficiente.

5. Chatbot y automatizaciones

Además, puedes maximizar los resultados de tu botón de chat web mediante chatbots y automatizaciones. Dependiendo de tus necesidades, puedes utilizar el chatbot para responder automáticamente a tus clientes. El chatbot de Kommo también detecta la intención detrás del mensaje de un cliente. De este modo, dejarás que la tecnología trabaje para ti y no perderás clientes potenciales.

Asociación con Meta

Kommo es el primer CRM conversacional del mundo y un Business Partner oficial de Meta, lo que significa que la experiencia de Kommo ha sido verificada y reconocida por Meta. 🤝

Así que, ahora, vamos a discutir cómo agregar un botón de chat a tu sitio web.

Configuración del botón de chat en vivo para página web

Ahora que hemos hablado de los numerosos beneficios de usar Kommo como tu plataforma de botón de chat en vivo, vamos a mostrarte cómo añadir un widget de chat de Kommo a tu sitio web.

Antes de empezar, asegúrate de que tienes lo siguiente 👇.

  1. Una cuenta de Kommo
  2. Una página web
  3. Plataformas de mensajería conectadas (por ejemplo, Facebook Messenger, WhatsApp).

Para empezar, ve a tu cuenta Kommo. El botón de chat en vivo para página web está conectado como una fuente de leads, lo que significa que todos los mensajes entrantes irán directamente al embudo de ventas. Así que tenemos que empezar en la sección de Leads.

  • Ve a ⚡Automatiza
  • Haz clic en +Agregar fuentes
  • Elige el Botón de chat web

Dado que el botón de chat web es una fuente multicanal, los visitantes de la web o los clientes pueden elegir el canal con el que se sientan más cómodos para ponerse en contacto con tu empresa. Puedes añadir cualquier canal disponible de la lista.

Tiempo para el proceso de instalación.

En Kommo, existen diferentes maneras de instalar un botón de chat en tu sitio web. Vamos a discutir uno por uno.

1. Integración del código

Es posible crear un botón de chat sin especificar dominios. Sin embargo, si decides añadir un widget de chat solo a sitios web de confianza, deberás especificar el nombre de tu sitio web.

Puedes simplemente copiar y pegar el código proporcionado en Kommo utilizando el HTML de tu sitio. También puedes copiar el fragmento de código de la pestaña inferior e insertarlo en tu sitio web. Si tienes un desarrollador web, puedes hacer clic en Enviar al desarrollador para enviarle el código por correo electrónico y que se encargue del proceso de configuración del widget de chat.

2. Integración con Google Tag Manager

También puede utilizar la integración de Google Tag Manager para instalar tu widget de chat Kommo lo hizo más fácil para aquellos que no quieren codificar ellos mismos. Puedes configurarlo en una interfaz fácil de usar y controlarlo desde un solo lugar.

📍¿Qué es Google Tag Manager?

Una herramienta para añadir varias etiquetas, como Google Analytics o Facebook Pixel, a un sitio web sin tocar el código.

Para instalar el gestor de etiquetas de Google, solo tienes que seguir estos pasos 👇.

  1. Haz clic en Instalación rápida con Google Tag Manager.
  2. Haz clic en Registrarse con Google.
  3. Accede a tu cuenta de Google.
  4. Comparte los permisos de la cuenta.
  1. A continuación, selecciona el contenedor donde deseas añadir la plantilla de etiqueta.
  2. En el menú de la izquierda, selecciona la pestaña Etiquetas, haz clic en Nueva, y da un nombre a tu etiqueta.
  3. En la sección Configuración de la etiqueta, haz clic en cualquier lugar dentro del cuadro blanco.
  4. A continuación, ve a la Galería de plantillas comunitarias, busca Kommo Website chat button, y selecciónalo de la lista de opciones.
  5. Haz clic en Añadir al espacio de trabajo y da permiso para añadir una plantilla de comunidad haciendo clic en Añadir.
  6. Introduce la Clave de instalación del botón para tu botón de chat en línea.
  7. Haz clic en la sección Activador para seleccionar un desencadenante.

📌Para mejorar la experiencia del cliente de tu sitio, te recomendamos que elijas el activador All pages para acelerar los tiempos de carga de la página.

  1. Haz clic en Guardar para guardar la nueva etiqueta.

📌Puedes previsualizar el aspecto que tendrá el botón de chat en tu sitio haciendo clic en Vista previa. Si estás satisfecho, haz clic en Enviar para enviar todos los ajustes al contenedor.

  1. Por último, añade un Nombre de versión y una Descripción de versión y, a continuación, haz clic en Publicar.

Si no dispones de una cuenta de Google Tag Manager, no te preocupes. Todo lo que tienes que hacer es iniciar sesión como lo hiciste anteriormente. En la ventana modal aparecerá el mensaje de error “No tienes una cuenta de Google Tag Manager”. A continuación, sigue estos pasos 👇

  1. Sigue el enlace “Crear una cuenta GTM e inténtalo de nuevo”.
  2. A continuación, crea una cuenta utilizando ese enlace
  3. Y haz clic en el botón “Acceder con Google” para volver a iniciar sesión

3. Plugin de WordPress

Si utilizas WordPress como CMS, este método está pensado para ti. Ni siquiera es necesario que tu sitio web sea enorme.

  1. Ve a tu panel de administración de WordPress.
  2. Haz clic en el plugin de Kommo.
  3. nicia sesión en tu cuenta de Kommo.
  1. Una vez que hayas iniciado sesión, selecciona crear un nuevo botón de chat web.

Tu sitio web tendrá ahora un botón de chat añadido.

4. Plugin Wix

Puedes crear una página de aterrizaje simple o un sitio usando un constructor como Wix. Una vez que estés en el modal de Instalación del botón de chat web en Kommo, sigue los siguientes pasos 👇.

  1. Haz clic en Añadir a tu sitio web Wix > Instalar en Wix.
  2. En el Wix App Market, busca la app Kommo . A continuación, selecciona Añadir al sitio.
  3. Selecciona Aceptar y añadir.
  4. Navega a la sección Administrar apps en la plataforma Wix. Selecciona Completar configuración junto a la aplicación Kommo.
  5. Selecciona Añadir al sitio.

5. Integración con Shopify

Este método está especialmente diseñado para aquellos cuyos negocios se muestran en Shopify. Una vez que hayas instalado Shopify en el marketplace de Kommo, puedes integrar sin problemas el botón de chat web haciendo clic en “Agregar botón a tu tienda Shopify”.

Si Shopify no está ya instalado y conectado a tu cuenta de Kommo,

  1. Haz clic en “Instalar” e instala la integración de Shopify.
  2. A continuación, haz clic en haz clic en “Shopify Conectar,”.
  3. Sincroniza tu cuenta de Shopify y haz clic en Importar.

En la pestaña Añadir a tu tienda Shopify, ve a la configuración de Shopify y selecciona Configurar en Shopify. En Shopify, activa el interruptor de Kommo CRM Plugin.

Kommo va un paso más allá para asegurar que el botón de chat de tu sitio web sea rápido en Shopify, poniendo toda la información relevante del cliente en Kommo.

De esta manera, puedes responder a las preguntas de los clientes de forma rápida y sin complicaciones. Sabrás de qué pedido está hablando tu cliente y los detalles relevantes para ese pedido.

Gracias al poder de Kommo, podrás asegurarte de que tus clientes tengan una experiencia positiva y se mantengan fieles.

Personalización del botón de chat para tu sitio web

La personalización hace que tu botón de chat web, o widget de chat en vivo, sea lo más atractivo e interactivo posible. Kommo ofrece características de personalización tanto generales como avanzadas. Antes de eso, vamos a previsualizar el web chat en vivo de Kommo en modo móvil y web.

Aquí está una lista de las características de personalización disponibles en Kommo👇

  1. Animación de botones
  2. Posición del botón
  3. Estilo del botón
  4. Pop-up de bienvenida
  5. Color del tema
  6. Encabezado del chat
  7. Distribución de canales
  8. Orientación de canales
  9. Margen del botón de chat
  10. Visibilidad del botón
  11. Gradiente de color
  12. Salesbots
  13. Conversaciones múltiples
  14. Acciones clave

Vamos a explicar cada una de las funciones una tras otra.

1. Animación de botones

Aquí puedes habilitar animaciones para que los visitantes de la web presten más atención al botón de chat, aumentando sus posibilidades de uso. Algunas animaciones incluyen Estática, Olas, Temblor, o Sacudir.

2. Posición del botón

Dependiendo de la estructura de tu sitio web, puedes elegir si deseas que el botón de chat en vivo se sitúe a la izquierda o a la derecha.

3. Estilo del botón

El tamaño y la forma del botón de chat de tu sitio web hacen que destaque. Aquí puedes elegir el tamaño y la forma que necesites.

4. Pop-up de bienvenida

En Kommo, puedes personalizar el mensaje emergente de tu chat en vivo para página web para que se adapte al estilo de tu marca. Este mensaje emergente llama la atención de tus clientes y les anima a comunicarse contigo. Por ejemplo, puedes saludarles con un “Hola, ¿tienes alguna pregunta o necesitas ayuda?”, mientras navegan por tu sitio web.

Además de saludar a tus clientes, también puedes utilizar mensajes emergentes para llamar su atención sobre algo especial en tu negocio, como promocionar una venta o un nuevo producto.

5. Color del tema

No hay que avergonzarse de tener buen aspecto; puedes hacer que tu botón de chat se adapte a la combinación de colores de tu sitio web y al diseño y la voz de la marca.

6. Encabezado del chat

Aquí puede elegir el nombre del encabezado del chat y añadir una imagen para el botón de chat. También puedes decidir incluir el nombre de tu cliente mientras chateas.

¡Pero eso no es todo! En los ajustes avanzados, puedes añadir más funciones avanzadas a tu botón de chat.

7. Distribución de canales

Por ejemplo, puede elegir si desea que el botón de chat aparezca colapsado o ampliado.

8. Orientación de canales

Tu botón de chat también puede mostrarse horizontal o verticalmente para adaptarse al tema.

9. Margen del botón de chat

Puedes aumentar o reducir el margen de tu botón de chat. Esto es útil si algunos botones se superponen a otros en la versión móvil de tu sitio web, por ejemplo.

10. Visibilidad del botón

Alternar el botón te permite mantener tu botón de chat visible mientras los clientes potenciales se desplazan por tu sitio web.

11. Gradiente de color

Para dar más color a tus botones de chat en directo, puedes añadirles un degradado. Esto añade una sensación más única y natural a tu sitio web.

12. Salesbots

Otra gran ventaja es que puedes automatizar tus conversaciones utilizando un chatbot. Haciendo clic en “Editar bot”, puedes construir un chatbot para satisfacer las necesidades de tu cliente.

13. Conversaciones múltiples

Puedes activar el botón si deseas que tus clientes se pongan en contacto contigo a través de varios medios simultáneamente. De este modo, se crearán diferentes tarjetas de lead en función del canal. Sin embargo, siempre puedes sincronizar estas tarjetas en una sola para evitar confusiones.

14. Acciones clave

La principal ventaja de una gran plataforma de botones de chat es la flexibilidad. Kommo te permite elegir qué condiciones y reacciones funcionan bien con el objetivo de tu botón de chat. Mediante la configuración de acciones clave, se puede entender lo que los visitantes hacen en tu sitio web.

En este caso, podemos configurar para ver cuánto tiempo han estado los visitantes en el sitio y qué páginas de productos han visitado. A continuación, puedes utilizar esta información para personalizar tus mensajes.

Y ya está. Tu botón de chat web está en funcionamiento y es más efectivo. Puedes explorar diferentes opciones para encontrar la que mejor funcione para ti.

Formas prácticas de maximizar el botón de chat para sitio web en Kommo

Vamos a repasar algunos consejos sobre cómo sacar el máximo provecho del botón de chat de tu sitio web utilizando Kommo.

1. Segmentación de clientes potenciales

Al etiquetar a cada cliente en su tarjeta de lead y enviarle más mensajes adaptados a sus intereses, su comunicación por chat en directo no es un hecho aislado, sino el inicio de nuevas relaciones con los clientes.

2. Asignar automáticamente al usuario responsable

El chat en vivo para página web de Kommo dirige fácilmente a los visitantes de tu sitio web y clientes potenciales a la mejor persona de su equipo para responder a sus preguntas. Dentro de la tarjeta de lead, puedes cambiar fácilmente el usuario responsable, y tu cliente no se dará cuenta. Con la tarjeta de lead, este nuevo usuario responsable obtiene un desglose completo de su comunicación anterior con ese cliente. No es necesario perder el tiempo haciendo preguntas una y otra vez.

3. Net Promoter Score (NPS)

El chat en vivo de Kommo te permite medir las experiencias de tus clientes después de conversar con ellos. De este modo, podrás determinar cómo mejorar tus técnicas de comunicación y encontrar mejores formas de satisfacer a tus clientes.

📍El NPS es una métrica que evalúa la satisfacción y lealtad de los clientes mediante una única pregunta para medir su experiencia.

4. Análisis del chat

Puedes controlar cómo interactúan los usuarios del chat en directo con tu sitio web. Identifica las páginas más visitadas de tu sitio web y el tiempo de los usuarios, y crea fácilmente filtros o widgets.

5. Canal de ventas

En Kommo, obtendrás una vista completa de tus ventas, lo que te permite realizar un seguimiento de cómo tus usuarios de chat en vivo progresan desde el primer contacto hasta la compra dentro del proceso de ventas.

Preguntas frecuentes

Chat en vivo en pocas palabras

Puedes aprovechar botón de chat web para mejorar la comunicación y la participación de los clientes con una configuración sencilla, aprobación instantánea y menos tarifas.

👩‍💻Accede a tu cuenta de Kommo

💬Chatea con nosotros aquí en la web o en tu cuenta. ¡Somos todo oídos!

🤓Reserva una demo totalmente gratuita con nuestro increíble equipo

🤝¿Buscas a alguien que se encargue de todo por ti? ¡Encuentra un socio!

🎥¡Luces, cámara, acción! Pásate por nuestro canal de Youtube para ver videos increíbles

🚀Aprovecha el botón de chat web de Kommo

  • Con Kommo puedes aumentar tus ventas utilizando funciones pioneras basadas en mensajería. Automatiza tus procesos de ventas y marketing y crea clientes leales.
KommoEQUIPO

Nuestro equipo de contenidos está al tanto de las últimas herramientas de marketing y ventas y está aquí para ayudarte a crecer tu negocio.

Prueba Kommo gratis

Prueba Kommo por ti mismo o agenda una demo gratuita