Cómo enviar mensajes por WhatsApp desde mi sitio web
Enviar mensajes por WhatsApp desde un sitio web es posible gracias a una API que provee la misma compañía, existe una función llamada "Clic para chatear" que puedes utilizar en tu sitio web para iniciar una conversación en WhatsApp Web o a través de la aplicación móvil.
Esta funcionalidad permite que desde un enlace puedas iniciar un chat, por ejemplo podrías incluir en tu sitio web números de soporte o ventas y establecer un chat sin necesidad de agregar un nuevo contacto.
Cómo funciona el botón "Clic para chatear"
Como la compañía explica en su documentación y preguntas frecuentes acerca de su API existen dos parámetros que puedes utilizar para iniciar una conversación desde un enlace, número telefónico y/o mensaje, quedando por ejemplo:
https://api.whatsapp.com/api/send?phone=56987654321
El formato correcto debe ser el código país junto al número de teléfono sin guiones, espacios o símbolos de esta manera si el número telefónico es: +56 (9) 87654321 debes utilizar 56987654321 tal cual aparece en el ejemplo de arriba.
También es posible adjuntar un mensaje predeterminado para iniciar una conversación, de la siguiente manera:
https://api.whatsapp.com/send?phone=56987654321&text=Me%20gustaría%20saber%20el%20precio%20del%20sitio%20web
Los símbolos que aparecen entre las palabras "%20" corresponden a un espacio en blanco codificado en una url, el envío de mensaje también puede ser sin utilizar un número, en el caso de que quieras enviar un mensaje a un contacto:
https://api.whatsapp.com/send?text=Me%20gustaría%20saber%20el%20precio%20del%20sitio%20web
Este último ejemplo envía un mensaje al contacto que selecciones en tu lista posterior a la confirmación de envío.
Iniciar Conversación Botón WhatsApp
Cómo utilizar o implementar la API de WhatsApp
La implementación es sencilla si conoces un poco de HTML, puedes utilizar un link o un botón pero antes debes crear tu enlace ingresando a https://dev-web.whatsapp.com/api/send?phone=xxxxxx donde reemplazas las "x" por tu número telefónico luego que confirmes el uso de la aplicación puedes crear un enlace como:
<a title="Click para chatear" href="https://api.whatsapp.com/api/send?phone=56987654321" target="_blank" rel="noopener">Envíanos un mensaje por WhatsApp</a>
Si quieres adjuntar un mensaje predeterminado quedaría de la siguiente manera:
<a title="Click para chatear" href="https://api.whatsapp.com/send?phone=56987654321&text=Me%20gustaría%20saber%20el%20precio%20del%20sitio%20web" target="_blank" rel="noopener">Envíanos un mensaje por WhatsApp con un mensaje</a>
¿Cómo me puede beneficiar lo anterior? digamos que en tu sitio web quieres emplear un canal de comunicación nuevo para ventas y decides utilizar WhatsApp, puedes crear una URL dinámica en donde el campo "text" corresponde a un nombre de producto, servicio o consulta facilitando la comunicación entre ambas partes.
Sólo funciona si el número al que envías el mensaje está en tus contactos…
Estimado Luis, el envío de mensajes funciona sin tener agregado el número en su lista de contactos.
Hola! como hago para que me abra directamente la conversación y no primero ese mensaje de send?
Estimada Belén
El mensaje de enviar siempre va a aparecer, considérelo un medio de filtro para mensajes ya que primero el usuario tiene la posibilidad de visualizar que texto enviará.
Saludos Cordiales
como puedo enviar el mensaje a un grupo de chat por medio de esta forma
Estimado
Usted puede averiguar más acerca de esto revisando: Api WhatsApp
Saludos
Se puede configurar para que el link que se genera no tenga un numero estatico, si no que varios usuarios con numero de telefono diferente.
Saludos
Estimado
No es posible asignar múltiples números en un solo enlace, para ello puede programar un script que realice dicha tarea o bien enviar mensajes a grupos, para mayor información puede utilizar la referencia de WhatsApp API
como sería el número para argentina? Porque pongo con54911XXXXXXXX y no me funciona. Aparece el botón de chat y no hace nada.
Esto solo funciona para cuando la pagina se abre en un celular o dispositivo mobile, Si uno presiona el link desde una computadora NO funciona.
O estoy equivocado y algo no estoy haciendo bien??
Gracias por el aporte.
@Armando, el enlace desde computador abrirá WhatsApp Web. Desde el móvil utiliza la aplicación.
Saludos
Hola buen dia , tiene algun costo emplear los api de whatsapp o restricciones
Hola @jose, no tiene costo monetario asociado y sí, cuenta con restricciones en algunas funciones. Saludos
Hola Eliteweb, Sabes si esta aplicación, puede funcionar desde una página hospedada en Wix, gracias.
Rigo, solo necesitas incorporar el enlace en algún botón o link y abrirá la app o WhatsApp web. Saludos!
Muchísimas gracias por tu atención. Saludos.
Hola… me funciona pero las palabras del mensaje finalmente llegan todas juntas…. le estoy colocando %20 y aun asi llegan todas juntas..
https://wa.me/56xxxxxxxxx?text=Hola%20necesito%20que%20se%20contacten%20conmigo
Hola Juan, al parecer estás realizando bien el proceso ya que si pasas el mouse sobre tu enlace verás bajo la parte inferior del navegador que el link muestra tu mensaje con espacios…
Si no puedes aún hacer que funcione nos escribes y trataremos de ayudarte a la brevedad.
Saludos
es posible hacer esto sin pasar por la aplicacion de whtasapp, me explico. quiero mandarme la notificacion desde un formulario web a mi telefono por esta via, entonces no quiero que el usuario pase por ese paso, simplemete que al dar aceptar o enviar genere el mensaje y lo envie a mi whatsapp, asi como lo puedo hacer con una notificacion por mail hacia mi, saludos gracias
Estimado, es posible realizar ese proceso utilizando un bot o script que se encargue del envío, sin embargo de igual manera va a necesitar un número de teléfono al cual dar respuesta. Cuando le envíen un mensaje debe existir un remitente ya que usted debería responder a un número, este punto es el que valida gracias a WhatsApp. Saludos
Hola, me interesaría poder enviar el mensaje sin tener que darle al botón enviar en la App de escritorio de whatsapp. Quiero implementarlo a una base de datos creada en filemaker, y necesitaría poder crear un guión donde envíe mensajes a determinadas personas de forma automática, si en cada persona me sale la ventana de la app de whatsapp y tengo que darle al botón de enviar no me sería muy útil. ¿Hay algún código que pueda poner al final de la URL para que envíe el mensaje automáticamente? Vi que el código %0A crea un retorno de carro, hay otro que haga que envíe de forma automática?.
Saludos
Hola Oscar, enviar mensajes de forma automática no es posible con un simple código en la url, implementando algún tipo de bot quizás puedan lograr una parte de lo que quieres hacer. Saludos