Cómo integrar WhatsApp en tu web

Por Sherpa Digital Desarrollo Web, Marketing Digital 48 comentarios en Cómo integrar WhatsApp en tu web

como integrar boton whastapp web

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í:

Envíanos un WhatsApp 

  • Comparte:
48 comentarios
  • Iago de Sant
    Publicado el enero 16, 2018 a las 10:15 am

    Genial post! Realmente útil! te seguiré muy de cerca 😉

    Responder
    • Sherpa Digital
      Publicado el enero 16, 2018 a las 11:32 am

      Gracias Iago por tus comentarios.

      Responder
  • daniel
    Publicado el mayo 8, 2018 a las 3:42 am

    cuando se accede desde un celular no te abre la aplicacion

    Responder
    • Sherpa Digital
      Publicado el mayo 8, 2018 a las 9:53 am

      Hola Daniel. ¿A qué te refieres? ¿al ejemplo que tenemos puesto en el post? Saludos.

      Responder
  • saul
    Publicado el julio 27, 2018 a las 6:38 pm

    Hola, 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.

    Responder
    • Sherpa Digital
      Publicado el julio 29, 2018 a las 10:42 am

      Hola 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 😉

      Responder
      • ALEXANDER ZABALA SAAVEDRA
        Publicado el mayo 6, 2020 a las 6:27 pm

        Muchísimas gracias SHERPA DIGITAL, justo lo que estaba buscando, después de 2 días intentando, graciasssss, saludos desde Bucaramanga Colombia

        Responder
  • Mendulo
    Publicado el septiembre 15, 2018 a las 6:02 pm

    Excelente! Lo que necesito para mi minii ecommerce. Gracias.

    Responder
    • Sherpa Digital
      Publicado el septiembre 15, 2018 a las 6:17 pm

      Nos alegra que te resulta útil 😉

      Responder
  • Rubén
    Publicado el noviembre 19, 2018 a las 5:21 pm

    Buen día, desde Mozilla no se abre

    Responder
    • Sherpa Digital
      Publicado el enero 21, 2019 a las 8:54 pm

      Hola 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.

      Responder
  • diego vargas
    Publicado el enero 22, 2019 a las 7:47 pm

    Buenas 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

    Responder
    • Sherpa Digital
      Publicado el enero 25, 2019 a las 1:05 pm

      Hola 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.

      Responder
  • JOAN PULGARIN
    Publicado el febrero 1, 2019 a las 4:27 pm

    Buenos 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

    Responder
    • Sherpa Digital
      Publicado el febrero 8, 2019 a las 12:04 am

      Hola Joan. Si utilizas WordPress, prueba a usar el plugin «Click to Chat for WhatsApp». Saludos.

      Responder
  • Emanuel Gutierrez
    Publicado el febrero 7, 2019 a las 7:34 pm

    hola muchas gracias por el aporte, sim embargo por algina razon no me esta funcionando en navegador mozila

    Responder
    • Sherpa Digital
      Publicado el febrero 8, 2019 a las 12:02 am

      Hola Emanuel. Efectivamente parece que por algún motivo, en las nuevas versiones de Mozilla Firefox esta función no está operativa.

      Responder
  • Antonio
    Publicado el marzo 28, 2019 a las 8:05 pm

    Me 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.

    Responder
    • Sherpa Digital
      Publicado el abril 3, 2019 a las 9:21 pm

      Hola Antonio. ¿De qué país es el teléfono asociado?

      Responder
  • Fredy
    Publicado el mayo 15, 2019 a las 9:37 pm

    Deseo saber como hago para que al seleccionar el botón de whatsapp y al abrirse el chat ya esté escrito un mensaje previo

    Responder
  • Lucero
    Publicado el junio 14, 2019 a las 5:55 pm

    Hola 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.

    Responder
  • Yesid Ramírez
    Publicado el julio 13, 2019 a las 6:25 am

    Hola deseo saber como pegar el botón flotante a mi web de wasap les agradezco

    Yesid Ramírez

    Responder
  • alavaro
    Publicado el agosto 18, 2019 a las 5:56 pm

    hola 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

    Responder
  • Daniel
    Publicado el noviembre 27, 2019 a las 4:33 pm

    Hola. 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

    Responder
  • Engels Alfaro
    Publicado el diciembre 19, 2019 a las 6:19 pm

    Hola, 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

    Responder
    • Sherpa Digital
      Publicado el diciembre 19, 2019 a las 9:30 pm

      Hola Engels. No entendemos muy bien tu pregunta. ¿A qué te refieres exactamente?

      Responder
  • Juanma
    Publicado el febrero 6, 2020 a las 6:55 pm

    Hola, 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.

    Responder
  • Carlos A. Acosta
    Publicado el marzo 2, 2020 a las 2:49 am

    Hola, 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

    Responder
  • GERMAN
    Publicado el marzo 10, 2020 a las 6:15 am

    Hola!, 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

    Responder
  • José Luis Sánchez
    Publicado el marzo 24, 2020 a las 12:11 pm

    Muchas gracias por el tutorial. Siguiendo los pasos que has dado ha sido sencillo. ¡¡Enhorabuena!!!

    Responder
  • 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.

    Responder
  • jorge lopez
    Publicado el abril 24, 2020 a las 10:08 pm

    Eres un genio, funciono bien te lo agradezco

    Responder
  • Juan Restrepo
    Publicado el mayo 9, 2020 a las 8:42 pm

    hola 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

    Responder
  • Cesar
    Publicado el junio 3, 2020 a las 9:44 am

    muchas gracias, sirve de maravilla!!

    Responder
  • Carlos
    Publicado el junio 13, 2020 a las 11:28 am

    Hola. Al
    Poner el enlace me desaparece el (https) y el último número de mi móvil.

    Responder
  • Vinyet Carbonell
    Publicado el junio 20, 2020 a las 8:54 pm

    Hola, 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?

    Responder
  • ale
    Publicado el agosto 25, 2020 a las 1:30 am

    Hola 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

    Responder
  • Mike
    Publicado el septiembre 30, 2020 a las 7:45 pm

    Hola 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

    Responder
  • Lisandro
    Publicado el octubre 30, 2020 a las 11:29 pm

    Buenas! 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!

    Responder
  • Jonathan
    Publicado el diciembre 28, 2020 a las 3:03 pm

    Muchísimas gracias.

    Responder
  • Eder
    Publicado el diciembre 31, 2020 a las 10:02 pm

    ALguien sabe como puedo integrar otro numero en el mismo enlace?

    Responder
    • Sherpa Digital
      Publicado el enero 1, 2021 a las 4:54 pm

      Hola Eder. Solo es posible con un nuevo enlace.

      Responder
  • Frank
    Publicado el febrero 10, 2021 a las 2:50 pm

    Qué hago si cuando presiono el enlace en el teléfono me dice que no tengo descargado whatsapp

    Responder
    • Sherpa Digital
      Publicado el febrero 24, 2021 a las 10:49 pm

      No es problema del enlace, Frank, sino de la persona que hace clic en él, que debería instalar la app en su equipo.

      Responder
  • Alfonso Saborido
    Publicado el febrero 14, 2021 a las 12:33 am

    Muchas gracias, me ha servido de gran ayuda.

    Responder
    • Sherpa Digital
      Publicado el febrero 24, 2021 a las 10:49 pm

      Esa era la intención, Alfonso. Nos alegramos 🙂

      Responder
  • Jorge Waiki
    Publicado el abril 24, 2021 a las 10:48 am

    Hola, 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

    Responder
  • DIANA GALVEZ
    Publicado el junio 4, 2021 a las 2:19 am

    Buenas noches, consulta puedo poner 2 botones de whatsapp en mi pagina web?

    Responder

Deja un comentario

Sherpa Digital te informa que los datos de carácter personal que nos proporciones serán tratados por Raúl Ordóñez Pérez como responsable de esta web. La finalidad es moderar los comentarios. La legitimación es gracias a tu consentimiento. Destinatarios: tus datos se encuentran alojados en nuestra plataforma de hosting de Wordpress, SiteGround. Podrás ejercer tus Derechos para acceder, rectificar, modificar o suprimir tus datos enviando un email a info@sherpadigital.es o ante la Autoridad de Control. Tienes más info en nuestra política de privacidad.