Cómo configurar chat en vivo de WordPress GRATIS (Paso a paso)

¿Está buscando agregar chat en vivo a su sitio?

El chat en vivo es una de las mejores maneras de comunicarse con sus usuarios porque no necesitan iniciar sesión ni abrir una nueva página o sitio web. La comunicación se realiza en el momento y lugar, en vivo en su sitio, lo que la hace más eficiente.

Pero al final del día, el objetivo es que el canal de comunicación sea fácil tanto para sus clientes como para su equipo.

En este artículo, te guiaremos sobre cómo configurar el chat en vivo para WordPress. Discutiremos cómo agregar a los miembros de tu equipo y asignarles chats. También veremos cómo personalizar el chat en vivo para que se ajuste a tu marca.

¿Por qué debería agregar un chat en vivo gratuito a WordPress?

El chat en vivo permite una comunicación de ida y vuelta. Esto asegura que sus usuarios obtengan las respuestas que necesitan al instante, aumentando la satisfacción del cliente. Como resultado, un chat gratuito para software de sitios web puede aumentar su tasa de conversión e incluso permitirle vender sus productos de manera más directa y sin ser insistente.

Aquí hay otras razones para agregar chat a los sitios web.

• Mejora del compromiso del cliente: El chat en vivo anima a los visitantes a interactuar con su sitio web, aumentando la participación y la confianza. Este conveniente canal de comunicación en línea puede ayudarlo a construir relaciones más sólidas con su audiencia y fomentar visitas repetidas.
• Resolución rápida de problemas: El chat en vivo le permite abordar las consultas de los clientes rápidamente y resolver problemas en tiempo real. Esto puede ayudar a prevenir frustraciones y experiencias negativas, lo que lleva a clientes más felices y referencias positivas de boca en boca.
• Información valiosa sobre los clientes: Las interacciones del chat en vivo brindan información valiosa sobre las necesidades, preferencias y puntos débiles de los clientes. Analizar las transcripciones de chat y los comentarios puede mejorar sus estrategias de marketing y sus esfuerzos de desarrollo de productos.
• Solución Rentable: Muchas soluciones de chat en vivo ofrecen planes gratuitos o asequibles para pequeñas empresas, lo que lo convierte en una forma rentable de brindar un excelente soporte al cliente e impulsar las conversiones. Además, puede ayudar a reducir los costos de soporte asociados con llamadas telefónicas y correos electrónicos.
• Reducción del Abandono del Carrito: El chat en vivo es excelente para abordar las inquietudes o preguntas de los clientes potenciales durante el proceso de pago. Esta comunicación instantánea le permite abordar cualquier inquietud sobre el producto, reduciendo las tasas de abandono del carrito.
• Disponibilidad 24/7: A diferencia de los canales de atención al cliente tradicionales que operan dentro de horarios comerciales específicos, su equipo puede trabajar de forma remota y no necesita estar en la misma zona horaria. Esto garantiza que los visitantes puedan obtener ayuda cuando la necesiten, incluso fuera del horario de oficina habitual.
• Generación de Leads: El chat en vivo puede ser una poderosa herramienta de generación de leads. Al interactuar con los visitantes del sitio web en tiempo real, puede capturar leads directamente desde su sitio y nutrirlos a través de conversaciones personalizadas, aumentando la probabilidad de conversión.

Ahora, ofrecer chat en vivo en su sitio de WordPress puede diferenciarlo fácilmente de los competidores que quizás no brinden este nivel de soporte. Demuestra su compromiso con el servicio al cliente y puede ayudarlo a destacarse en un mercado saturado.

Pero para disfrutar de los beneficios, necesitas seleccionar una herramienta de chat para sitios web que cumpla con tus necesidades. Hay mucho software que puedes usar. Aquí tienes una lista de los mejores plugins de chat en vivo para empezar.

Pero para este tutorial, usaremos LiveChat. Veamos por qué elegimos este plugin de chat en vivo para WordPress en lugar de los demás.

Por qué LiveChat es la Solución Perfecta

LiveChat es el mejor plugin de chat en vivo porque es fácil de configurar y usar, lo que lo hace perfecto para principiantes. No necesitas experiencia en codificación. Te permite tener un equipo y asignarles chats individuales para gestionar.

Además, se integra con aplicaciones de mensajería populares como Facebook Messenger y WhatsApp para asegurar que tus usuarios puedan comunicarse en la plataforma más conveniente para ellos. Pero como viene con una función de historial de chat, puedes mover el chat a otra plataforma, como de Facebook Messenger a WhatsApp, y continuar la conversación sin interrumpir la cadena de mensajes.

LiveChat ofrece un panel altamente personalizable para mensajes personalizados y configuraciones de soporte de chat. Debido a esto, puedes configurarlo para que tú y tu equipo puedan comunicarse fácilmente con tus clientes sin interferir entre sí.

Para complementar esto, viene con +130 integraciones que puedes hacer con CRMs populares, herramientas de marketing por correo electrónico y más. Esto te permite optimizar tus operaciones de marketing, relaciones con clientes y negocios.

Aquí hay otras razones para usar LiveChat.

• Vista previa del mensaje: Puedes ver lo que el cliente está escribiendo antes de que lo envíe. Esto te permite preparar una respuesta más detallada y responder rápidamente.
• Respuestas predefinidas: Proporciona respuestas preescritas para preguntas comunes. Esto agiliza la comunicación y ahorra tiempo a los agentes de soporte de chat en vivo. Esto también asegura respuestas uniformes independientemente del agente que maneje el chat, ayudándote a crear consistencia de marca.
• Formularios pre-chat: LiveChat ofrece formularios pre-chat para recopilar información relevante de los usuarios antes de iniciar un chat, lo que permite a los agentes brindar asistencia y soporte más personalizados.
• Preservación del historial de chat: LiveChat almacena el historial de chat a menos que el visitante lo borre. Como resultado, asegura la continuidad del soporte y permite a los agentes comprender mejor las necesidades del cliente.
• Compartir archivos: LiveChat permite compartir archivos directamente entre agentes y clientes, lo que permite una comunicación más clara y una resolución de problemas más rápida al permitir a los usuarios compartir capturas de pantalla u otros archivos multimedia.
• Integración con Google Analytics: LiveChat se puede integrar con Google Analytics, lo que te permite medir y analizar métricas de chat en vivo de manera efectiva y proporciona información sobre el comportamiento e interacciones de los clientes.

Si buscas más información, consulta nuestra última reseña de LiveChat aquí.

Ahora que has visto por qué elegimos LiveChat para este tutorial sobre cómo agregar chat en vivo a WordPress, te guiaremos a través del proceso.

Paso 1: Crea una cuenta de LiveChat

Configurar una cuenta de LiveChat es muy fácil. Además, obtienes una prueba gratuita de 14 días para probar todas las funciones antes de tomar tu decisión.

No tienes que proporcionar la información de tu tarjeta de crédito al registrarte para la prueba gratuita. Esto asegura que no tengas la obligación de comprar la herramienta ni el riesgo de que tu información personal se filtre. Si quieres LiveChat Pro, consulta los precios del plugin aquí.

Así que, primero dirígete al sitio oficial de LiveChat y selecciona "Registrarse gratis".

A continuación, proporciona la dirección de correo electrónico con la que deseas registrarte y recibirás un correo electrónico de confirmación. Copia el código proporcionado en el correo electrónico de confirmación y pégalo en la página de registro de LiveChat.

Una vez que seas redirigido al panel de LiveChat, se te harán algunas preguntas sobre tu empresa, tu cargo y el número de miembros de tu equipo.

Una vez que respondas estas preguntas, el siguiente paso es conectar WordPress con LiveChat.

Ahora, LiveChat ofrece muchas opciones de conexión según el tipo de tu sitio. Si tienes un sitio de WordPress, puedes conectarlo a través de código manual, Google Tag Manager o un plugin gratuito.

También puedes conectarlo a Shopify, BigCommerce, Ecwid, SquareOnline y más.

Pero para este tutorial, te mostraremos cómo agregar LiveChat a WordPress usando 2 métodos.

1. Usando código personalizado

Ahora, debemos señalar que este método manual requiere experiencia en codificación, lo que puede dificultarlo para los principiantes. De hecho, debido a su nivel de dificultad, LiveChat te ofrece una guía y también la opción de enviar las instrucciones directamente a tu desarrollador.

Pero usaremos WPCode para hacer esto, lo que lo hace súper simple. WPCode es el mejor plugin de fragmentos de código, ya que te permite agregar código a tu sitio sin romperlo o sin tener experiencia de desarrollador.

Pero antes de instalar este plugin de código, primero copia el código de conexión de LiveChat. Lo necesitarás más tarde.

A continuación, dirígete a tu panel de WordPress y accede a tu repositorio de plugins yendo a Plugins » Agregar Nuevo Plugin. Después de esto, busca “WPCode” para encontrar la versión gratuita del plugin.

Si experimentas algún problema, consulta este tutorial sobre cómo instalar un plugin.

Luego, una vez que instales y actives el plugin, ve a Snippets de Código » +Agregar Snippet. A continuación, selecciona “Agregar tu Código Personalizado” para abrir la pantalla de vista previa del código.

Aquí, primero nombra tu snippet. Luego, asegúrate de que el Tipo de Código esté configurado como “Snippet HTML” y que el botón de alternancia esté en “Activo”.

Después de esto, ve debajo del área de Vista Previa del Código y configura el Método de Inserción en “Insertar Automáticamente” y la Ubicación en “Pie de Página de Todo el Sitio”.

Una vez hecho esto, pega el código que copiaste anteriormente de tu panel de LiveChat en el área de Vista Previa del Código y selecciona “Guardar Snippet”.

Recuerda que puedes usar WPCode para más que solo crear la conexión manual de LiveChat con tu sitio web de WordPress. Puedes agregar diferentes tipos de códigos CSS, JavaScript, HTML o PHP personalizados. También puedes usarlo para integrar Google Analytics, Facebook Pixel u otros servicios de seguimiento.

Después de esto, recarga tu panel de LiveChat y deberías ver ahora que la conexión fue un éxito.

2. Conectar con un Plugin

Aunque WPCode facilita la adición manual de LiveChat con un código, usar su plugin de chat en vivo para WordPress es aún más sencillo.

Primero, navega a tu repositorio de WordPress seleccionando Plugins » Agregar Nuevo Plugin. Luego, busca el plugin de LiveChat, instálalo y actívalo.

Una vez hecho esto, deberías ver una nueva opción de menú en tu panel de WordPress llamada LiveChat.

Luego, selecciona esta opción de menú y haz clic en el botón “Iniciar Sesión” en la ventana emergente que aparecerá a continuación. Si no creaste una cuenta anteriormente, haz clic en la opción Registrarse.

Si LiveChat se agrega correctamente a tu sitio de WordPress, verás otra ventana emergente. Selecciona Ir a LiveChat para ser redirigido de regreso a tu Panel de LiveChat.

¡Felicitaciones! Acabas de crear y conectar tu cuenta de LiveChat a WordPress.

Paso 2: Personalizar LiveChat

Con el plugin gratuito de LiveChat instalado y activado en WordPress, veamos cómo personalizarlo.

Primero, selecciona Configuración » Widget de chat en tu panel de LiveChat para comenzar tu viaje de personalización.

En el submenú “Personalización”, ve a la pestaña “Apariencia”.

Deberías ver una sección de vista previa en tu extremo derecho. Esto te mostrará cómo aparecerá tu widget de chat en la ventana de chat en vivo.

Aquí, decide si quieres que tu widget de chat sea una barra o una burbuja. Luego, configúralo en un tema Oscuro o Claro. Finalmente, establece el color del widget.

A continuación, ve a la pestaña “Posición” debajo de la pestaña “Personalización”.

Aquí, establece si quieres tu widget a la derecha o a la izquierda. Después de esto, decide el espaciado lateral e inferior que deseas. Completa este paso configurando la visibilidad del widget en Siempre visible, Ocultar widget hasta que se active, o Ocultar siempre el icono de widget minimizado.

A continuación, configura tu “Widget de chat móvil” en la siguiente pestaña.

Puedes usar la misma configuración para el escritorio o personalizarlas usando opciones como las anteriores.

Después de esto, pasa a “Ajustes adicionales” en la siguiente pestaña y configura lo siguiente.

• Mostrar logo: Ayuda a mejorar tu marca
• Mostrar foto del agente: Hace la conversación más personal
• Habilitar notificaciones de sonido para clientes: Alertalos en caso de que estén en otra ventana
• Permitir que los clientes califiquen a los agentes: Obtén más información sobre la experiencia del cliente
• Permitir que los clientes obtengan transcripciones de chat: Permite a tus usuarios tener una forma escrita de la conversación

Luego, debajo de “Personalización”, ve al submenú “Idiomas” a continuación.

Aquí, primero, selecciona el idioma que deseas usar en el menú desplegable. Si cambias el idioma, notarás que la sección Frases personalizadas se ajustará al idioma.

Pero también personaliza las “Frases personalizadas” aquí para hacerlas más atractivas para tus clientes.

Debajo de esto, configura los textos de “Agentes ausentes” y “Clientes en espera” para comunicar cómo tus clientes deben contactarte fuera del horario comercial o si tus agentes ya están atendiendo a otras personas.

A continuación, veamos cómo configurar mensajes predefinidos.

Para acceder a esta función de chat en vivo, dirígete a Configuración » Respuestas predefinidas » Lista de respuestas.

Además de las plantillas proporcionadas, puedes crear nuevos mensajes predefinidos aquí, lo que permite a tus agentes tener respuestas preescritas personalizadas. Luego puedes categorizar estos mensajes predefinidos usando etiquetas como #transferir, #producto y más.

Para añadir a esto, también configura la “Respuesta sugerida”. En este caso, LiveChat sugerirá una respuesta a tus agentes cuando un cliente use ciertas frases para responder a los mensajes.

Ahora, veamos cómo configurar los formularios de LiveChat.

Para hacer esto, ve a Configuración » Formularios.

Primero, configura el “Formulario pre-chat” personalizando el mensaje de bienvenida y agregando campos de texto para solicitar el nombre y correo electrónico del cliente.

Para completarlo, si deseas recopilar aún más información sobre tu usuario, agrega elementos adicionales, incluyendo Información, una Lista de opción múltiple, un Menú desplegable, una Lista de selección, una pregunta y una Sección de grupo.

Aún en el submenú Formularios, configura “Solicitar correo electrónico”.

Esto permite que tu cliente proporcione un correo electrónico cuando tus agentes no responden o están desconectados. Aquí, agrega cuánto tiempo tiene que esperar el cliente antes de que reciba la opción de enviarte un correo electrónico. También, configura un mensaje para indicarles qué hacer cuando estés desconectado.

A continuación, LiveChat te permite agregar también un formulario “Post-chat”.

Puedes usar este formulario para realizar una encuesta para medir la satisfacción del cliente. Para complementar esto, también puedes usar este formulario posterior al chat para obtener una calificación del chat o enviar un mensaje de agradecimiento. Esto puede ayudarte a generar confianza y fortalecer la relación con tus clientes.

Ahora, para asegurar que tus clientes se comuniquen de la mejor manera para ellos, configura los “Canales”.

Aquí, agrega Facebook Messenger, Apple Messages, WhatsApp y correos electrónicos para dar a tus usuarios más opciones de comunicación.

Para complementar esto, puedes personalizar la página de chat de WordPress sin necesidad de experiencia en codificación. Todo lo que tienes que hacer es ir a Configurar en el submenú de la página de chat.

También puedes agregar tu logo y un breve mensaje de bienvenida para tus clientes. Una vez que esto esté listo, simplemente copia la URL de la página de chat y compártela donde quieras, como en boletines, comentarios, redes sociales, etc.

Finalmente, vayamos a “Configuración del chat”.

Aquí, decide si quieres que los mensajes de los clientes se asignen a tus agentes de forma manual o automática.

Si configuras la Asignación automática, puedes limitar la cantidad de clientes que un agente puede atender. Esto te ayudará a distribuir la carga de trabajo y evitar el agotamiento.

Con la Selección manual, todos los agentes serán notificados cuando un nuevo cliente se ponga en contacto. Luego, los chats se asignarán según el primer agente que los tome. Esto puede ayudar a que tus clientes sean atendidos más rápido.

A pesar de que personalizar tu widget de LiveChat de esta manera es fácil, hay un problema que encontrarás.

Debido a que todas estas configuraciones se realizan en el backend de tu panel de WordPress, puede ser difícil entender cómo tus clientes experimentarán el widget de LiveChat en una página activa.

Para ayudar con esto, LiveChat tiene una NUEVA función de editor front-end.

Para acceder al editor frontal de LiveChat, ve a Configuración » Widget de chat » Personalizar en tu panel de LiveChat. Luego, en la pestaña “Personalizar widget en el sitio web”, ingresa la URL de tu sitio web en la barra de texto y presiona la “Flecha hacia adelante”.

Una vez en el Editor en vivo, personaliza los colores, el widget minimizado y la alineación. Lo más importante es que ahora puedes experimentar cómo aparecerá el widget de chat en vivo en una página.

Paso 4: Mostrar el cuadro de chat en vivo de WordPress en tu sitio

Ahora, mostrar tu widget de chat en vivo en tu sitio de WordPress es súper fácil.

De hecho, se mostrará automáticamente si completaste el paso 1 de este tutorial y ya tienes instalado el plugin gratuito de LiveChat para WordPress.

Lo único que queda es seguir la lista de verificación en la página principal de tu panel de LiveChat. Si aún no lo has hecho, te pedirá que agregues miembros del equipo y una foto de perfil.

Finalmente, puedes descargar la aplicación de escritorio para acceder a más plataformas de chat.

Para ver tus análisis de chat en vivo, ve a "Informes" en tu panel de LiveChat.

Aquí, verás métricas de chats totales, participación en el chat, chats perdidos, conversiones de campañas y más. También puedes ver el rendimiento de los agentes, como su tiempo de respuesta y actividad.

Además, puedes monitorear a los clientes y medir métricas como Clientes en Cola y Abandono de Cola. Si configuraste formularios posteriores al chat, LiveChat te permite ver las reseñas en tus informes y compartirlas en redes sociales como prueba social.

Paso 5: Contrata Agentes Profesionales de Chat en Vivo

Ahora que el cuadro de chat en vivo de tu sitio está listo, necesitas contratar agentes que puedan responder las preguntas de los usuarios en tiempo real.

Para esto, tendrás 2 opciones a considerar para el sitio web de tu negocio:

1. Contrata agentes y forma tu equipo de ventas y soporte. Pero, llevará tiempo y requerirá mucha paciencia, especialmente para capacitarlos.
2. Externaliza el chat en vivo a una empresa profesional como LTVPlus, y ellos se encargarán de todo.

LTVPlus ofrece expertos en chat en vivo para ventas y soporte las 24 horas del día, los 7 días de la semana. Si contrata a estos agentes, no necesitará capacitarlos y su chat en vivo comenzará a funcionar de inmediato. Este servicio de chat en vivo también le ahorrará tiempo y dinero para que pueda concentrarse en hacer crecer su negocio en lugar de atender a los usuarios de su sitio por su cuenta.

¡Felicitaciones! Ahora puede configurar el chat en vivo en su sitio de forma gratuita. Si tiene más preguntas, consulte nuestras preguntas frecuentes a continuación.

Preguntas frecuentes: Chat en vivo de WordPress: Cómo configurarlo GRATIS (Paso a paso)

Esperamos que este artículo le haya ayudado a aprender cómo agregar un chat en vivo gratuito a WordPress. También puede consultar nuestra guía sobre cómo saludar a los usuarios de WordPress con un mensaje de bienvenida personalizado.

Para añadir a esto, aquí tienes artículos adicionales que podrían interesarte.

• Los 11 Mejores Plugins de Software de Chat en Vivo Comparados
• Cómo agregar fácilmente un botón de Llamar ahora a WordPress (paso a paso)
• Las 7 mejores aplicaciones de chat para equipos para la comunicación grupal

El primer artículo enumera y compara 11 de los mejores plugins de chat en vivo. La siguiente publicación te guía sobre cómo agregar un botón de "Llamar ahora" a tu sitio de WordPress. Mientras que el último artículo analiza 7 de las mejores aplicaciones de chat en equipo para la comunicación grupal.