23 mayo

Cómo recibir mensajes de WhatsApp directamente desde la web

Tiempo de lectura: 2 minutos

¿Sabí­as que puedes recibir mensajes de WhatsApp de tus clientes directamente desde tu página web?

Es posible que ya hayas visto esto en otro lugar porque aplicaciones como AddThis también lo ofrece en sus muy conocidas herramientas para compartir. Muchos negocios, como por ejemplo las agencias de marketing digital, las tiendas y las empresas de servicios pueden aprovechar el poder de WhatsApp integrándolo en sus campañas. Se puede, por ejemplo, crear un botón que enví­e el código de promoción de una campaña a un amigo a través de WhatsApp. Es realmente fácil.

Crea tu enlace con WhatsApp

Puedes recibir un mensaje a través de WhatsApp utilizando una determinada estructura de URL (dirección web) personalizada. Muchas grandes aplicaciones tienen incluidas estos tipos de estructura, pero nosotros te vamos a explicar cómo puedes crearla tú mismo 100% gratis y sin pagarle nada a nadie.

Para crear tu enlace de WhatsApp con tus clientes, debes utilizar el código https://wa.me/número, reemplaza “número” con tu número de teléfono con formato internacional.

Tip: Es muy importante que no agregues ceros, mayúsculas, o cualquier otro signo.

Ejemplo correcto: https://wa.me/5211234567123

Ejemplo incorrecto: https://wa.me/+052-(1)1234567123

¿Dónde agregar el enlace?

El enlace debes agregarlo en un texto, botón o imagen donde quieras que tus usuarios hagan clic para comunicarse contigo.

En el código de la imagen, agrega <a href=”https://wa.me/número”>AQU퍠 TU IMAGEN </a>, con tu número de teléfono en formato internacional.

Recibe un mensaje previamente creado por ti

Esto lo puedes realizar incorporando https://wa.me/?text=mensaje.

Ejemplo: https://wa.me/?text=Me%20gustarí­a%20saber%20el%20precio%20del%20producto.

¿Cómo agregar el í­cono de Whatsapp flotante en mi sitio web?

Es posible agregar el í­cono de Whatsapp flotando en tu sitio, para que tus clientes puedan escribirte directamente desde ahí­ con un mensaje predeterminado. Para eso, debes usar el siguiente código HTML:

< link rel=”stylesheet”

href=”https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css”>

< a href=”https://api.whatsapp.com/send?phone=51955081075&text=Hola%21%20Quisiera%20m%C3%A1s%20informaci%C3%B3n%20sobre%20Varela%202.” class=”float”

target=”_blank”>

< i class=”fa fa-whatsapp my-float”>

< /a>

El í­cono flotante se verá así­:

ícono de WhatsApp flotante

¿Te ha gustado el artí­culo? ¡Te invitamos a compartirlo con tus amigos!

¿Necesitas una página web con tu propio código de WhatsApp?