En la actualidad la aplicación de mensajería instantánea más popular de todas es sin duda alguna WhatsApp, y todos la usamos en nuestro día a día. Si tienes una empresa, te interesará saber cómo poner el botón de WhatsApp en tu página web, para que tus clientes puedan contactarte de una forma más fácil.
Esto te traerá múltiples ventajas, y el proceso no será para nada complicado, y se puede hacer tanto con un plugin como sin un plugin. Si quieres saber cómo es el proceso, hoy te vamos a dar todas las instrucciones para que lo puedas lograr.
Ventajas que tiene la integración del botón de WhatsApp en tu web
Tener el botón de WhatsApp integrado en tu sitio web puede tener diferentes beneficios para tu empresa, dentro de los que están:
- Aplicación accesible: podrás dejar la aplicación accesible en tu sitio web, lo que te garantizará que tus clientes podrán ponerse en contacto contigo fácilmente.
- Experiencia optimizada para los usuarios de móvil: los usuarios que navegan en su móvil son más que los que lo hacen en el ordenador. Al integrar el botón de WhatsApp en tu web, facilitarás la navegación móvil, porque una vez que sea pulsado se abrirá de inmediato el chat con la empresa en la aplicación de WhatsApp.
- Comunicación en tiempo real: ofrecerás una atención más rápida a tus clientes, porque responderás sus dudas o preguntas al instante. También puedes programar una respuesta instantánea que tranquilizará al usuario.
- Recursos para atención al cliente: se puede brindar un servicio técnico más sencillo, y se puede orientar al cliente después de la compra fácilmente.
- Se facilita la proactividad del usuario: el usuario iniciará de forma proactiva la comunicación con la empresa, y se pueden conseguir más prospectos para tu lista de contacto. Además, podrás hacer campañas de marketing con el previo consentimiento de los usuarios para que así reciban todas tus novedades.
Al poner el botón en tu web, los usuarios serán los más beneficiados, además de que sentirán que se les está brindando un mejor servicio de atención al cliente.
Limitaciones que puede tener el botón de WhatsApp
A pesar de que esta es una solución práctica para que puedas integrarla en tu negocio, puede tener ciertas limitaciones, dentro de las que están:
- Experiencia menos optimizada para ordenador: para los usuarios del ordenador la experiencia no será igual que para los del móvil. Esto debido a que tendrán que tener instalada la App de WhatsApp web y sus chats sincronizados, de lo contrario no se podrá acceder de forma instantánea.
- Depende de una plataforma externa: al hacer clic en un enlace de WhatsApp, la comunicación dependerá de una plataforma externa.
- Limitación en la personalización: no podrás personalizar los chats con tu tono corporativo, porque se mantiene el tono verde de la aplicación en todos los chats.
- No se puede usar un chat emergente: no se puede usar un chat que se abre de forma automática. Siempre será el usuario el que inicia la conversación, por lo que se debe cuidar mucho la visibilidad del botón en tu sitio web.
- Mayor dificultad para recuperar conversaciones antiguas: para muchos clientes recuperar conversaciones antiguas con una empresa puede ser crucial. A pesar de que se almacenan los chats antiguos, si se cambia de móvil, o por falta de espacio se pueden borrar los chats, lo que dificultará que los usuarios recuperen su información.
Lo ideal para cualquier empresa es no depender de forma exclusiva de la integración del botón de WhatsApp en su web. Se deben ofrecer diferentes canales de comunicación para que los clientes puedan elegir el que les parezca más conveniente para cada situación en particular.
¿Cómo poner el botón de WhatsApp en tu web con un plugin?
Esta es la forma más fácil de hacerlo si no dominas el lenguaje HTML y CSS, y existen muchos plugins para hacerlo. Uno de los más populares es JoinChat, que en su versión gratuita te permitirá integrar WhatsApp en tu web fácilmente. Simplemente debes instalarlo en tu sitio web de WordPress, y debes asegurarte seguir estos pasos para configurar la aplicación:
Personalizar WhatsApp
Lo primero es entrar en el menú general de la aplicación, y allí es donde comenzaremos a personalizar el plugin. Debes configurar el número de teléfono y el mensaje que quieres que aparezca como predeterminado cada vez que un usuario inicie una conversación.
Los mensajes deben adaptarse al sector en el que nos encontremos, y si estamos en el sector servicios, puede que el usuario quiera solicitar una cita o visita. Por otra parte, si es en una ecommerce, normalmente querrá preguntar sobre un producto. Se pueden usar variables que se pueden agregar como {SITE} {TITLE} {URL} {HREF}.
Otro apartado es la información emergente, la cual se mostrará junto al botón de WhatsApp y si la dejas en blanco no aparecerá nada. También puedes configurar la posición en pantalla del botón de WhatsApp, y puedes elegir si quieres que esté a la izquierda o a la derecha de tu web.
Otra opción interesante es el retardo de aparición, y siempre será mejor que aparezca con cierto retardo. Si aparece con un retardo de 3 segundos llamará más la atención de los usuarios, y también tendrás la opción de mostrar el botón únicamente a los usuarios en móvil.
Mostrar WhatsApp en algunas páginas
Dentro del plugin, también podremos realizar una configuración para que podamos elegir los sitios donde queremos que aparezca y donde no. Esto lo puedes configurar en el apartado de Ajustes de Visibilidad, y bastará con seleccionar el ojo tachado para que el botón no se muestre en estas páginas.
Consentimiento del usuario
Normalmente tener el consentimiento de los usuarios es básico para cumplir con las normas de protección de datos. De esta forma, los usuarios autorizarán la recepción de tus mensajes, y para ello tendrás que ir al apartado Avanzado. Allí también puedes poner la etiqueta de conversión de Google Ads en caso de que hagas campañas SEM.
Como puedes ver, el proceso para integrar el botón de WhatsApp en tu web mediante un plugin resulta muy sencillo.
Poner el botón de WhatsApp sin plugin
Para no meter plugins adicionales en tu web, también tienes la opción de hacerlo de manera manual, y para ello tendremos dos opciones:
Enlace en un texto ancla o imagen
Para quienes no tienen demasiados conocimientos de HTML y CSS es una forma sencilla para integrar WhatsApp en su web. Simplemente se debe saber el número de teléfono al que se quieren enviar los mensajes y generar una URL que debe ser con la siguiente estructura:
https://web.whatsapp.com/send?phone=TuTeléfono&text=TextoPersonalizado
Debemos asegurarnos de que en la parte del enlace de TuTeléfono tendremos que agregar el número al que queremos enviar los mensajes incluyendo indicativo de país. Si quieres en donde dice TextoPersonalizado, puedes añadir un mensaje de contacto predeterminado para que los clientes te contacten.
Una vez hecho esto, simplemente debes elegir si insertas el enlace en una imagen o en una frase. La forma más sencilla es añadirlo a un fragmento de texto porque podrás integrarlo como un hipervínculo sencillo haciendo uso de la herramienta de vínculos de WordPress.
Por otra parte, si deseas insertar una imagen, tendrás que añadir la imagen en tu sitio web y vincularla con el enlace que habías generado. Esto lo puedes hacer colocando un vínculo en la imagen, o en las opciones avanzadas.
Insertar un botón fijo sin plugin
Esta es otra opción que tenemos para poner un botón de WhatsApp en nuestra web, y que mejorará significativamente la visibilidad. Para ello, debemos seguir estos pasos básicos:
- Sube una imagen del logo de WhatsApp. Asegúrate de apuntar la URL de la ubicación de la imagen para usarla más adelante.
- Con la URL debemos ponerla en el tema de la web, y puedes añadirla en el footer, y para ello tendrás que acceder a través del FTP o desde el editor de temas. Lo más recomendable es hacerlo desde el archivo footer.php, y una vez allí tendrás que poner encima de la etiqueta </body> y meteremos la imagen con el enlace a WhatsApp.
- También se le debe dar estilo al botón, por lo que debemos acceder al CSS personalizado en WordPress, y allí podremos crear una clase declarada .whatsapp para que el botón se muestre de forma fija y encima del resto de elementos de la web.
Ten en cuenta que, el código para añadir la imagen en el HTML debe ser de la siguiente forma:
<a href=» https://web.whatsapp.com/send?phone=TuTeléfono&text=TextoPersonalizado» class=»whatsapp»> <img src=»ruta-de-la-imagen-copiada»></a>
Por otra parte, el código CSS que deberías agregar para crear tu botón debe ser con la siguiente estructura:
.whatsapp {
width: 60px; height: 60px; position: fixed; bottom: 20px; right: 20px; z-index: 999;
}
Una vez que has agregado todo el código, tu botón estará listo para ser usado, y tus clientes ya te podrán contactar de una forma sencilla y rápida. No es necesario tener una cuenta de WhatsApp Business para poner el botón en tu web, pero si es recomendable porque te aportará más funcionalidades que no tiene la versión normal de WhatsApp.