Comencemos con algunos datos: WhatsApp es el servicio de mensajería instantánea más importante en la actualidad con más de 2.000 millones de usuarios. Hoy te enseñaremos como poner un botón de WhatsApp en tu página web con WordPress + Elementor de forma fácil y rápida.
Además de eso, ya son 3 millones los negocios que utilizan WhatsApp Business. Un nuevo lanzamiento de la compañía que permite muchas funcionalidades dirigidas a empresas como la creación de un perfil comercial o un catálogo. ¡Y ha sido todo un boom!
Por si no fuera suficiente la compañía lanzó al mercado una API de WhatsApp que está marcando tendencia. Y cada día son más los negocios que deciden agregar WhatsApp en sus páginas web con miras a potenciar su capacidad de venta.
Y los resultados son inmejorables: Más facilidades de comunicación y más personas ingresando a los embudos de venta. ¡Un ganar – ganar en toda regla!
Ahora que sabes eso, seguro estarás pensando: “¿Cómo agregar WhatsApp a mi página web?” ¡Estamos aquí para explicártelo!
Pero debemos advertirte que para insertar un botón de WhatsApp en HTML es conveniente que tengas un nivel básico de conocimiento en el área. Pero si ese no es tu caso tampoco debes preocuparte. Solo sigue paso a paso la secuencia de instrucciones que te presentamos a continuación. ¡Poner un botón de WhatsApp en tu página web nunca había sido tan fácil!
Índice
ToggleCrear un botón de WhatsApp para tu web de tres formas diferentes
Crear link de Whatsapp manualmente
El primer paso para poner un botón de WhatsApp en tu página web es crear el enlace correspondiente. Esto hará posible que las personas puedan trasladarse a una ventana de chat contigo.
Siguiendo los pasos que indica WhatsApp en su página oficial explica que tu enlace deberá estar conformado por tres elementos:
- La instrucción para abrir WhatsApp: Se hace mediante el prefijo https://wa.me/ para indicarle al ordenador o dispositivo móvil que debe redirigir a WhatsApp o WhatsApp Web dependiendo del dispositivo utilizado.
- Tu número telefónico: Aquí deberás colocar el número telefónico de la empresa donde quiere que lleguen los mensajes. Es importante mencionar que debes incluir el código de área correspondiente a tu país (+34 en España). Todo eso sin espacios ni caracteres especiales. ¡Solo números!
- Mensaje (Opcional): En caso de que quieras ofrecerles a las personas un mensaje para romper el hielo puedes hacerlo. Tan solo deberás añadir ?Text= para luego incluir un corto mensaje. ¡Pero atención! En lugar de separar las palabras con espacios lo harás con los caracteres %20.
¿Te ha quedado claro este primer paso para agregar WhatsApp en tu página web? Probemos con un ejemplo práctico.
Supongamos un negocio cuyo número telefónico con WhatsApp integrado es +34 600 00 00. Queremos que los clientes al pulsar en el botón puedan acceder a la aplicación para enviar a ese número el mensaje “Deseo saber más” ¿Cómo se crea ese enlace? De acuerdo a la plantilla…
Número Telefónico | Mensaje | |
htpps://wa.me/ | 34000000000 | ?text=Deseo%20saber%20más |
htpps://wa.me/ | ?text= |
No es tan difícil. ¿Verdad? Utiliza la segunda fila de este cuadro para generar tu enlace y continuar con los siguientes pasos para agregar WhatsApp a tu página web.
Ejemplo de link para WhatsApp: https://wa.me/34695179633?text=Hola!,%20me%20gustaría%20recibir%20información%20sobre%20vuestros%20servicios (DEBES CAMBIAR EL NÚMERO DE TELÉFONO POR EL TUYO)
Prueba el link pulsando aquí y podrás contactar con nosotros por WhatsApp
El link que generes lo puedes poner en cualquier botón, imagen o texto de tu web, RRSS, etc, como veremos más adelante. Seguimos!
Crear link de WhatsApp con un Plugin
Puedes poner WhatsApp en toda tu web o solo en las páginas que necesites mediante un botón flotante que propone Join Chat, el mejor plugin de WordPress para WhatsApp, y ahora veremos los motivos. Puedes encontrarlo en el repositorio de WordPress aquí en su versión gratuita.
Joinchat no proporciona códigos cortos, pero puedes crear fácilmente enlaces a WhatsApp de dos maneras:
Agrega un enlace de anclaje a #whatsapp (abre WhastApp directamente) o #joinchat (muestra la ventana de chat). p.ej:
Para las persona que se vean a cuadros viendo estos codigos es tan sencillo como poner cualquiera de los dos links en la palabra, botón o imagen que necesites y lo que hará será abrir el chat en la parte de la web donde hayas colocado el botón de WhastApp o bien el chart completo con el segundo link. Así de sencillo. #joinchat en el link y ocurrirá esto, pulsa quí para probar. También puedes usar este link #whatsapp y el resultado será este, pulsa para probar.
<a href="#joinchat">WhastApp Chat</a>
<img src="contact.jpg" class="joinchat_open" alt="Contactar">
- Aporta mucho valor en su versión free y permite personalizar tanto págians como productos en una ecommerce en sus ajustes.
- Su versión Premium es muy económica y te permite generar Funnels de conversión mediante WhatsApp mediante un panel de control donde se indican las preguntas que se harán para recoger los datos precisos y cualificar el lead.
- Han dado el paso de la asistencia mediante IA, algo que será necesario en cientos de miles de sitios web y tiendas online.
- Tienen su propio generador de links de WhatsApp como el que veremos a continuación y una herramienta genial para enviar mensajes de WhatsApp desde Google Sheets.
Instalarlo y ponerlo en emarcha es muy sencillo. Te recomiendo que mires en todos sus ajustes para sacar el máximo partido a la versión free que JoinChat nos aporta.
Con ayuda de una herramienta online
Con WA.Link tienes la opción de generar tus links gratis, aunque si quieres personalizarlos tendrás que contratar un plan premium.
Escribe tu número de WhatsApp
Ve a la sección de «Crea tu link aquí», en donde tendrás que cumplimentar algunos campos. El primer paso es indicar el número que está vinculado a tu empresa o al teléfono personal que necesites. Es importante que tengas en cuenta que, si tienes un perfil de WhatsApp Business, tu enlace ya existe y solo tienes que copiar tu enlace directo desde el menú de «Herramientas» de la empresa.
Cuando indiques el número de teléfono elige el prefijo de marcación de tu país y el número completo.
3. Personaliza el mensaje con el que quieres que te consulten
Esta herramienta se llama Saludo de usuario, que puede incluir emoticonos si así lo deseas. Recuerda que este mensaje es el texto que las personas leerán cuando abran la conversación en un chat nuevo. Por lo tanto, piénsalo bien para que la interacción empiece de manera natural.
4. Revisa tu vista previa
Confirma que todo está en orden para tu enlace, desde el teléfono que has indicado y el mensaje de saludo. Lo puedes modificar las veces que lo necesites.
5. Genera el link
Haz clic en «Generar mi link» para que aparezca una pantalla con el enlace y un código QR que puedes compartir con quien desees y en donde sea necesario que esté disponible.
Usa tu link en tu página web, RRSS, etc
Aprobecha y usa el link que has generado en todos los los canales que veas oportuno, como Facebook, Instagram, Twitter, TikTok, publicaciones en otros blogs, para resolver cuestiones rápidas en productos de tu tienda online y mostrar cercanía al cliente, etc.
Es un Call to Action muy potente que puede aumentar las ventas y probablemente las conversiones de tu págians web, ya sea una tienda online y una página web.
Personaliza tu botón de WthatsApp con Elementor en WordPress
En este punto ya cuentas con un enlace personalizado así que lo siguiente es utilizarlo para integrar WhatsApp en tu página web. ¿Cómo? Para portales creados en WordPress debes utilizar el editor Elementor.
Gracias a este recurso podrás modificar todas las características del botón. Desde el texto encima de él hasta su configuración en cuanto a estilo o colocar el logotipo característico de la aplicación WhatsApp.
Después, deberás insertar en el campo “enlace” el enlace que creaste con anterioridad. En ese mismo lugar podrás indicarle al sistema si deseas que abra en una nueva pestaña.
¡Listo! Habrás terminado el proceso para agregar WhatsApp a tu página web y ahora tu público podrá chatear contigo.
Como última recomendación debes saber que lo más conveniente es que aproveches el código HTML para insertar WhatsApp en las páginas estratégicas de tu dominio. ¿Cómo cuáles? El inicio de tu web así como tus páginas de aterrizaje y tarjetas digitales de presentación. ¡Ahí es donde más éxito tendrá esta funcionalidad!
Si necesitas un proyecto de WhatsApp a medida para realizar escucha activa de conversaciones mediante Machine Learning podemos aportar la mejor solución bien en conversaciones humanas como de IA.
Si lo que necesitas es un asistente virtual alimentado con Inteligencia Artificial Generativa mediante WhatsApp somos tu mejor opción. Este tipo de proyectos son muy indicados en caso de tiendas online con un alto volumen de visitas e igualmente en empreas que venden servicios donde hay grandes inversiones en Ads, detras de cada funnel de ventas que deben ser cualificados, en este caso mediante Inteligencia Artificial. Se puede tomar el control en cualquier momento para la atención humana y se guardan todas las conversaciones para su estudio y análisis. Para las administraciones públicas y para las grandes empreas es un canal ideal para conversar y resolver dolores o cualificar leads, tanto interna como externamente. Puede servir como canal conversacional con el pleado público o con la ciudadanía. De igualforma para clietes o bien orientado a empleados. cuando hablamos de empresas.
Puedes echar un vistazo a nuestra página de inicio de Unbuenplang Group para que veas el resultado.
Y así es como podrás poner un botón de WhatsApp en tu página web. ¡Tus clientes te lo agradecerán y tus ventas también!
Dejar un comentario
¿Quieres unirte a la conversación?Siéntete libre de contribuir!