Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo añadir chat en vivo gratis en WordPress (La manera fácil)

Añadir una función gratuita de chat en directo a su sitio de WordPress puede aumentar la participación y la atención al cliente al proporcionar asistencia en tiempo real a sus visitantes.

Le permite interactuar con los visitantes del sitio web en tiempo real, de modo que puede responder a sus preguntas y resolver sus problemas inmediatamente. Esto puede conseguirle más ventas y animar a los clientes existentes a mantenerse fieles a su marca.

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

En este artículo, le mostraremos cómo agregar fácilmente chat en vivo a su sitio de WordPress de la manera fácil.

Adding free live chat in WordPress

¿Por qué utilizar el chat en directo en su sitio WordPress?

Según eConsultancy, el chat en directo tiene el mayor nivel de satisfacción entre todos los canales de atención al cliente. De hecho, la satisfacción con el chat en directo es del 73%, muy superior a la del correo electrónico, el teléfono y los SMS.

Para más estadísticas sobre chat en directo, comprobar nuestras estadísticas de marketing, tendencias y hechos.

Si dirige una tienda de comercio electrónico o tiene una pequeña empresa, el chat en directo puede convencer a los clientes para que compren sus productos. También puede hablar con los compradores que no completan el proceso de compra, lo que puede ayudarle a recuperar carritos abandonados. Incluso puede sugerir productos o notificar a los clientes sobre una venta.

Además, puede utilizar el chat en directo para ofrecer asistencia a sus clientes actuales en tiempo real y convertirlos en embajadores de la marca que recomendarán su empresa a amigos y familiares.

A live chat feature, on a WordPress website

Dicho esto, veamos cómo añadir fácilmente un chat en directo gratuito en WordPress.

Añadir Live Chat a WordPress

La forma más fácil de añadir una función de chat en vivo a su sitio web es mediante el uso de LiveChat Inc. Es una de las mejores soluciones de chat en vivo de WordPress, y la utilizamos en nuestro propio sitio OptinMonster.

Puedes obtener más información en nuestra reseña de LiveChat.

El plugin LiveChat para WordPress es gratuito, aunque tendrás que adquirir una suscripción de pago al servicio LiveChat. Las suscripciones comienzan en $ 20.00 por mes, pero también hay un periodo de prueba de 30 días, por lo que puede probar el servicio de forma gratuita.

Para empezar, dirígete al sitio web de LiveChat. A continuación, escribe la dirección de correo electrónico de tu empresa y selecciona “Regístrate gratis”.

Sign up for Free on Live Chat

Esto le lleva a una página donde puede introducir su empresa, el número de teléfono de su empresa y la contraseña que desea utilizar.

Tras introducir esta información, haga clic en “Crear cuenta”.

Creating a LiveChat account for a WordPress website

Al cabo de unos instantes, recibirás un correo electrónico pidiéndote que verifiques tu cuenta. Sólo tienes que abrir el correo electrónico y hacer clic en el botón “Verifica tu cuenta”.

Personalizar la apariencia de la ventana de chat en directo

La ventana de LiveChat debe captar la atención de los usuarios y, al mismo tiempo, complementar el tema de WordPress.

Para cambiar el aspecto de las ventanas de LiveChat, accede a tu cuenta de LiveChat con la dirección de correo electrónico y la contraseña que introdujiste anteriormente.

En el menú de la izquierda, haz clic en ” Ajustes“. A continuación, selecciona “Widget de chat” y “Personalización”.

Customizing the LiveChat window for WordPress

Ahora puede dar estilo a la ventana de chat en directo y ver sus cambios aplicados en tiempo real.

Para empezar, puedes elegir un tema para la ventana maximizada y la ventana minimizada del chat.

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.

Creating a custom, branded live chat agent for WordPress

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

Si quieres cambiar el color de elementos individuales dentro de la ventana de chat, haz clic en el botón “Más ajustes de color” para acceder a controles adicionales.

Changing the color settings in a live chat window

Para obtener consejos sobre el diseño de su ventana de chat, consulte nuestra guía paso a paso sobre cómo elegir la combinación de colores perfecta.

Por defecto, LiveChat muestra el mensaje “Powered by LiveChat” junto al logotipo de la empresa en la parte inferior de la ventana de chat.

Para reforzar su imagen de marca, haga clic en la sección “Ajustes adicionales” y sustitúyala por el logotipo de su sitio web.

Adding your own logo to a WordPress live chat window

A continuación, haz clic en “Sube tu logotipo” y elige la imagen que quieras mostrar en su lugar.

También puede elegir si desea mostrar la foto del agente, permitir que los clientes valoren / puntúen a los agentes, activar avisos sonoros, etc.

Cuando estés satisfecho con el aspecto de la ventana de chat, haz clic en “Guardar cambios”.

Cómo configurar el chat en directo en su sitio web WordPress

El siguiente paso es añadir LiveChat a su mercado en línea o tienda utilizando el plugin gratuito.

Para primeros pasos, instala y activa el plugin LiveChat. Si necesitas ayuda, marca / comprueba nuestra guía para principiantes sobre cómo instalar un plugin de WordPress.

Una vez activado, se te pedirá que accedas a tu cuenta de LiveChat. Sólo tienes que introducir tu dirección de correo electrónico y hacer clic en el botón “Acceder”.

Logging into the LiveChat account in a WordPress dashboard

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

Ahora, si visita su sitio web WordPress, verá la burbuja de chat en la esquina inferior derecha de la pantalla.

A live chat bubble on a WordPress website

Cada vez que alguien intente ponerse en contacto contigo, recibirás un aviso en tu cuenta de LiveChat.

Para responder al visitante, sólo tiene que escribir su respuesta en el panel de LiveChat.

Managing your live chat messages in real-time

Cómo encontrar agentes de chat en directo formados

LiveChat hace que sea fácil añadir chat en vivo a tu blog o sitio web de WordPress. Sin embargo, también necesitas personas que ofrezcan soporte en tiempo real a tus visitantes.

La solución más sencilla es externalizar el soporte al cliente a LTVPlus, que es un servicio gestionado de chat en directo para empresas online.

LTVPlus website

LTVPlus fue creada por el cofundador de MaxCDN, la solución de distribución de contenidos que utilizamos en nuestro sitio web WPBeginner.

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

Mediante el uso de LiveChat y LTVPlus, puede añadir chat en vivo a su sitio web y llevar su negocio al siguiente nivel. De hecho, hemos utilizado estos dos servicios para conseguir más ofertas en nuestro sitio web OptinMonster.

Esperamos que este tutorial te haya ayudado a aprender cómo añadir fácilmente un chat en vivo en WordPress. Puede que también quieras ver nuestra lista de los mejores servicios de contabilidad para tu negocio online y nuestro tutorial de WordPress sobre cómo añadir un chatbot en WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

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

Reader Interactions

12 comentariosDeja una respuesta

  1. Ayush

    Can we add chat feature if we have a localhost WordPress

    • WPBeginner Support

      You would want to reach out to the support for the plugin for if they’re currently offering localhost support but for the moment they would not work on a local installation.

      Administrador

  2. Ayokunnumi

    This Website has been a good learning platform in my Wordpress Development. Thumbs up

    • WPBeginner Support

      Glad our content has been helpful :)

      Administrador

  3. Abdul Jabber

    Thanks for your exclusive post. I want implement chating option without using any plugin if have any tutorial in this issue please send me the link. I will be happy.

  4. mohan

    hi in firebug i am finding remove marin-buttom space its showing path inline:1,
    but i am trying find the original path can u guide me

  5. Girish

    Trying to add private chat on my site but failed. Please help.

  6. Prince

    Hello admin… I’m a great fan of wpbeginner.. I’ve searched your website and can’t find this … But, how do I display related post as u do in ur footer after comments..

  7. Sangie Nativus

    Guest chat access is a great way to get spam. I’ve been looking forever for a chat plugin for WP that uses the same user database. Some let ANYONE join the chat and others require all visitors to register on an external website AND charge you a monthly fee to do so.

    Lame :E

    I hope Chat Room will deliver exactly what I need. Simple live chat for my users =)

  8. analyzes

    Chat option 1: – is good ONLY if users are registered on your blog. It has NO options for guests at all. (87.8% of people will NOT register at a website just to ask a question or comment) – statistics

    Chat option 2: WP and IRC are not good bedfellows. Anyone that’s been in the IRC world for even a short period of time knows how to use the vulnerabilities of WP (i’ll not post here, but easily found) to pull any users IP (even the admin) from the WP via IRC

    Chat option 3: Adding a skype button, is akin to adding a facebook button , yahoo messenger button etc.. and has no place in “adding chat to wordpress” at all. (its not adding chat to wordpress) You may as well tell them to just type – add me on skype! and post their user name.

    Chat option 4: See answer to chat option 3. Twitter is NOT chat for wordpress, nor is it part, able to be integrated, or otherwise remotely on subject yet again.

    This entire blog post “how to add chat into wordpress” – even by title is misleading at best. I would remove options 2 – 4. (especially the IRC option for noobs, you’re just opening a new user up to vulnerabilities they have no idea how to patch) And clarifying that option 1 is only for registered users.

    A link to your post (and my comment) has been supplied on our vulnerability site, i’ll be interested to see how your post changes if at all.

    toodles :)

    • WPBeginner Support

      Thanks for your time to analyze our post.

      1. We did mention in the article that the first option will only work for registered users.
      2. Our second option uses Kiwiirc which is actually web app. We don’t think that it makes a WordPress site vulnerable.

      Administrador

Deja tu comentario

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