Botón de chat web: ¿Cómo crearlo e instalarlo?

27 de mayo de 2024

El chat en línea es una excelente forma de hacer que tu página web sea más interactiva y accesible para tus visitantes. Con tan solo hacer clic en el botón de chat, tus visitantes pueden empezar a chatear contigo desde cualquiera de las aplicaciones de mensajería conectadas, como WhatsApp, Messenger, Instagram, Telegram y muchas más.

Aunque eso no es todo, nuestro botón de chat también incluye un chat en vivo, esto quiere decir, que tus visitantes podrán contactarte sin necesidad de salir de tu web.

¿Y lo mejor?

Todo el historial de chat se guardará y quedará registrado en Kommo, de forma que puedas hacer un seguimiento de las conversaciones.

En este artículo, aprenderás:

¿Cómo crear un botón de chat en Kommo?

Es muy fácil crear un botón de chat para tu sitio web en Kommo. Comienza por acceder a tu cuenta de Kommo, ve a Leads > Automatiza > y haz clic en + Añadir fuente a la izquierda.

Te aparecerá una ventana donde puedes escoger entre varios canales de mensajería. Encuentra el botón de chat web y haz clic en + Añadir fuente. Esto abrirá una nueva ventana donde podrás configurar tu botón.

Nota: ¿Quieres aprender a personalizar tu botón de chat y adaptarlo al estilo de tu marca? Lee nuestro artículo y aprende cómo.

¿Cómo puedes instalar un botón de chat en línea en tu web?

¡Instalar un botón de chat en tu sitio web es ahora más fácil que nunca!

Añadimos nuevos métodos de instalación para plataformas de páginas web conocidas como Wix, WordPress, Shopify e incluso para plantillas de Google Tag Manager, haciéndolo más accesible.

Cuando vayas a la pestaña de Instalación de los ajustes del chat online, podrás encontrar varios métodos disponibles.

  • Pegar en el código de tu sitio web
  • Instalación rápida con Google Tag Manager
  • Instalar plantilla Kommo en Google Tag Manager
  • Agregar a su tienda Shopify
  • Agregar a tu sitio web WordPress
  • Agregar a tu sitio web Wix

Pega el código de tu sitio web

La primera opción es simplemente pegar el código que encontrarás en Kommo en el código HTML de tu web. Simplemente copia el fragmento de código de la pestaña e insértalo en tu sitio web. Si lo prefieres, también puedes hacer clic en Enviar a desarrollador para enviar el código por correo a tu desarrollador y cederle la tarea de configuración.

Instala tu botón de chat utilizando Google Tag Manager

Google Tag Manager es una herramienta práctica que te permite incluir varias etiquetas, como por ejemplo Google Analytics o Facebook Pixel, a tu sitio web sin que tengas que lidiar con ningún código.

Hay dos formas de instalar el botón de chat usuario Google Tag Manager:

  1. Instalación rápida mediante Google Tag Manager
  2. Instalar utilizando la plantilla Kommo

Instalación rápida con Google Tag Manager

Es muy fácil configurar el botón de chat online con Google Tag Manager. Aquí te explicamos cómo hacerlo:

  1. Primero, haz clic en Iniciar sesión con Google.
  2. Accede a tu cuenta de Google Tag Manager.
  3. Haz clic en Continuar para otorgar permisos a la cuenta.
  4. Para finalizar, haz clic en Publicar.

Instala tu botón de chat con la plantilla Kommo

Ahora, si quieres Instalar la plantilla Kommo en Google Tag Manager, sigue estos pasos:

  1. Accede a tu cuenta de Google Tag Manager y selecciona el contenedor donde quieres añadir la plantilla de etiquetas.
  2. En el menú de la izquierda, selecciona la pestaña Etiquetas, haz clic en Nuevo y ponle un nombre a tu etiqueta.
  3. En la sección de Ajustes de etiquetas, haz clic en cualquier lugar dentro del cuadro blanco. Ve a la Galería de Plantillas de la Comunidad, busca el botón de chat web de Kommo y selecciónalo de la lista de opciones.
  4. Haz clic en “Agregar al espacio de trabajo” y otorga permiso para agregar una plantilla de comunidad haciendo clic en “Agregar”.
  5. Ingresa la clave de instalación del botón para tu botón de chat en línea.
  6. Selecciona un disparador haciendo clic en la sección de Disparadores. Para mejorar la experiencia de tu cliente en tu web, recomendamos elegir el disparador “Todas las páginas” para que los tiempos de carga de tu página sean más rápidos.
  7. Guarda la nueva etiqueta haciendo clic en “Guardar”. También puedes ver cómo se verá el botón de chat en tu página web haciendo clic en “Vista previa”. Cuando estés conforme, haz clic en “Enviar” para enviar todas tus ajustes al contenedor.
  8. Añade un Nombre y una descripción para la versión y, a continuación, haz clic en Publicar.

Instalar un botón de chat en tu tienda de Shopify

También hay opciones dedicadas para instalar fácilmente el botón de chat en tu tienda de Shopify, o en tu web si usas WordPress o Wix.

Con nuestra integración de Shopify, puedes instalar el chat en vivo en tu tienda Shopify. Aunque, no solo eso. Puedes importar toda la información relevante de tu cliente en Shopify a Kommo, facilitándote responder a las preguntas de tus clientes. Sabrás de qué pedido está hablando tu cliente y los productos que estaban en el carrito para ese pedido. Gracias al poder de Kommo, puedes garantizar que tus clientes tengan una experiencia positiva y quieran comprarte de nuevo.

Para instalar el botón en tu tienda de Shopify:

  1. En el Botón de chat web > Instalación > Haz clic en Agregar a tu tienda de Shopify.
  2. Si tu cuenta de Shopify ya está conectada a Kommo, pasa al paso 3. Si no, haz clic en Instalar > Instalar la integración de Shopify > Haz clic en Shopify Manager > Haz clic en Conectar > Sincroniza tu cuenta de Shopify y haz clic en Importar.
  3. En la pestaña Agregar a tu tienda de Shopify, haz clic en Ir a los ajustes de Shopify > Instalar en Shopify.
  4. En Shopify, enciende el plugin de Kommo CRM.

Instalando el botón de chat en WordPress

  1. En el Botón de chat web > Instalación > Haz clic en Agregar a WordPress > Instalar en WordPress.
  2. Inicia sesión en tu cuenta de WordPress > Plugins y busca el botón de chat web.
  3. Instala y activa el plugin.
  4. Haz clic en Kommo en el panel lateral izquierdo.
  5. Inicia sesión en Kommo. Elige uno de tus botones de chat existentes o crea uno nuevo. Si no tienes botones existentes, se creará automáticamente uno nuevo y se agregará a tu web.

Instalando el botón de chat en Wix

  1. En el Botón de chat web > Instalación > Haz clic en “Agregar a tu sitio Wix” > Instalar en Wix.
  2. En la Tienda de apps de Wix, busca la aplicación Kommo. Luego, selecciona Agregar al sitio.
  3. Selecciona Aceptar y agregar.
  4. Ve a la sección Administrar aplicaciones en Wix. Selecciona Completar instalación junto a la aplicación Kommo.
  5. Selecciona Agregar al sitio.

Después de elegir tu método de instalación y seguir todos los pasos necesarios, tu botón de chat estará instalado.

Si necesitas más ayuda con la instalación o solución de problemas, no dudes en contactar con nuestro chat de soporte o contáctanos a través de WhatsApp. También puedes contratar a un socio de Kommo para que haga todo el trabajo duro por ti.

¿Aún no eres usuario? Regístrate para una prueba gratuita de 14 días o reserva una demo gratuita.

Prueba Kommo gratis

Descubre cómo Kommo puede transformar tu gestión de clientes ahora mismo