¡Bienvenido! en este tutorial 2×1 vamos a ver cómo poner el chat de WhatsApp en WordPress con un plugin que integrará un botón de chat en el sitio web.
WhatsApp es uno de los sistemas de chat, mensajería y llamadas más utilizados en el mundo y por esta razón puede ser un buen canal de comunicación adicional.
Además, muchos usuarios prefieren usar una app de mensajería antes que llamar por teléfono.
Utilizar un chat como canal de comunicación puede ser una buena idea ya sea para soporte, para informar detalladamente sobre un producto o servicio o simplemente para que un usuario te contacte.
El chat de WhatsApp como canal de soporte es bueno si quieres algo sencillo y que no te requiera programas o sistemas adicionales, pero puede quedarse corto si no lo complementas con algún sistema de tareas o ticket de soporte.
Y para dar información adicional o que los usuarios contacten contigo es una maravilla ya que siempre llevamos WhatsApp en el bolsillo.
Y sin más charla vamos a aprender a integrar WhatsApp en WordPress.
Plugins chat de WhatsApp para WordPress
Existen varios plugins para poner WhatsApp en WordPress pero voy a destacar dos. El plugin «WhatsApp me» de desarrolladores españoles, muy sencillo y hace justo lo que queremos y el plugin «Click to Chat for WhatsApp Chat» más completo en opciones y personalizable.
WhatsApp me
WhatsApp me es el plugin más sencillo que he encontrado de estas características y además está en español, es ideal para cualquier tipo de usuario, ¡bueno, bonito y gratis! ¿qué más podemos pedir?
Características de WhatsApp me:
- En español.
- Desarrolladores españoles.
- Sencillo, tiene las opciones justas.
- Interfaz bien acabada.
- Posibilidad de Botón solo para el móvil.
- Quitar el botón de una página.
Cómo configurar el plugin WhatsApp me
Una de las características fuertes de este plugin es que es muy fácil de configurar.
Al instalarlo dirígete a Ajustes > WhatsApp me donde encontrarás la configuración general.
Tienes que configurar un número de teléfono y elegir el prefijo mediante las banderas de los países para que se active el botón de WhatsApp.
También puedes configurar que solo se muestre en móviles, la posición en pantalla y otras configuraciones adicionales.
La llamada a la acción es un mensaje adicional que aparecerá al cabo de un tiempo o cuando el usuario deje el cursor encima del botón.
Si entras en una página o entrada puedes personalizar el mensaje del botón y también puedes ocultar el botón.
Y el botón finalmente tiene este aspecto.
Click to Chat for WhatsApp Chat
Click to Chat for WhatsApp Chat es una alternativa al que acabamos de ver, es más completo en opciones y en personalizaciones, ideal si eres un tiquismiquis de la personalización.
(Puede que sea el plugin con la portada más fea de la historia, pero ojo que engaña, jajaja)
Características de Click to Chat for WhatsApp Chat:
- En inglés.
- Completo, tiene muchas opciones.
- Agregar a un grupo de WhatsApp
- Tiene opciones de personalización del botón.
- Quitar el botón de una página, por tipo de página, entradas o ID.
- Shortcode para integrar el botón en una barra lateral o en cualquier otra parte.
Una vez instalado sus opciones se encuentran en el menú de WordPress > Click to chat
Voy a explicar todas las opciones, pero las principales son «Enable Floating Styles», «WhatsApp Number» y «Initial Message» si quieres configurar rápidamente el plugin.
Enable Floating Styles: Activa o desactiva el botón flotante.
Enable ShortCodes: Activa o desactiva los botones incrustados por shortcodes del plugin.
Return Type: Elige si el botón abrirá un chat o será una invitación a un grupo de WhatsApp.
WhatsApp Number: Pon el número de teléfono del dispositivo donde utilices WhatsApp. Si en la opción Return Type has elegido chat.
Initial Message: Escribe el mensaje, saludo o coletilla predefinida que tendrá escrito el usuario en el chat.
Group Id: Si en la opción Return Type has elegido invitación a un grupo de chat, introduce aquí el ID del grupo de WhatsApp. La ID del grupo se obtiene en WhatsApp > Información del grupo > Invitar al grupo mediante un enlace > el código alfanumérico del final de la URL. (Ver el video)
Style for Desktops: Elige el estilo del botón para el escritorio.
Style for Mobile Devices: Elige el estilo del botón para los móviles.
Posición place: eliges la posición del botón.
Text to display: Texto del botón (si lo muestra).
Hide Based on post type: en esta opción puedes ocultar donde quieres que no se muestre el botón.
Posts, Pages Id’s to Hide: oculta el botón en páginas o post por ID
Category to Hide: oculta categorías por ID
Shortcode name: Puedes cambiar el nombre del Shortcode para evitar incompatibilidades.
App First: El plugin detecta si el usuario está conectado desde un móvil o un pc, y puede mostrar el botón de diferente manera, pero si la caché que utilices no genera una caché según el tipo de dispositivo puede que se muestre mal. Activa esta opción si tienes problemas con la caché.
Y por último, en el apartado Customize Styles podemos modificar el aspecto de los estilos del botón.
Conclusión
Si quieres un chat sencillo en tu web, y sobre todo si eres un emprendedor, con WhatsApp, y un simple plugin lo puedes tener de manera muy rápida.
Otros tutoriales Cómo poner instagram en WordPress
¿Te ha servido este tutorial? ¿Conoces otros plugin para implementar un chat? ¿Conoces algún plugin de chat para WP?
¡Déjalo en los comentarios!
Muy bien explicado como siempre maquina! Este plugin es una maravilla 😉
Hola!! El video está genial, muchas gracias!! Por algún motivo no me sale el mensajito de cortesía, sólo el icono de whatssap.. me instalé el español! ¿puedes ayudarme? Gracias!!
Hola Paz! Cuando se ve en el movil hay que dejar el cursor encima del icono de whatsapp para que aparezca el mensaje, creo que en movil funciona mejor, pero no es un error, simplemente es así… también puedes hablar directamente en el foro de WordPress para contactar con sus desarrolladores.
Un abrazo!
Que gran descubrimiento! tengo una pregunta… si yo tengo 3 o 4 agentes de atención al cliente, puedo configurar 3 o 4 lineas de chat distintas y que aparezca cada una en la ficha del agente?
Creo que con estos plugins solo se enlaza a un número de teléfono, no tienen una funcionalidad añadida para crear múltiples líneas.
Saludos
Hola Gerardo, lei tu post y me parecio super interesante. Investigando y probando los dos chat lamentablemente me quedo con el segundo, aunque este en Ingles, jajajajjaj. Para ser franco me gusto bastante el primero, por lo facil de confgurar pero no me funciona con el navegador Opera ( para mis clintes me debo colocar en todos los pro y los contra). Ahora el segundo tambien tuvo modifcaciones ahora tambien existe el modo Pro. Pero me funciono super bien el aunque sea free, muchas gracias y un abrazo desde Chile.
Super es el segundo video que veo tuyo y son lo mejor felicidades
Hola, que tal? solo me funciona en la web, ninguno de los 2 plugins funciona en el celular, no aparece, saludos!
Que buen plugin y ademas cumple a la perfección 10/10
Excelente Gerardo muchas gracias!
a mi me pasa lo mismo y no se como solucionarlo
hola Saludos desde Lima PERU. EXCELENTE EXPLICACIÓN
hola gracias por la explicacion, mi problema es que inicialmente lo configure con un numero y ahora tuve que cambiar de numero de cel y al modifcarlo me aparece cambio realizado pero al ingresar a la pagina sigue dirigiendo los mensajes al anterior numero. Como puedo solucionarlo?
Prueba a borrar y reinstalar el plugin pero seguramente sea la cache de la web, asi que borra la cache primero.
Un saludo!
Hola! Estoy buscando el plugging WhatsApp me para instalarlo pero no me aparece, por qué???
Hola, el plugin cambio de nombre a join chat lo tienes aquí https://es.wordpress.org/plugins/creame-whatsapp-me/