Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo agregar chat en vivo gratis en WordPress (2 formas fáciles)

Agregar una función de chat en vivo gratuita a tu sitio de WordPress puede aumentar la participación y el soporte al cliente al brindar asistencia en tiempo real a tus visitantes.

Te permite interactuar con los visitantes del sitio web en tiempo real, para que puedas responder sus preguntas y resolver sus problemas de inmediato. Esto puede generar más ventas y animar a los clientes existentes a permanecer leales a tu marca.

Muchas de nuestras marcas asociadas han estado utilizando el chat en vivo para ayudar a los clientes, guiándolos a través del proceso de compra y respondiendo cualquier pregunta que puedan tener. Hemos visto que esto les ayuda a crear una impresión positiva en los usuarios, lo que lleva a más clientes potenciales y un aumento en las conversiones.

En este artículo, te mostraremos cómo agregar fácilmente chat en vivo a tu sitio de WordPress. Te guiaremos a través de dos métodos sencillos: uno usando un plugin totalmente gratuito y otro usando un servicio de chat en vivo.

Agregar chat en vivo gratuito en WordPress

¿Por qué usar chat en vivo en tu sitio de WordPress?

Según eConsultancy, el chat en vivo tiene el nivel más alto de satisfacción entre todos los canales de servicio al cliente. De hecho, la satisfacción con el chat en vivo es del 73%, mucho más alta que la satisfacción por correo electrónico, teléfono y SMS.

Para obtener más estadísticas sobre chat en vivo, consulta nuestras estadísticas, tendencias y hechos de marketing.

Si tienes una tienda de comercio electrónico o un pequeño negocio, el chat en vivo puede convencer a los clientes de comprar tus productos. También puedes hablar con compradores que no completan el proceso de pago, lo que puede ayudarte a recuperar carritos abandonados. Incluso podrías sugerir productos o notificar a los clientes sobre una oferta.

Además, puedes usar el chat en vivo para brindar soporte a tus clientes existentes en tiempo real y convertirlos en embajadores de marca que recomendarán tu negocio a amigos y familiares.

Una función de chat en vivo en un sitio web de WordPress

Dicho esto, veamos cómo agregar fácilmente un chat en vivo gratuito en WordPress. Puedes usar los enlaces a continuación para ir directamente al método que te interesa:

La forma más fácil de agregar chat en vivo gratuito a tu sitio de WordPress es usando WPChat. Es un plugin de chat en vivo gratuito que permite a los visitantes iniciar una conversación directamente en tu sitio web, y luego transferir el chat sin problemas a WhatsApp, Telegram, Facebook Messenger o Instagram.

De esta manera, los clientes pueden comenzar el chat en tu sitio pero continuarlo en la aplicación de mensajería que ya usan, para que no tengan que permanecer en tu sitio web y puedas brindar soporte más rápido y conveniente. Para obtener más información, consulta nuestra reseña detallada de WPChat.

Para empezar, necesitas instalar y activar el plugin gratuito WPChat. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Nota: La versión gratuita de WPChat tiene todo lo que necesitas para agregar chat en vivo a tu sitio de WordPress. Si deseas funciones avanzadas como controles de visibilidad, colores de marca personalizables, análisis y más, puedes actualizar a WPChat Pro.

Una vez que el plugin esté activado, haz clic en el nuevo elemento de menú WPChat en tu panel de WordPress. Desde allí, haz clic en el botón ‘Configurar’.

Configurar el plugin WPChat

En la siguiente página, debes ingresar tu número de teléfono de negocios de WhatsApp en el formato internacional estándar (incluyendo el código de país).

Luego, haz clic en el botón ‘Siguiente’ para continuar.

Ingresa tu número de teléfono de WhatsApp Business

En el siguiente paso, puedes seleccionar un tema para tu nuevo widget de chat en vivo. Hay tres temas para elegir, incluyendo Básico, Noche y Pastel.

Simplemente haz clic en el menú desplegable para elegir tu tema preferido. Si no estás seguro de qué tema elegir, no te preocupes, siempre puedes cambiarlo más tarde.

Después de elegir un tema, haz clic en el botón ‘Siguiente’.

Elige un tema para tu widget de chat en vivo

A continuación, debes decidir dónde aparecerá el widget de chat en vivo en tu sitio de WordPress.

Con la versión gratuita de WPChat, tienes dos opciones:

  • Mostrar en todas las páginas
  • No mostrar en ninguna página

Selecciona la opción 'Mostrar en todas las páginas' y haz clic en el botón 'Siguiente' para continuar.

Configurar la visibilidad del widget de chat en vivo en WPChat

💡 Consejo Pro: ¿Quieres más control sobre dónde aparece el widget de chat en vivo en tu sitio? Con WPChat Pro, puedes elegir mostrar u ocultar tu widget de chat en vivo en páginas específicas, categorías, etiquetas, o tipos de publicaciones personalizadas.

Ahora, verás un mensaje de éxito indicando que el plugin está configurado.

Finalizar la configuración de WPChat

Si deseas actualizar de la versión gratuita a WPChat Pro, puedes hacerlo desde esta página.

De lo contrario, simplemente desplázate hasta el final de la página y haz clic en el botón 'Completar configuración sin actualizar'.

Haz clic en el botón Completar configuración en WPChat

Personalizar la apariencia del widget de chat en vivo

Después de la configuración inicial, serás redirigido al panel de control de WPChat.

Desde aquí, puedes personalizar aún más tu widget de chat en vivo para que coincida con tu marca. Para hacerlo, simplemente haz clic en el botón 'Personalizar'.

Personalizar la ventana de chat en vivo de WPChat

Esto abrirá el Editor del Asistente de Chat de WPChat. En el lado izquierdo, verás todas las opciones de diseño, incluyendo tema, paleta de colores, encabezado, icono, avatar del asistente y más.

Cada vez que realices algún cambio, la vista previa en vivo a la derecha te mostrará cómo se ve.

Editor del asistente de chat de WPChat

Por ejemplo, puedes hacer clic en la opción ‘Encabezado’ del menú de la izquierda.

Desde allí, puedes escribir un nuevo mensaje de encabezado, que es lo primero que ven los visitantes cuando pasan el cursor sobre tu widget de chat en vivo.

Cuando estés satisfecho con tu mensaje de encabezado, no olvides hacer clic en ‘Guardar’.

Personalizar el texto del encabezado de WPChat

También puedes cambiar la apariencia del Avatar del Asistente. El Avatar del Asistente es lo que los visitantes ven cuando abren tu widget de chat: un asistente que los dirige directamente a tu chat de WhatsApp.

Para personalizarlo, haz clic en ‘Avatar del Asistente’ en el menú de la izquierda. Desde aquí, puedes elegir de la colección de avatares preconstruidos.

Personalizar el avatar del asistente de WPChat

De nuevo, no olvides hacer clic en ‘Guardar’ para almacenar tus cambios.

Cuando hayas terminado de hacer personalizaciones, haz clic en el botón ‘Cerrar Editor’.

Nota: Con la versión gratuita de WPChat, las opciones de personalización son limitadas. Si deseas eliminar la marca de WPChat, subir un avatar de asistente personalizado, establecer colores personalizados y más, deberás actualizar a la versión premium de WPChat.

Configuración de tu Agente de Chat en Vivo

A continuación, te recomendamos personalizar tu agente de chat en vivo predeterminado. Esto da a los visitantes la sensación de que una persona real está lista para ayudar, lo que genera confianza desde el principio.

Para hacerlo, ve a la página WPChat » Agentes desde el panel de WordPress y haz clic en el botón ‘Editar’ junto a tu agente predeterminado.

Configurar el agente de chat en vivo predeterminado en WPChat

Desde aquí, puedes hacer clic en ‘Subir’ para elegir una foto de perfil para tu agente de chat en vivo.

Debajo de eso, puedes escribir un nombre de agente en el campo proporcionado.

También puedes agregar detalles de contacto para otros servicios de mensajería, incluyendo Telegram, Facebook Messenger e Instagram. De esa manera, los visitantes tendrán formas adicionales de enviarte mensajes además de WhatsApp.

Editar el agente de chat predeterminado en WPChat

💡 Consejo profesional: Con WPChat Pro, puedes agregar varios agentes de chat para representar a cada persona de tu equipo. Incluso puedes establecer horarios de trabajo personalizados para que tus chats solo se dirijan a los agentes disponibles.

Cuando estés satisfecho con tu agente de chat en vivo, haz clic en el botón ‘Guardar cambios’.

¡Eso es todo! Ahora, puedes visitar tu sitio de WordPress para ver tu ventana de chat en vivo en acción.

Demostración del widget de chat en vivo de WPChat

Cuando un visitante hace clic en el botón de chat en tu sitio, puede elegir con qué aplicación de mensajería desea chatear contigo.

Luego, WPChat abre una nueva conversación en su aplicación de mensajería preferida (si está en su teléfono) o en la aplicación web (si está en su computadora).

Método 2: Agregar chat en vivo a WordPress con LiveChat Inc.

Otra forma de agregar una función de chat en vivo a tu sitio web es usando LiveChat Inc. Es una de las mejores soluciones de chat en vivo para WordPress con funciones avanzadas, y nosotros lo usamos en nuestro propio sitio OptinMonster.

Puedes aprender más sobre él en nuestra reseña de LiveChat.

El plugin de WordPress LiveChat es gratuito, aunque necesitarás comprar una suscripción de pago para usar el servicio LiveChat. Las suscripciones comienzan en $19.00 por mes, pero también hay una prueba de 30 días, para que puedas probar el servicio gratis.

Para empezar, dirígete al sitio web de LiveChat. Luego, ingresa tu dirección de correo electrónico comercial y haz clic en el botón ‘Registrarse gratis’.

Regístrate gratis en Live Chat

Esto te llevará a una página donde puedes ingresar tu dirección de correo electrónico, número de teléfono comercial y la contraseña que deseas usar.

Después de ingresar esta información, haz clic en ‘Registrarse’.

Creando una cuenta de LiveChat para un sitio web de WordPress

Después de unos momentos, recibirás un correo electrónico pidiéndote que verifiques tu cuenta. Simplemente abre el correo electrónico y haz clic en el botón ‘Verificar tu cuenta’.

Personalizar la apariencia de la ventana de chat en vivo

Tu ventana de LiveChat necesita captar la atención de los usuarios mientras complementa tu tema de WordPress.

Para cambiar el aspecto de las ventanas de LiveChat, inicia sesión en tu cuenta de LiveChat usando la dirección de correo electrónico y la contraseña que ingresaste anteriormente.

En el menú de la izquierda, haz clic en Configuración. Luego, selecciona ‘Widget de chat’ y ‘Personalización’.

Personalizando la ventana de LiveChat para WordPress

Ahora puedes estilizar la ventana de chat en vivo y ver tus cambios aplicados en tiempo real.

Para empezar, puedes elegir un tema para la ventana de chat minimizada.

Simplemente haz clic en ‘Apariencia’ para expandir esta sección, y luego haz clic en los diferentes temas para previsualizar cómo se verán en tu tienda WooCommerce o similar.

Creando un agente de chat en vivo personalizado y de marca para WordPress

También puedes alternar entre temas claros y oscuros o aplicar cualquiera de los colores del tema.

Si deseas cambiar el color de elementos individuales dentro de la ventana de chat, haz clic en el botón ‘Más configuraciones de color’ para acceder a controles adicionales.

Cambiando la configuración de color en una ventana de chat en vivo

Para obtener consejos sobre cómo diseñar tu ventana de chat, consulta nuestra guía paso a paso sobre cómo elegir el esquema de color perfecto.

Por defecto, LiveChat muestra un mensaje de ‘Powered by LiveChat’ junto al logo de la empresa en la parte inferior de la ventana de chat.

Para fortalecer tu marca, haz clic en la sección ‘Ajustes Adicionales’ y reemplaza esto con el logo de tu sitio web.

Agregando tu propio logo a una ventana de chat en vivo de WordPress

Luego, haz clic en ‘Subir tu logo’ y elige la imagen que deseas mostrar en su lugar.

También puedes elegir si mostrar la foto del agente, permitir que los clientes califiquen a los agentes, habilitar notificaciones de sonido y más.

Cuando estés satisfecho con la apariencia de la ventana de chat, haz clic en ‘Guardar cambios’.

Configuración de Live Chat en tu sitio web de WordPress

El siguiente paso es agregar LiveChat a tu mercado en línea o tienda utilizando el plugin gratuito.

Para empezar, instala y activa el plugin LiveChat. Si necesitas ayuda, consulta nuestra guía para principiantes sobre cómo instalar un plugin de WordPress.

Tras la activación, se te pedirá que inicies sesión en tu cuenta de LiveChat. Simplemente escribe tu dirección de correo electrónico y haz clic en el botón ‘Iniciar sesión’.

Iniciando sesión en la cuenta de LiveChat en un panel de WordPress

Después de unos momentos, verás un mensaje que indica que LiveChat se ha añadido correctamente a tu sitio web de WordPress. Al hacer clic en esa burbuja, se abrirá un widget de chat en vivo en tu pantalla.

Ahora, si visitas tu sitio web de WordPress, verás la burbuja de chat en la esquina inferior derecha de la pantalla.

Una burbuja de chat en vivo en un sitio web de WordPress

Cada vez que alguien intente contactarte, recibirás una notificación en tu cuenta de LiveChat.

Para responder al visitante, simplemente escribe tu respuesta en el panel de LiveChat.

Administrando tus mensajes de chat en vivo en tiempo real

Bono: Cómo encontrar agentes de chat en vivo capacitados

WPChat y LiveChat facilitan la adición de chat en vivo a tu blog o sitio web de WordPress. Sin embargo, también necesitas personas que brinden soporte en tiempo real a tus visitantes.

La solución más fácil es externalizar tu soporte al cliente a LTVPlus, que es un servicio de chat en vivo administrado para negocios en línea.

Sitio web LTVPlus

LTVPlus fue fundado por el cofundador de MaxCDN, la solución de entrega de contenido que usamos en nuestro sitio web WPBeginner.

LTVPlus ofrece agentes de chat en vivo asequibles que pueden brindar soporte 24/7. Esto te permite hacer crecer tu negocio sin tener que contratar costoso personal de soporte y ventas.

Al usar WPChat o LiveChat combinado con LTVPlus, puedes agregar chat en vivo a tu sitio web y llevar tu negocio al siguiente nivel. De hecho, hemos usado LiveChat y LTVPlus para obtener más ventas en nuestro sitio web de OptinMonster.

Esperamos que este tutorial te haya ayudado a aprender cómo agregar fácilmente chat en vivo en WordPress. También te puede interesar ver nuestra lista de los mejores servicios de contabilidad para tu negocio en línea y nuestro tutorial de WordPress sobre cómo agregar un chatbot en WordPress.

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.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

12 CommentsLeave a Reply

    • Deberías contactar al soporte del plugin para ver si actualmente ofrecen soporte para localhost, pero por el momento no funcionarían en una instalación local.

      Administrador

  1. Gracias por tu publicación exclusiva. Quiero implementar la opción de chat sin usar ningún plugin, si tienes algún tutorial sobre este tema, por favor envíame el enlace. Estaré feliz.

  2. Hola en Firebug, estoy encontrando que se elimina el espacio del botón 'marin', se muestra la ruta en línea:1,
    pero estoy tratando de encontrar la ruta original, ¿puedes guiarme?

  3. Hola administrador… Soy un gran fan de wpbeginner. He buscado en tu sitio web y no encuentro esto… Pero, ¿cómo muestro publicaciones relacionadas como tú lo haces en tu pie de página después de los comentarios?

  4. El acceso de chat para invitados es una excelente manera de recibir spam. He estado buscando para siempre un plugin de chat para WP que use la misma base de datos de usuarios. Algunos permiten que CUALQUIERA se una al chat y otros requieren que todos los visitantes se registren en un sitio web externo Y te cobran una tarifa mensual para hacerlo.

    Lame :E

    Espero que Chat Room entregue exactamente lo que necesito. Un chat en vivo simple para mis usuarios =)

  5. Opción de chat 1: – es buena SOLO si los usuarios están registrados en tu blog. NO tiene opciones para invitados en absoluto. (87.8% de las personas NO se registrarán en un sitio web solo para hacer una pregunta o comentar) – estadísticas

    Opción de chat 2: WP e IRC no son buenos compañeros. Cualquiera que haya estado en el mundo de IRC, incluso por un corto período de tiempo, sabe cómo usar las vulnerabilidades de WP (no las publicaré aquí, pero se encuentran fácilmente) para obtener la IP de cualquier usuario (incluso del administrador) de WP a través de IRC

    Opción de chat 3: Agregar un botón de Skype es similar a agregar un botón de Facebook, un botón de Yahoo Messenger, etc., y no tiene lugar en "agregar chat a WordPress" en absoluto. (no está agregando chat a WordPress) Bien podrías decirles que simplemente escriban - ¡agrégame en Skype! y publiquen su nombre de usuario.

    Opción de chat 4: Ver respuesta a la opción de chat 3. Twitter NO es chat para WordPress, ni es una parte que se pueda integrar, o de alguna manera remotamente relacionada, todavía.

    Toda esta publicación de blog “cómo agregar chat a WordPress” – incluso por el título es engañosa en el mejor de los casos. Eliminaría las opciones 2 a 4. (especialmente la opción IRC para novatos, solo estás exponiendo a un nuevo usuario a vulnerabilidades que no tienen idea de cómo parchear) Y aclarando que la opción 1 es solo para usuarios registrados.

    Se ha proporcionado un enlace a tu publicación (y a mi comentario) en nuestro sitio de vulnerabilidades, me interesará ver cómo cambia tu publicación, si es que cambia.

    toodles :)

    • Gracias por tu tiempo para analizar nuestra publicación.

      1. Mencionamos en el artículo que la primera opción solo funcionará para usuarios registrados.
      2. Nuestra segunda opción utiliza Kiwiirc, que en realidad es una aplicación web. No creemos que haga vulnerable un sitio de WordPress.

      Administrador

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.