La comunicación instantánea y personalizada con tus clientes puede marcar la diferencia entre una venta exitosa y una oportunidad perdida. El Widget y el Live Chat de Konvo son herramientas revolucionarias diseñadas para transformar tu atención al cliente y disparar tus conversiones. Vamos a explorar en detalle cómo estas funcionalidades pueden elevar la experiencia de tus visitantes y potenciar tu negocio.
Widget Todo en Uno
Konvo ofrece un Widget Todo en Uno que combina WhatsApp, Live Chat y próximamente Konvo Stories. Esta solución integral te permite:
Centralizar tu comunicación en una sola plataforma.
Ofrecer a tus clientes múltiples canales de contacto.
Mejorar la experiencia del usuario con un diseño atractivo y funcional.
Facilitar la instalación, especialmente para usuarios de WooCommerce.
Además obtén:
Comunicación instantánea: Permite a tus clientes contactarte con un solo clic.
Personalización: Adapta el aspecto y los mensajes a tu marca.
Versatilidad: Combina WhatsApp y Live Chat en un solo widget.
Mejora la experiencia del usuario: Ofrece soporte sin que los clientes abandonen tu sitio.
Aumenta las conversiones: Facilita la resolución de dudas, lo que puede llevar a más ventas.
Configuración del Widget de WhatsApp
Nuestro widget de WhatsApp permite a tus clientes contactarte fácilmente a través de tu sitio web. Es muy fácil de crear y puedes añadirlo a tu sitio web en solo 2 clics.
1 Crea tu widget y personalízalo en tu cuenta de Konvo
En tu cuenta de Konvo, ve a configuraciones, luego a widgets y crea un widget.
Aquí podremos construir nuestro widget y en el lado derecho podrás previsualizarlo.
Configura el mensaje de teaser.
Este es el mensaje que el cliente verá cuando entre en tu sitio web. Recomendamos agregar algo como “Tengo un regalo para ti”, si estamos usando el flujo de bienvenida. Si se desea, también podemos optar por no agregar ningún mensaje.
Configura el mensaje de bienvenida.
Este es el mensaje que aparecerá cuando el cliente haga clic en la burbuja. La idea aquí es darles algunos detalles del canal. Si estamos usando el flujo de bienvenida, el texto debería ser algo como “Únete al canal y recibirás (…)”.
Configura el texto de llamada a la acción.
Este es el texto que aparecerá en el botón.
Configura el mensaje prellenado.
Este es el mensaje que aparecerá una vez que el cliente haga clic en el botón y sea redirigido a WhatsApp. La idea es agregar un mensaje que active un flujo, como el flujo de bienvenida.
Personaliza tu widget
Aquí podemos darle estilo a nuestro widget. Tenemos dos opciones: Icono (únicamente el widget) e Icono + Etiqueta (Widget + mensaje de atención corto)
También es posible posicionar el widget a tu preferencia.
Posiciona de manera automática a la derecha o izquierda con "Widget position on page"
Posiciona de manera personalizada con "Move left / right".
Utiliza valores positivos (+ "
número
" px) para mover arriba o a la derechaUtiliza valores negativos (- "
número
" px) para mover abajo o a la izquierda
Construye las preferencias de tu widget.
En la pestaña de preferencias podemos editar las preferencias para tu widget. Aquí puedes elegir en qué páginas quieres que aparezca, puedes retrasar su aparición e instalarlo.
Reglas de visualización - Mostrar u ocultar en páginas específicas.
Por defecto, el widget se mostrará en todas las páginas. Si deseas que se muestre en páginas específicas o ocultarlo en algunas, elige esas opciones en el menú desplegable “Dónde debería estar disponible tu widget”.En cualquier caso, después de seleccionar la opción, debes agregar la plantilla de URL donde deseas que se muestre/oculte. Aquí tienes una guía para entender las plantillas de Shopify:
Entiende las plantillas de páginas en los sitios eCommerce
Template | Uso… |
article | publicaciones individuales en un blog |
blog | página de blog, que enumera todos los artículos dentro de un blog |
cart | la página |
collection | páginas de colecciones, enumeran todos los productos dentro de una colección |
index | su página de inicio, en la URL principal (/) |
page | páginas habituales de la tienda, como Acerca de nosotros y Contáctenos. |
product | páginas de productos individuales |
Reglas de visualización - Retrasar la aparición.
Para retrasar la aparición del widget solo tienes que agregar el número (en segundos) del retraso en la sección “Retrasar Aparición”.
Aquí tienes un ejemplo de un widget con ambas reglas:
Notar que en este ejemplo, el widget estará oculto en todos los productos y en el carrito del sitio web.
Instala tu widget
Botón de instalación en WooCommerce
Botón de instalación en WooCommerce
Ve al panel izquierdo en WooCommerce (WordPress) y haz click en "Plugins" y luego "Add New Plugin"
Luego procede a hacer click en "Upload Plugin" y ve a "Choose File"
Escoge el archivo .zip "konvo-widget.zip" que hemos compartido contigo y procede a hacer click en "Install Now".
¡Todo listo! Puedes revisar el estatus del Plugin en cualquier momento en la sección de Plugins instalados (Installed Plugins).
Botón de instalación en Shopify
Botón de instalación en Shopify
Presiona el botón “instalar”.
Ahora debes ir a tu administrador de Shopify y habilitar la aplicación Konvo en tu tema. Para esto, ve a tu Tienda Online > Temas en Shopify y selecciona “Personalizar”.
Ahora selecciona la pestaña "embedded apps" y activa el Widget de Konvo.
¡Y eso es todo! ¡Ahora tu widget está instalado!
Instalación Manual
Instalación Manual
Copia el código de tu widget.
Agrega el código a Shopify:
Abre el editor de temas: Tienda Online > Temas > … > Editar código.
Crea un snippet bubble.liquid.
Desplázate en la barra izquierda hasta snippets > Agregar un nuevo snippet.
Llámalo bubble(.liquid).
Luego, pega tu código de widget generado allí.
Presiona “Guardar”.
Agrega el código funcional en el temaDesplázate en la barra izquierda hasta theme.liquid.
Coloca las siguientes 2 líneas de código dentro de la sección <head>.
Copia el script y la hoja de estilos:
Presiona “Guardar”.
Tienes todos los activos que necesitas, pero aún no se mostrará nada.
Necesitamos decidir dónde mostrarlo.
Así es como agregas el widget en todo tu sitio web:
Renderiza el código en Shopify
Mantén el archivo theme.liquid abierto y encuentra la etiqueta de apertura <body>.
Para que el widget se muestre, pega lo siguiente en el cuerpo:
{% render 'bubble' %}
Presiona “Guardar”.
Implementación del Live Chat
El Live Chat de Konvo te permite ofrecer soporte en tiempo real sin que los clientes abandonen tu sitio. Aquí te explicamos cómo integrarlo:
1. Activa el Live Chat
En tu panel de Widgets de Konvo, habilita la función de Live Chat junto con el widget de WhatsApp.
2. Personaliza la apariencia
Ajusta colores, fuentes y estilos para que coincidan con tu marca, creando una experiencia coherente.
3. Configura un saludo inicial
Crea un mensaje de bienvenida que enganche a tus visitantes, por ejemplo: "¡Hola! ¿En qué podemos ayudarte hoy?".
4. Personaliza tu launcher
Elige entre diferentes estilos y posiciones para el botón de chat, asegurando que sea visible pero no intrusivo.
5. Configura tus canales de preferencia
Selecciona si prefieres ofrecer soporte vía web (Live Chat) o WhatsApp.
Configura los canales de transferencia (email o WhatsApp) para una comunicación fluida.
Reglas de visualización - Mostrar u ocultar en páginas específicas.
Por defecto, el widget se mostrará en todas las páginas. Si deseas que se muestre en páginas específicas o ocultarlo en algunas, elige esas opciones en el menú desplegable “Dónde debería estar disponible tu widget”.En cualquier caso, después de seleccionar la opción, debes agregar la plantilla de URL donde deseas que se muestre/oculte.
6 Instalación final
Finalmente (luego de realizar la instalación desde tu plataforma eCommerce), instala tu Widget o LiveChat haciendo click en "Install". Tén en cuenta que para futuros cambios realizados en el Widget o LiveChat es necesario volver a realizar click en "Install" y te recomendamos eliminar las cookies y cache del sitio para poder visualizar los cambios en tu sitio web.
Estrategias Avanzadas para Maximizar el Impacto
Integración con flujos automatizados: Conecta tus widgets con flujos de Konvo para guiar a los clientes a través de procesos específicos, como onboarding o resolución de problemas comunes.
Segmentación de visitantes: Utiliza diferentes mensajes y ofertas según la página que esté visitando el usuario, personalizando la experiencia.
Análisis y optimización: Revisa regularmente las métricas de engagement y ajusta tu estrategia en consecuencia, mejorando continuamente la efectividad de tus widgets.
Entrenamiento del equipo: Asegúrate de que tu equipo de soporte esté bien capacitado para manejar consultas a través de múltiples canales, manteniendo un tono y calidad consistentes.
Personalización dinámica: Utiliza la información del usuario para ofrecer una experiencia más personalizada en cada interacción, aumentando la relevancia y la satisfacción del cliente.