En este artículo descubrirás cómo integrar un botón de WhatsApp en tu web.
Con más de 25 millones de usuarios activos según los últimos datos, WhatsApp posiblemente sea la red social estrella en nuestro país, por encima incluso de Facebook.
Pocos son los que se resisten a instalar en su smartphone está aplicación que permite enviar mensajes de texto audio o vídeo a cualquier persona o grupo de forma inmediata y se estima que el número de operaciones que se producen al día ronda los 50.000 millones en todo el mundo.
Con estos impresionantes datos, tenemos ante nosotros a una plataforma clave para que cualquier empresa, sea del tamaño que sea, pueda interactuar con sus clientes y aumentar las ventas.
Ejemplo de uso por parte de una empresa de WhatsApp
Pese a esta importancia que tiene dentro de cualquier estrategia social media, no es muy común encontrarnos con webs corporativas que incorporen la posibilidad de contacto a través de esta vía. Hoy en nuestro blog te enseñamos a hacerlo.
Cómo insertar un botón en tu web para que puedan enviarte un WhastApp
Lo único que debes hacer es poner un texto, una imagen o un botón que enlace a la URL: https://api.whatsapp.com/send?phone=[ind][num]
Donde [ind] corresponde al indicativo del país y [num] al número de teléfono móvil de tu empresa, por ejemplo:
https://api.whatsapp.com/send?phone=34123456789
Si quieres hacerlo más atractivo, puedes descargar alguno de los logos oficiales y subirlo a tu página enlazando a la citada dirección. De esta forma, quedaría algo así:
48 comentarios
Iago de Sant
Publicado el enero 16, 2018 a las 10:15 amGenial post! Realmente útil! te seguiré muy de cerca 😉
Sherpa Digital
Publicado el enero 16, 2018 a las 11:32 amGracias Iago por tus comentarios.
daniel
Publicado el mayo 8, 2018 a las 3:42 amcuando se accede desde un celular no te abre la aplicacion
Sherpa Digital
Publicado el mayo 8, 2018 a las 9:53 amHola Daniel. ¿A qué te refieres? ¿al ejemplo que tenemos puesto en el post? Saludos.
saul
Publicado el julio 27, 2018 a las 6:38 pmHola, como vais? Tengo un problema. Cuando pongo el numero de telefono con el 0034 me funciona bien en el ordenador y no en el telefono. Cuando pongo +34 me funciona bien en el telefono pero no en el ordenador.
Sherpa Digital
Publicado el julio 29, 2018 a las 10:42 amHola Saúl. Muchas gracias por tu comentario. No debes poner ni el (00) ni el (+). Tal y como explicamos en el artículo, la nomenclatura correcta para el enlace debe ser: https://api.whatsapp.com/send?phone=34123456789 donde 34 es el código del pais,en este caso España y 123456789 tu número de teléfono. Prueba así y nos dices 😉
ALEXANDER ZABALA SAAVEDRA
Publicado el mayo 6, 2020 a las 6:27 pmMuchísimas gracias SHERPA DIGITAL, justo lo que estaba buscando, después de 2 días intentando, graciasssss, saludos desde Bucaramanga Colombia
Mendulo
Publicado el septiembre 15, 2018 a las 6:02 pmExcelente! Lo que necesito para mi minii ecommerce. Gracias.
Sherpa Digital
Publicado el septiembre 15, 2018 a las 6:17 pmNos alegra que te resulta útil 😉
Rubén
Publicado el noviembre 19, 2018 a las 5:21 pmBuen día, desde Mozilla no se abre
Sherpa Digital
Publicado el enero 21, 2019 a las 8:54 pmHola Rubén. La funcionalidad está sobre todo pensado para webs que se visualizan desde dispositivos móviles donde el navegador Mozilla prácticamente no tiene cuota de mercado. Aún así, muchas gracias por la apreciación.
diego vargas
Publicado el enero 22, 2019 a las 7:47 pmBuenas tardes, quiero colocar un boton flotante de whastapp en mi pagina web, que cuando esten navegando por la pagina siempre este visible el boto de whatsapp, me podrias ayudar con un codigo HTML, que me pueda servir
Sherpa Digital
Publicado el enero 25, 2019 a las 1:05 pmHola Diego. Ponte en contacto con nosotros indicándonos tu dirección y la de tu web y te enviamos un correo explicando cómo puedes hacer.
JOAN PULGARIN
Publicado el febrero 1, 2019 a las 4:27 pmBuenos dias les escribo desde medellin/colombia, asi como otro usuario que te escribio sobre el mismo tema, quiero colocar un boton flotante de whastapp en mi pagina web, que cuando esten navegando por la pagina siempre este visible el boton de whatsapp, me podrias ayudar con un codigo HTML, que me pueda servir…, adicional si quiero tener un mensaje predeterminado en el whastapp cuando los usuarios le den clic, como se aria?… mil gracias y quedo atento
Sherpa Digital
Publicado el febrero 8, 2019 a las 12:04 amHola Joan. Si utilizas WordPress, prueba a usar el plugin «Click to Chat for WhatsApp». Saludos.
Emanuel Gutierrez
Publicado el febrero 7, 2019 a las 7:34 pmhola muchas gracias por el aporte, sim embargo por algina razon no me esta funcionando en navegador mozila
Sherpa Digital
Publicado el febrero 8, 2019 a las 12:02 amHola Emanuel. Efectivamente parece que por algún motivo, en las nuevas versiones de Mozilla Firefox esta función no está operativa.
Antonio
Publicado el marzo 28, 2019 a las 8:05 pmMe funciona perfectamente , pero hay un pero, el mensaje que sale a lo primero después de pulsar el botón que puse en mi web va a la página de whatsapp en la web pero el mensaje de la web de whatsapp está en inglés , ¿Alguna manera de poner en Español? Gracias de antemano.
Sherpa Digital
Publicado el abril 3, 2019 a las 9:21 pmHola Antonio. ¿De qué país es el teléfono asociado?
Fredy
Publicado el mayo 15, 2019 a las 9:37 pmDeseo saber como hago para que al seleccionar el botón de whatsapp y al abrirse el chat ya esté escrito un mensaje previo
Lucero
Publicado el junio 14, 2019 a las 5:55 pmHola buen día, coloco mi número de celular (CDMX) tal cual nos muestras pero al momento de darle click me lleva a la página de whatsapp pero sale la leyenda de: El número de teléfono compartido a través de la dirección URL es inválido. Podrías apoyarme 😀 Gracias.
Yesid Ramírez
Publicado el julio 13, 2019 a las 6:25 amHola deseo saber como pegar el botón flotante a mi web de wasap les agradezco
Yesid Ramírez
alavaro
Publicado el agosto 18, 2019 a las 5:56 pmhola como enlazo el botón con el logotipo whatsapp al vinculo html que te lleva directo al WhatsApp, funciona perfectamente pero prefiero que en vez de que aparezca en mi web un texto , aparezca el botón y no se como hacerlo , ya baje el botón pero no logro darme cuenta como se integra muchas gracias
Daniel
Publicado el noviembre 27, 2019 a las 4:33 pmHola. Y por ejemplo: si yo quiero que desde mi celular se abra el whatsapp, pero cuando lo abra que ya venga con un mensaje predefinido ¿se puede? gracias
Engels Alfaro
Publicado el diciembre 19, 2019 a las 6:19 pmHola, muy buena opcion, pero tengo una pregunta
en mi caso tengo 3 vendedores no se pudiera que a los tres les llegue el mensaje en vez de solo a uno
Sherpa Digital
Publicado el diciembre 19, 2019 a las 9:30 pmHola Engels. No entendemos muy bien tu pregunta. ¿A qué te refieres exactamente?
Juanma
Publicado el febrero 6, 2020 a las 6:55 pmHola, muchísimas gracias, me ha sido muy util, pero tendría una pregunta en mi web tengo dos textos con html uno para llamar por telefono y otro para skype,( https://casabigote.jimdofree.com/productos/ )como podría hacer lo mismo pero con una imagen igual que con whasapp??Muchas gracias de antemano.
Carlos A. Acosta
Publicado el marzo 2, 2020 a las 2:49 amHola, tengo entendido que el mensaje se puede personalizar asi:
Enviar
En este ejemplo el boton sirve para enviar desde mi pagina un mensaje via whatsapp que dice «Buen dia solicito un asesor», mi pregunta es, y si se requiree que ese mensaje lleve un vinculo a una URL?
Gracias
GERMAN
Publicado el marzo 10, 2020 a las 6:15 amHola!, Saludos desde argentina,
Viendo que muchos no saben el como, les dejo el conocimiento necesario para lograrlo, al menos hasta hoy xD
PARA LAS PAGINAS HTML Y CON TEXTO PREDEFINIDO: https://api.whatsapp.com/send?=+549111111&text=Hola%20quiero%20realizar%20una%20consulta
«IMPORTANTE CON LA API CORRECTA SI FUNCIONA EN TODOS LOS DISPOSITIVOS, PERO OJO, NO ES ETERNA»
ESTA ES LA MAS UTILIZADA Y SOLO FUNCIONA NAVEGANDO DESDE LAS PC web.whatsapp
https://web.whatsapp.com/send?phone=TUNUMERO&text=
«para evitar los cambios de la api, si conviertes tu html en php, despues podrias ponerlo desde un WP PRESS» CON UN SIMPLE INCLUDES
ENJOY
José Luis Sánchez
Publicado el marzo 24, 2020 a las 12:11 pmMuchas gracias por el tutorial. Siguiendo los pasos que has dado ha sido sencillo. ¡¡Enhorabuena!!!
Gerardo
Publicado el abril 12, 2020 a las 8:06 am¡Gracias por el artículo! Yo usé este «https://wa.me/521123456XXXX» sin comillas claro, que aparece en la web de whatsapp. Saludos.
jorge lopez
Publicado el abril 24, 2020 a las 10:08 pmEres un genio, funciono bien te lo agradezco
Juan Restrepo
Publicado el mayo 9, 2020 a las 8:42 pmhola amigo, mi numero celular en Colombia es 310… son 10 digitos entonces escribo el 57 y los 10 digitos y no me funciona. perdona que no sea tan hábil para esto. Gracias
Cesar
Publicado el junio 3, 2020 a las 9:44 ammuchas gracias, sirve de maravilla!!
Carlos
Publicado el junio 13, 2020 a las 11:28 amHola. Al
Poner el enlace me desaparece el (https) y el último número de mi móvil.
Vinyet Carbonell
Publicado el junio 20, 2020 a las 8:54 pmHola, yo tengo puesto en mi Landingpage un botón para que se unan a un grupo de whatsapp que tengo creado. La pregunta sería: ¿si no tengo página de política de privacidad, es legal hacer eso? Porque de alguna forma, al aceptar el usuario unirse al grupo, estoy almacenando el teléfono del usuario en mi celular, ¿no? Sino es del todo legal, ¿qué tendría que hacer o poner para proteger los datos?
ale
Publicado el agosto 25, 2020 a las 1:30 amHola buen día, coloco mi número de celular (CDMX) tal cual nos muestras pero al momento de darle click me lleva a la página de whatsapp pero sale la leyenda de: El número de teléfono compartido a través de la dirección URL es inválido. Podrías apoyarme 😀 Gracias. Nada mas de ah{i no puedo avanzar
Mike
Publicado el septiembre 30, 2020 a las 7:45 pmHola ALE, jutno me pasó y solucioné cambiado el código de país , antes tenía 520155xxxxxxxx y lo cambié por: 52155xxxxxxxx.
La diferencia es el 5201 por 521.
Saludos
Lisandro
Publicado el octubre 30, 2020 a las 11:29 pmBuenas! Muy útil el aporte, ya logré configurarlo. Hay alguna manera de que cuando se navegue desde desktop la url de whatsapp cambie por web.whatsapp? Ya que de lo contrario te muesta la versión de la appi desktop.
Gracias!
Jonathan
Publicado el diciembre 28, 2020 a las 3:03 pmMuchísimas gracias.
Eder
Publicado el diciembre 31, 2020 a las 10:02 pmALguien sabe como puedo integrar otro numero en el mismo enlace?
Sherpa Digital
Publicado el enero 1, 2021 a las 4:54 pmHola Eder. Solo es posible con un nuevo enlace.
Frank
Publicado el febrero 10, 2021 a las 2:50 pmQué hago si cuando presiono el enlace en el teléfono me dice que no tengo descargado whatsapp
Sherpa Digital
Publicado el febrero 24, 2021 a las 10:49 pmNo es problema del enlace, Frank, sino de la persona que hace clic en él, que debería instalar la app en su equipo.
Alfonso Saborido
Publicado el febrero 14, 2021 a las 12:33 amMuchas gracias, me ha servido de gran ayuda.
Sherpa Digital
Publicado el febrero 24, 2021 a las 10:49 pmEsa era la intención, Alfonso. Nos alegramos 🙂
Jorge Waiki
Publicado el abril 24, 2021 a las 10:48 amHola, muchas gracias por el aporte, tengo una consulta, e visto en algunas paginas en las cuales, al pinchar el botón te da la opción de elegir entre dos o tres teléfonos de contacto para el WhatsApp, como podría hacer eso, de antemano muchas gracias
DIANA GALVEZ
Publicado el junio 4, 2021 a las 2:19 amBuenas noches, consulta puedo poner 2 botones de whatsapp en mi pagina web?