Enlace web a un contacto específico de whatsapp

95

Me gustaría colocar un enlace en una página web que abre un chat de whatsapp con un determinado contacto de whatsapp. En otras palabras: quiero un enlace "contáctame por whatsapp" junto a los enlaces "Contáctanos mi facebook / twitter / google + / etc" de la página. Algo como:

href="whatsapp:[email protected]&message="I'd like to chat with you"
html web whatsapp url-scheme Benny Powers
fuente
1
Posible duplicado del botón "WhatsApp" del sitio web móvil para enviar un mensaje a un número específico
Lyric Roy

Respuestas:

182

********* ACTUALIZACIÓN AÑADIDA AL FINAL *********

He probado muchos enfoques y tengo un ganador (ver Prueba 3), aquí está el resultado de cada uno:

(Creo que la Prueba 3 también funcionará para usted porque si la persona que visita su sitio no lo tiene en su lista de contactos, es la única opción que lo permitirá).

En todas las pruebas, el número tenía que estar completo, con el código de país y ubicación sin ceros iniciales. Ejemplo:

  • +55 (011) 99999-9999 (NO)
  • +5511999999999 (SÍ)

En las pruebas 1 y 2, solo funcionó con un signo más en el código de país: +5511999999999

Prueba 1:

<a href="whatsapp://send?abid=phonenumber&text=Hello%2C%20World!">Send Message</a>

De esta forma debe tener el número de teléfono en su lista de contactos. No me funciona porque quería poder enviar un mensaje a un número que quizás no tenga en mi lista de contactos.

Si no tiene el número en su lista de contactos, se abre Whatsapp con todos sus contactos registrados, para que pueda elegir uno.

Es una buena opción para compartir cosas.

Prueba 2:

<a href="intent://send/phonenumber#Intent;scheme=smsto;package=com.whatsapp;action=android.intent.action.SENDTO;end">Send Message</a>

Este enfoque solo funciona en Android Y si tiene el número en su lista de contactos. Si no lo tiene, Android abre su aplicación de SMS, para que pueda invitar al contacto a usar Whatsapp.

Prueba 3 (El ganador) :

<a href="https://api.whatsapp.com/send?phone=15551234567">Send Message</a>

Esta fue la única forma que funcionó completamente para mí.

  • Funciona en Android, iOS y la aplicación web en el escritorio,
  • Puede iniciar una conversación con un número que no tiene en su lista de contactos
  • Puede crear un enlace con un mensaje prediseñado agregando & text = [message-url-encoded] como:

https://api.whatsapp.com/send?phone=15551234567&text=Send20%a20%quote

Y si desea tener un bookmarklet para facilitar su uso, puede usar este:

javascript: (function() { var val= prompt("Enter phone number",""); if (val) location="https://api.whatsapp.com/send?phone="+escape('972' + val)+""; })()

Deberá cambiar el código de país (o eliminarlo) al país de destino de you.r y pegarlo en el campo de dirección en un enlace de Chrome / Firefox

Vale la pena avisar:

***************** ACTUALIZAR (INICIO) *****************

Whatsapp puso a disposición otra opción, ahora puede crear un enlace a una conversación como esta:

https://wa.me/[phonenumber]

El número de teléfono debe estar en formato internacional:

Me gusta esto:

https://wa.me/552196312XXXX

Así no:

https://wa.me/+55(021)96312-XXXX

Y si desea agregar un mensaje prediseñado a su enlace, puede agregar ? Text = al final con el texto URL codificado:

https://wa.me/552196312XXXX?text=[message-url-encoded]

Ejemplo:

https://wa.me/552196312XXXX?text=Send20%a20%quote

Más info aquí:

https://faq.whatsapp.com/general/chats/how-to-use-click-to-chat

***************** ACTUALIZAR (FIN) ****************

Rafael Araújo
fuente
2
Solo para ayudar a otros usuarios a evitar el mismo error que yo cometí, use el prefijo internacional pero sin el más. Así que el italiano 0039 se convierte en 39.
MDaldoss
4
sí, no se requiere el símbolo +, así que, por ejemplo, si desea vincular a un número indio, puede omitir el signo más en +919 ********* y simplemente usar 91 como prefijo. 91 **********
Dresh
El enlace de WhatsApp no ​​funcionará si no tiene la persona de contacto en su teléfono
James Tan
exactamente @JamesTan, si desea contactar a alguien que no está en su lista de contactos, use así: api.whatsapp.com/send?phone=15551234567 como se muestra arriba.
Rafael Araújo
Me di cuenta de que funciona incluso si el teléfono no existe, mi error fue ese número no válido, con un dígito adicional que causa el error
James Tan
52

El siguiente enlace parece funcionar bien: 

<a href="whatsapp://send?text=Hello World!&phone=+9198********1">Ping me on WhatsApp</a>

Abre el contacto en la aplicación WhatsApp, junto con el mensaje '¡Hola mundo!' rellenado previamente en el cuadro de texto de entrada.

(Probé esto con Google Chrome en un teléfono Android).

Sachin Doshi
fuente
5
¡Probé esto con Safari en un iPhone y funcionó!
Alan Avalos
1
Funciona en Opera y Chrome.
Semana
Funciona en Chrome, Firefox y el navegador predeterminado de Android 6 y también funciona tanto en Safari como en Chrome en iPhone6 ​​(diciembre de 2017).
MattAllegro
No funciona en UC Browser pero funciona bien en Chrome.
Devsainii
11

He probado esto:

<a href="whatsapp://send?abid=phonenumber&text=Hello%2C%20World!">whatsapp</a>

cambiando 'número de teléfono' por un número de teléfono específico. Esto no funciona completamente, pero cuando hacen clic en el enlace, abre whatsapp y si hacen clic en un contacto, el mensaje se completa.

Si desea abrir una persona específica en el chat, puede hacerlo, pero sin completar el texto.

<a href="intent://send/phonenumber#Intent;scheme=smsto;package=com.whatsapp;action=android.intent.action.SENDTO;end">test</a>

Probablemente tendrá que elegir entre los dos.

algunos enlaces para ayudarlo a compartir el enlace en WhatsApp desde el sitio web móvil (no la aplicación) para Android https://www.whatsapp.com/faq/nl/android/28000012

Espero que esto ayude

(Probé esto con Google Chrome en un teléfono Android)

yoshiMannaert
fuente
9

Puede utilizar la siguiente URL según las preguntas frecuentes de WhatsApp:

https://wa.me/PHONENUMBERHERE

Agregue el código de país delante del número y no agregue ningún signo más (+) ni guiones (-) ni ningún otro carácter en el número. Solo valores enteros / numéricos.

También puede predefinir un mensaje de texto para comenzar con:

https://wa.me/PHONENUMBERHERE/?text=urlencodedtext

tribulante
fuente
Esto abre Play Store en Android, después de una página de confirmación.
amarmishra
@amarmishra Sí, probablemente se abre en la tienda de aplicaciones porque quiere instalar la aplicación WhatsApp. Si ya tiene WhatsApp instalado, abrirá whatsapp e iniciará un chat con el número.
tribulante
9

Ahora puede usar una API muy simple https://wa.me/para realizar esta tarea donde puede proporcionar un número de contacto de WhatsApp válido como 15555555555 ( agregue el código de país , elimine todos los '+', '-', corchetes, espacios o ceros iniciales ). También puede proporcionar un texto codificado en URL como un mensaje predefinido que el usuario puede enviar directamente o cambiar antes de enviarlo.

Enlace chatear conmigo :<a href="https://wa.me/15555555555">Contact me by whatsapp</a>

Enlace de chat conmigo con texto predefinido :<a href="https://wa.me/15555555555?text=I%27d%20like%20to%20chat%20with%20you">Contact me on whatsapp</a>

La belleza de esta wa.meurl es que no necesita verificar el agente de usuario, ya que funciona tanto en dispositivos móviles como en computadoras de escritorio (abre web.whatsapp.com)

Fuente: https://faq.whatsapp.com/en/general/26000030

Más detalles en mi respuesta a una pregunta similar https://stackoverflow.com/a/51854282/2485420

Shri
fuente
4

Este enfoque solo funciona en Android Y si tiene el número en su lista de contactos . Si no lo tiene, Android abre su aplicación de SMS, para que pueda invitar al contacto a usar Whatsapp.

<a href="https://api.whatsapp.com/send?phone=2567xxxxxxxxx" method="get" target="_blank"><i class="fa fa-whatsapp"></i></a>

Google Chrome está apuntando a una ventana en blanco

Desarrolladores de trofeos U CO. Ltd
fuente
Esto funciona para mí en Windows e iOS incluso si el contacto aún no está en mi directorio telefónico, así que supongo que WhatsApp ha actualizado esto desde que se publicó esta respuesta. Más detalles y uso en sus preguntas frecuentes oficiales .
wasabigeek
4

Por lo que vale, al momento de escribir este artículo (29 de noviembre de 2018), la API actualizada que parece funcionar en mi extremo está usando este enlace:

https://wa.me/<phone number here>

Nota:

Simplemente reemplace el marcador de posición <phone number here>con el número de teléfono deseado que desea usar INCLUYENDO el código de país, esto significa que tuve que agregar +60el resto del número restante.

No funciona por mi parte sin uno (al menos con Android e iOS). No funciona significa un mensaje de error que dice "no tiene este número".

Referencia:

https://faq.whatsapp.com/en/general/26000030

Kevin
fuente
@Korayem, estás bromeando, ¿verdad? es por eso que en mi respuesta dije explícitamente "Agregué el signo + más" porque el duplicado que vinculó no funciona
Kevin
merece ser un comentario sobre la respuesta original
Korayem
3

De las preguntas frecuentes oficiales de Whatsapp: https://faq.whatsapp.com/en/android/26000030/

La función Click to Chat de WhatsApp le permite comenzar un chat con alguien sin tener su número de teléfono guardado en la libreta de direcciones de su teléfono. Siempre que conozca el número de teléfono de esta persona, puede crear un enlace que le permitirá iniciar un chat con ella. Al hacer clic en el enlace, se abre automáticamente un chat con la persona. Click to Chat funciona tanto en su teléfono como en WhatsApp Web.

Para crear su propio enlace, use https://wa.me/ donde es un número de teléfono completo en formato internacional. Omita los ceros, corchetes o guiones al agregar el número de teléfono en formato internacional. Para obtener una explicación detallada sobre los números internacionales, lea este artículo. Tenga en cuenta que este número de teléfono debe tener una cuenta activa en WhatsApp.

Use: https://wa.me/15551234567

Don't use: https://wa.me/+001-(555)1234567
iFadi
fuente
2

Esta respuesta es útil para aquellos que desean hacer clic para chatear whatsapp en el sitio web para redirigir web.whatsapp.com con contenido o mensaje predeterminado y en el dispositivo móvil para abrir en whatsapp en la aplicación móvil con contenido predeterminado a la barra de texto en la aplicación.

también agregue el enlace jquery.

<a  target="_blank" title="Contact Us On WhatsApp" href="https://web.whatsapp.com/send?phone=+919581880892&amp;text=Hi, I would like to get more information.." class="whatsapplink hidemobile" style="background-color:#2DC100">
    <i class="fa fa-fw fa-whatsapp" style="color:#fff"></i>
    <span style="color:#fff">
        Contact Us On WhatsApp        </span>
</a>
<a  target="_blank" title="Contact Us On WhatsApp" href="https://api.whatsapp.com/send?phone=+919581880892&text=Hi,%20I%20would%20like%20to%20get%20more%20information.." class="whatsapplink hideweb" style="background-color:#2DC100">
    <i class="fa fa-fw fa-whatsapp" style="color:#fff"></i>
    <span style="color:#fff">
        Contact Us On WhatsApp        </span>
</a>

   <script type="text/javascript"> 
var mobile = (/iphone|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));  
if (mobile) { 

    $('.hidemobile').css('display', 'none'); // OR you can use $('.hidemobile').hide();
} 
else 
{ 
    $('.hideweb').css('display', 'none'); // OR you can use $('.hideweb').hide();
}
</script>
imtaher
fuente
2
Parece que ahora puede usar el enlace directo https://wa.me/PHONENUMBERHEREpara dispositivos móviles y computadoras de escritorio.
Kai Noack
Esta debería ser la respuesta aceptada, ¡todavía funciona!
shery089
1

La solución que funcionó para mí está aquí en PHP:

$android = stripos($_SERVER['HTTP_USER_AGENT'], "android");
$iphone = stripos($_SERVER['HTTP_USER_AGENT'], "iphone");
$ipad = stripos($_SERVER['HTTP_USER_AGENT'], "ipad");

$whatsappNumber = '1234597891';
$whatsappLink = '';
if($android !== false || $ipad !== false || $iphone !== false) {//For mobile
    $whatsappLink = '<a href="https://api.whatsapp.com/send?phone='.$whatsappNumber.'">'.$whatsappNumber.'</a>';
} else {//For desktop
    $whatsappLink = '<a href="https://web.whatsapp.com/send?phone='.$whatsappNumber.'">'.$whatsappNumber.'</a>';
}
Imran Zahoor
fuente
1

Probé todas las combinaciones de números suizos en mi página web. Debajo de mis resultados:

No funciona para Android e iOS

https://wa.me/0790000000/?text=myText

Funciona para iOS pero no funciona para Android

https://wa.me/0041790000000/?text=myText
https://wa.me/+41790000000/?text=myText

Funciona para Android e iOS:

https://wa.me/41790000000/?text=myText
https://wa.me/041790000000/?text=myText

¡Espero que esta información ayude a alguien!

yab86
fuente
0

El número de teléfono será un código de país seguido del número de móvil de WhatsApp sin ningún símbolo. Consulte el código a continuación.

<a href="https://api.whatsapp.com/send?phone=19998887878&text=Hi%20There!">WhatsApp Now</a>
Nirav
fuente