Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WordPress

Cómo añadir un completo chat en vivo en WordPress

by
Read Time:6 minsLanguages:

Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)

Las compras online han revolucionado practicamente todos los sectores. Contar con la funcionalidad de un chat en vivo en el sitio web de tu negocio no solo proporciona un medio de contacto contigo a tus clientes, también ayuda a consolidar su confianza.

La funcionalidad de chat en vivo en un sitio web permite que los clientes obtengan respuestas inmediatas a sus preguntas o dudas sin necesidad de hacer una llamada telefónica o cumplimentar un formulario de contacto.

¿Necesitas un chat en vivo en tu sitio web?

Veamos algunos de las razones clave por las que contar con una función de chat podría ser beneficioso para su negocio.

Proporcionar feedback en tiempo real

Los clientes no tendrán que esperar para obtener cualquier información que estén buscando. Por ejemplo, si un nuevo cliente visita tu sitio y quiere comprar un producto, podrá usar el chat en vivo para conseguir más información sobre el mismo así como recomendaciones sobre otros.

Un chat en vivo también te da la oportunidad de obtener opiniones de los clientes: otro importante aspecto de la atención al cliente.

Conveniencia del cliente

Muchos clientes están ocupados e impacientes y esperan que valores su tiempo. Un sistema de chat se asegurará de que tus clientes no malgasten su tiempo esperando o buscando un medio de contacto contigo para poder resolver sus problemas. Disponer de un chat también significa que los clientes serán capaces de realizar otras tareas al mismo tiempo.

Porcentajes de conversión más altos

En la era digital, los clientes tienen acceso a un montón de productos e información. Cualquier retraso al darles una respuesta puede significar que acaben yéndose a cualquier otro sitio y que tú pierdas dinero. Un chat en vivo es el medio más rápido para dar respuesta a los clientes antes de que abandonen tu sitio, lo que conduce a tasas de conversión más altas.

Reduce los costes de soporte al cliente

El método tradicional de gestión de llamadas de clientes implica que un agente solo puede atender a un cliente cada vez. Pero con el chat en vivo, un agente puede responder a múltiples clientes al mismo tiempo, ahorrando costes en el soporte al cliente.

Genera confianza

Los clientes siguen sintiendo escepticismo al comprar a gente que no conocen. Disponer de un chat en tiempo real es la fórmula perfecta para afianzar la confianza y proporcionar una interacción humana.

Ayuda a comprender mejor al los clientes

Los chats en vivo te permiten recopilar información sobre tus clientes al analizar aquellas preguntas que formulan con frecuencia los clientes. Después puedes preparar una sección FAQ que dé una mejor respuesta a sus dudas. También puedes usar estos datos para mejorar tu estrategia de marketing. Algunas funcionalidades del chat proporcionan detalles más avanzados sobre un cliente, por ejemplo, el país de origen o el navegador y el dispositivo que esté usando.

Empezar

En esta sección, vamos a ver el plugin Live Chat Complete y cómo añadirlo a tu sitio WordPress.

Live Chat Complete es una solución de chat en vivo que te permite hablar directamente con tus clientes. Te posibilita ofrecer a tus clientes la necesaria interacción humana. También permitirá que los visitantes de tu sitio web lean sus antiguas conversaciones cuando vuelvan a él.

Los clientes también podrán enviarte mensajes cuando no estés disponible online.

Funciones

  • Multilingüe
  • Posibilidad de personalizar el diseño para adaptarlo a la imagen de tu marca
  • Capacidad de archivar las conversaciones de chat
  • Mensajes encriptados entre el operador y los usuarios
  • Posibilidad de recibir notificaciones vía email cuando un usuario esté online
  • Distintas personas pueden responder a un mismo usuario

Añade Live Chat Complete a tu sitio WordPress

Empezaremos descargando el plugin desde CodeCanyon. Puedes adquirir el plugin desde su página de producto. Si todavía no tienes una cuenta, puedes crear una antes.

Una vez hayas adquirido el plugin, obtendrás un enlace de descarga para los archivos. También puedes encontrarlos en la sección de descargas de tu cuenta junto a tus otras compras.

Una vez hayas descargado los archivos para WordPress, inicia sesión en tu sitio, dirígete a Plugins > Añadir nuevo, y sube el archivo zip. Tras subirlo, pulsa Instalar ahora, espera unos segundos, y después haz clic sobre Activar. Ahora ya puedes empezar a usar el plugin.

El primer paso consiste en configurar una base de datos en tiempo real. Live Chat Complete usa Firebase para las transmisiones de chat. Firebase es una plataforma de desarrollo de aplicaciones web y móviles que te permite crear apps sin que te tengas que preocupar sobre cómo gestionar un servidor. Te proporciona todo lo que necesitas para tener listas tus apps.

Firebase proporciona muchos servicios, por ejemplo acceso a Realtime Database, que nos permitirá almacenar y sincronizar chats entre los usuarios a tiempo real.

Dirígete al sitio de Firebase, crea una cuenta gratuita, y crea un proyecto tal y como se muestra en la siguiente imagen.


Create a new Firebase projectCreate a new Firebase projectCreate a new Firebase project

Necesitarás la siguiente información para configurar el chat en vivo en tu sitio WordPress:

  • Tu dirección de correo de Google
  • El ID del proyecto
  • La clave de la API web
  • La clave privada
  • Las reglas de seguridad

Primero, haz clic sobre Ajustes y selecciona Ajustes del proyecto, copia el ID del proyecto y la Clave de la API web, y pégalos en los ajustes del plugin tal y como puedes ver aquí abajo.

Paste project id and web API key into WordPress settingsPaste project id and web API key into WordPress settingsPaste project id and web API key into WordPress settings

El siguiente paso es generar una clave privada desde el proyecto Firebase. Dirígete a Ajustes del proyecto > Cuentas de servicio y pulsa Generar nueva clave privada.

Generate new private key for FirebaseGenerate new private key for FirebaseGenerate new private key for Firebase

Abre el archivo JSON que acabas de descargar y copia y pega los contenidos en el campo de la clave privada proporcionado por el plugin para configurar de chat en vivo en tu sitio WordPress.

Después configura las reglas de seguridad para tu chat. Las reglas de seguridad hacen que tu conexión sea más segura y que la información también lo esté. En el proyecto Firebase, dirígete a Base de datos, pulsa Reglas, y pega las reglas de seguridad que te hayan proporcionado las páginas de ajustes para tu sitio. Guarda los cambios pulsando el botón Publicar.

Edit the security rules for live chat in FirebaseEdit the security rules for live chat in FirebaseEdit the security rules for live chat in Firebase

El último paso es configurar el método de inicio de sesión. Dirígete a Autenticación y haz clic en Método de inicio de sesión. Desde allí, habilita Correo electrónico/Contraseña, Google y Anónimo. No olvides añadir tu nombre de dominio en Dominios autorizados en esta misma página.

Configure the sign-in method and authorized domainsConfigure the sign-in method and authorized domainsConfigure the sign-in method and authorized domains

La configuración ya está completa , así que guarda los cambios. El chat debería mostrarse ya en la esquina inferior derecha de tu sitio web.

Live chat feature running on the WordPress siteLive chat feature running on the WordPress siteLive chat feature running on the WordPress site

Personalización

También puedes modificar la ventana del chat para adecuarla a los temas y colores de tu marca. Lo puedes hacer desde las opciones del chat. Aquí puedes cambiar atributos como los colores, a añadir tu propio CSS. Mira cómo he personalizado el color en el siguiente ejemplo.

Live chat color optionsLive chat color optionsLive chat color options

También puedes establecer avatares personales para los agentes disponibles, haciendo que el chat tenga un aspecto más personalizado y humano.

El chat en vivo también te permite configurar mensajes automáticos de bienvenida para tu equipo. O configurar mensajes que permiten al usuario saber cuando tendrán respuesta sus consultas.

Live chat automated messages configurationLive chat automated messages configurationLive chat automated messages configuration

La consola de chat

La consola del chat es una interfaz sencilla pero potente que te permite ver los chats de los usuarios y su información, por ejemplo, el nombre y la información de contacto. También puedes ver qué página de tu sitio web están viendo. Consigue que conversar con tus clientes sea algo muy fácil, y que estos queden más satisfechos.

Chat console for Live Chat pluginChat console for Live Chat pluginChat console for Live Chat plugin

Conclusión

Tener un chat en tiempo real es la fórmula perfecta para retener clientes, especialmente si gestionas una tienda online o un negocio que ofrece servicios a través de la web. Dado que estos tipos de empresas atienden un montón de consultas de clientes, este plugin te ayudará a retenerlos. También ayuda a mejorar la accesibilidad ya que mucha gente siente que el envío de un email requiere excesivo esfuerzo. Pero con un chat en vivo, solo son necesarios unos pocos segundos para contactar con el equipo de soporte.

Otra ventaja es que para disfrutar el plugin Live Chat solo debes hacer un único pago, no tendrás que preocuparte por tener que hacer pagos periódicos.

Además, si quieres usar plugins personalizados pero no te sientes cómodo jugando con los servidores y prefieres que alguien lo haga todo por ti, valora la posibilidad de un alojamiento administrado para WordPress. Gracias a la asociación entre Envato y SiteGround, puedes obtener hasta un 60% de descuento en el hosting administrado de WordPress.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.