Al probar diferentes opciones de atención al cliente en WooCommerce, descubrimos algo fascinante: las tiendas con chat en vivo suelen ver un aumento significativo en las tasas de conversión.
Tiene perfecto sentido: cuando los clientes pueden obtener respuestas inmediatas a sus preguntas, es más probable que completen su compra.
Al ayudar a los propietarios de tiendas en WPBeginner, hemos visto cómo agregar chat en vivo puede transformar el rendimiento de una tienda en línea. No solo aumenta las ventas, sino que también ayuda a generar confianza en el cliente y a reducir el abandono del carrito.
En esta guía, te mostraremos exactamente cómo agregar chat en vivo a tu tienda WooCommerce.

¿Por qué agregar LiveChat a tu tienda WooCommerce?
El chat en vivo te ayuda a conectarte con los visitantes de tu sitio web en tiempo real, y está comprobado que aumenta los niveles de satisfacción.
Con un soporte de mesa de ayuda adecuado, los clientes obtienen ayuda inmediata cuando encuentran problemas o tienen preguntas.
Sin embargo, la razón principal para agregar chat en vivo a tu sitio web de comercio electrónico es el gran impulso en las conversiones que puede proporcionar.
Cuando agregamos chat en vivo al sitio web de OptinMonster , vimos un aumento masivo en las conversiones generales. Una persona que chatea con nosotros tiene 11 veces más probabilidades de convertir que un visitante promedio del sitio web.
Ahora podrías estar pensando, ¿no es caro añadir chat en vivo? ¿No necesitas agentes de soporte y ventas capacitados para que el chat en vivo funcione con éxito?
Sí, ese es en realidad el mayor desafío del chat en vivo, pero resolvimos el problema.
Resolviendo el mayor desafío del chat en vivo
El mayor desafío al añadir chat en vivo a tu tienda de comercio electrónico es la gestión de agentes. Necesitarás añadir agentes de soporte y ventas capacitados para que el chat en vivo funcione.
Aquí es donde entra LTVPlus. Proporcionan agentes de chat en vivo dedicados y bien capacitados para gestionar tu chat en vivo de preventa y consultas de soporte sencillas. Estos agentes trabajan contigo para entender tu producto/negocio y actúan como una extensión de tu equipo existente.

LTVPlus fue fundado por el cofundador de MaxCDN, la red de entrega de contenido que usamos aquí en WPBeginner, así que decidimos probarlos.
Usamos LTVPlus en OptinMonster y hemos sido testigos de un aumento significativo en nuestras conversiones de comercio electrónico. Lo mejor es que no tenemos que preocuparnos por contratar o capacitar agentes.
Dado que toda la configuración está externalizada, es muy asequible, y configurar un servicio de chat en vivo se paga solo en la primera semana.
Sin embargo, si no quieres usar esta plataforma, puedes seguir nuestro tutorial sobre cómo añadir un chat en vivo, paso a paso.
- Paso 1: Regístrate en LiveChat ✍️
- Paso 2: Conecta LiveChat a tu sitio web 🔗
- Paso 3: Personaliza tu chat en vivo 🎨
- Paso 4: Invita agentes a LiveChat 👥
- Paso 5: Previsualiza tu chat en vivo 👀
- Instala LiveChat manualmente 🖥️
Paso 1: Regístrate en LiveChat ✍️
En nuestro sitio web de comercio electrónico, usamos LiveChat como nuestro software de chat. Puedes usar cualquiera de los mejores softwares de chat en vivo, pero para este tutorial, solo mostraremos la plataforma que usamos nosotros mismos.
Primero, necesitas visitar el sitio web de LiveChat y registrarte para obtener una cuenta. Simplemente ingresa tu correo electrónico de negocio y haz clic en ‘Regístrate gratis’.

LiveChat es una solución de pago que cuesta $20 por agente. Sin embargo, ofrecen una prueba gratuita de 14 días, lo que te permite probar las funciones y ver si se adapta bien a tu negocio.
Los planes de pago te brindan funciones avanzadas como el enrutamiento inteligente, que ayuda a distribuir los chats al agente correcto. También puedes conectar LiveChat a múltiples aplicaciones, como Facebook Messenger y SMS.
Una vez que hayas elegido qué correo electrónico deseas usar, puedes hacer clic en 'Iniciar prueba gratuita de LiveChat' en la siguiente página.

Después del registro, verás el panel de LiveChat.
Paso 2: Conecta LiveChat a tu sitio web 🔗
LiveChat hace que agregar una ventana de chat y botones a tu tienda en línea sea súper fácil.
En tu sitio de WordPress, necesitas instalar y activar el plugin LiveChat. Para más detalles, puedes ver nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Al activarse, el plugin agregará un nuevo elemento de menú llamado 'LiveChat' a tu administrador de WordPress. Ahora, lo primero que debes hacer es integrar tu sitio de WordPress a tu cuenta de LiveChat.
Haz clic en 'Iniciar sesión' para conectarte.

Una vez conectado, verás una página de LiveChat en WordPress.
Desde aquí, hagamos clic en 'Ir a LiveChat'. Esto te llevará al constructor completo de LiveChat para personalizar la apariencia de tu LiveChat y el formulario de chat, agregar agentes y más.

Paso 3: Personaliza tu chat en vivo 🎨
Para personalizar tu chat en vivo, querrás hacer clic en el botón 'Configuración'.
En esta sección, puedes dirigirte a Widget de chat » Personalización para personalizar la apariencia de la ventana de LiveChat.

Puedes elegir los colores y el tema de la ventana de chat para que coincidan con el esquema de colores de tu sitio web.
Después de eso, puedes cambiar a la pestaña ‘Ajustes adicionales’ para subir tu propio logotipo y agregar tus perfiles de redes sociales.

A continuación, quizás quieras personalizar lo que LiveChat llama un Atrapador de miradas. Estas son imágenes que se muestran cuando la ventana de LiveChat se minimiza.
Para hacer esto, puedes ir a Engagement » Eye-catcher.
Junto a ‘¿Qué son los atrapadores de miradas?’, simplemente activa el botón.

Esto mostrará una vista previa de cómo se ve el atrapador de miradas para que puedas personalizarlo tú mismo.
LiveChat tiene varios estilos de atrapadores de miradas que puedes usar. Alternativamente, también puedes subir tus propias imágenes y usarlas para captar la atención de tus usuarios.

También recomendamos personalizar el formulario previo al chat. Aquí es donde puedes recopilar la información del visitante antes de que comience el chat.
Por ejemplo, pedir su nombre y dirección de correo electrónico es un buen punto de partida para que puedas contactarlos si el chat se desconecta. También podrías querer hacer preguntas específicas sobre lo que están buscando o dirigirlos a departamentos específicos.
En el panel de ‘Configuración’, querrás ir a Forms » Pre-chat form. Luego, verás tu formulario previo al chat actual.

Para personalizarlo, simplemente ve a ‘Agregar elemento’.
Desde allí, puedes elegir cualquier elemento que desees, como información, pregunta, lista de opciones, menú desplegable, lista de opciones múltiples o selección de grupo. Es una interfaz de arrastrar y soltar, por lo que puedes mover fácilmente cualquier elemento a tu gusto.

También puedes actualizar tus ‘Respuestas predefinidas’ para proporcionar automáticamente respuestas a preguntas frecuentes.
Simplemente ve a Canned Responses » Response List en la pestaña ‘Configuración’. Luego, haz clic en ‘+ Nueva respuesta predefinida’ para agregar nuevas o desplázate hacia abajo para elegir entre las opciones existentes.

Y si quieres cambiar cómo se enrutan los chats, ve a Chat Settings » Chat assignment.
Aquí puedes distribuir chats automáticamente a tus agentes o asignarlos manualmente.

Si deseas crear reglas de enrutamiento asignando ciertos tipos de consultas a agentes específicos, puedes configurarlo en la sección ‘Reglas de enrutamiento’ dentro de ‘Configuración del chat’.
Paso 4: Invita agentes a LiveChat 👥
Cuando estés satisfecho con la apariencia y las configuraciones de la ventana de chat, es hora de agregar agentes de LiveChat.
Para hacer esto, cambiemos a la pestaña 'Equipo' y luego hagamos clic en el botón '+' junto a 'Agregar nuevo agente'.

Se abrirá una ventana emergente para que invites personas a Livechat.
Necesitarás agregar sus direcciones de correo electrónico y elegir el tipo de acceso que deseas otorgarles. Puedes agregarlos como agentes con control limitado sobre tu cuenta o como un administrador con acceso completo a la aplicación.
Cuando hayas terminado con eso, puedes hacer clic en 'Enviar invitaciones'.

Paso 5: Previsualiza tu chat en vivo 👀
Tu LiveChat está configurado e instalado exitosamente en tu tienda WooCommerce.
Ahora puedes visitar tu sitio web para ver el chat en vivo en acción. Simplemente haz clic en el enlace 'Vista previa en vivo' en la parte superior para ver cómo se ve el chat.

Dado que ya conectaste tu LiveChat a tu cuenta de WordPress, LiveChat debería aparecer automáticamente en tu sitio.
Simplemente ve a tu sitio web y verifica que el LiveChat funcione sin problemas.
Configuración del Plugin LiveChat
LiveChat no solo agrega una función de chat a tu tienda. También te permite ver los detalles del carrito de tu cliente durante la conversación.
Con LiveChat, puedes personalizar las siguientes opciones:
- Ocultar el widget de chat para visitantes invitados – Esta opción te permite elegir si deseas mostrar el widget de chat solo a los usuarios que han iniciado sesión en tu tienda o a todos los visitantes web.
- Seguimiento de visitantes – Aquí es donde puedes ver los detalles del último pedido, información del producto, cantidad de unidades, valor total y dirección de envío.
Para activar estas opciones, simplemente dirígete a LiveChat » Configuración en tu panel de WordPress. Luego, en configuración, puedes elegir la opción que deseas habilitar.

Instala LiveChat manualmente 🖥️
Si tienes un sitio web que no es de WordPress, aún puedes agregar LiveChat fácilmente a tu sitio web.
Simplemente navega a Canales » Sitio web en la configuración de tu LiveChat. En ‘Instalar el widget de chat manualmente’, puedes hacer clic en ‘Copiar código’ y luego agregarlo al tema de tu sitio.

LiveChat también tiene aplicaciones e integraciones para todas las alternativas populares de WordPress como Shopify, Squarespace, Magento y más.
También es uno de los mejores plugins de WooCommerce para tu tienda para ayudar a aumentar el valor promedio de tu pedido y mejorar las tasas de conversión.
Usando LiveChat y LTVPlus, estamos viendo resultados realmente buenos en nuestro sitio web de comercio electrónico, y agregaremos LiveChat a más de nuestros propios sitios web.
Esperamos que este artículo te haya ayudado a agregar LiveChat a tu tienda WooCommerce. También te puede interesar nuestro artículo sobre cómo enviar notificaciones SMS de Twilio desde WooCommerce y nuestras principales selecciones para las mejores automatizaciones de WooCommerce para aumentar las ventas.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Chris
Estoy un poco confundido acerca de sus precios. Su sitio web dice “a partir de US$ 1,750 / mes por agente”. Usted dice que comienza en $16.99 por agente. No soy un genio de las matemáticas, pero esos números están bastante lejos.
Soporte de WPBeginner
Hola Chris,
El precio de LiveChat comienza en $16.99 por agente. LTVPlus es un servicio diferente y sus precios comienzan en $1,750 por mes por agente.
Administrador
ETIENNE RUKUNDO
Esta es una muy buena idea para agregar chat en vivo a nuestro sitio web. Personalmente, lo haré para atraer usuarios y comunicarme con ellos. Además, si puedes, ¿podrías poner un video tuyo sobre cómo usar diferentes temas de WordPress en un solo nombre de dominio? Lo que quiero decir es que cuando haces clic en una página, te redirige a un tema diferente. Fallé con el plugin Page Theme. Por favor, ayuda.
Jodie
¡Este es probablemente el mejor tutorial paso a paso de chat en vivo! Me ayudó a agregarlo a mi mercado en línea en 1 día.
Vladimir Djurovic
Este es un consejo realmente útil. He estado buscando algo similar durante un tiempo.
¿Sabes si tiene algún impacto en el rendimiento del sitio?
Soporte de WPBeginner
Hola Vladimir,
Los scripts de LiveChat se cargan desde sus servidores CDN y están altamente optimizados para el rendimiento.
Administrador