En la actualidad, el empleo de las redes sociales, así como de otros servicios de mensajería, se ha transformado en una parte importante en la elaboración de un sitio web; y entre estas opciones, por supuesto, destaca Whastapp.
Como sabemos, Whatsapp se encuentra en lo alto de la lista entre los servicios de mensajería instantánea más usados; y es por ello que llama tanto la atención para implementarse en un sitio web.
¿Por qué? Bueno, se ha comprobado que muchos usuarios optarán por enviarnos un mensaje por medio de Whatsapp.
Así mismo, hoy en día encontramos diversos plugins mediante los cuales implementamos fácilmente Whatsapp a WordPress; si bien, en esta ocasión te diremos cómo puedes hacerlo de forma directa y simple a través de código y nada más.
Click to chat de Whatsapp en WordPress
Whatsapp ha desarrollado una función con la cual, a través de una URL, cualquier persona puede conversar con un número de teléfono, aun cuando dicho número no se encuentre entre nuestros contactos registrados.
Para ello, simplemente debes conocer el número de teléfono de la persona y, luego, crear un enlace. Por otra parte, esta misma funcionalidad nos facilita el emplearlo ya sea para PC’s como en dispositivos móviles. El único requisito, por supuesto, es contar con la app instalada en nuestro equipo (en el caso del ordenador, hablamos de Whatsapp web).
Formación de la URL para el contacto de Whatsapp
La forma de escribir el enlace es el siguiente:
https://wa.me/<number>/?text=<texto>Donde dice: <number> debemos escribir el número telefónico de contacto.
Mientras que en: <texto> se trata del texto que deseamos enviar. Por ejemplo: Necesito mas información sobre tu producto..
No olvides lo siguiente:
El número en cuestión tiene que ser escrito sin espacios, sin símbolos matemáticos, ni guiones. Ejemplo:
https://wa.me/34123456789/?text=Necesito%20mas%20informaci%C3%B3n%20sobre%20tu%20producto..
Formación del enlace HTML
En cuanto tengamos la URL lista, sólo nos faltará el crear el enlace en HTML; esto puede realizarse ya sea por medio del editor Gutenber de WordPress; o de forma manual.
Por ejemplo:
https://wa.me/34123456789/?text=Quiero%20informaci%C3%B3n%20adicional%20del%20productoMientras que si lo deseamos hacer de forma manual con HTML aparecería como:
<a target=“_blank” href="https://wa.me/34123456789/?text=Quiero%20informaci%C3%B3n%20adicional%20del%20producto">Preguntar por Whatsapp</a>Como mencionamos, la forma más simple es con el editor de Gutenberg de WordPress. Para ello, ingresa al editor, agrega un enlace y luego da clic en el botón de crear enlace.
¿Y qué hay de un enlace con imagen de Whatsapp?
Muchas veces es más llamativo el añadir un icono o imagen al enlace creado, como el propio de WhatsApp. Para ello, también puedes usar el editor de Gutenberg y dar clic en añadir imagen antes de crear el enlace final.
¿Quieres que el icono de WhatsApp aparezca abajo a la derecha o izquierda de tu web?
Muchos de nuestros clientes necesitan que este icono aparezca en una posición cómoda y con un alto CTR, para ello la posición mas natural es agregar este icono de contacto abajo a la derecha.
Ya que esta es la mejor posición para pulsar rápidamente con nuestro pulgar..
¿Quieres conocer el código CSS para agregar el icono de WhatsApp a la parte inferior de tu web? Déjanos un comentario y lo agregaremos a este tutorial!