Ir al contenido principal
Todas las coleccionesEmpieza aquíPrimeros Pasos
Potencia tu Atención al Cliente: Whatsapp Widget y Live Chat de Konvo

Potencia tu Atención al Cliente: Whatsapp Widget y Live Chat de Konvo

Widget y LiveChat Support de Konvo: comunicación centralizada instantánea

Actualizado esta semana

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 derecha

    • Utiliza 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 /cart , que muestra el carrito de un cliente

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

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

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

  1. 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 tema

    Desplá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

  1. 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.

  2. Segmentación de visitantes: Utiliza diferentes mensajes y ofertas según la página que esté visitando el usuario, personalizando la experiencia.

  3. 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.

  4. 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.

  5. 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.

¿Ha quedado contestada tu pregunta?