tag link imagen atributo html web whatsapp url-scheme

imagen - html link tag



Enlace web a un contacto especĂ­fico de WhatsApp (13)

Me gustaría colocar un enlace en una página web que abra un chat de WhatsApp con un determinado contacto de WhatsApp. En otras palabras: quiero que el enlace "contácteme por whatsapp" vaya al lado de los enlaces de la página "Contáctenos mis facebook / twitter / google + / etc". Algo como:

href="whatsapp:[email protected]&message="I''d like to chat with you"


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

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

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

Lo wa.me de esta url de wa.me 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 sobre una pregunta similar https://.com/a/51854282/2485420


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 permita iniciar un chat con ellos. 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 hay 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 una explicación detallada sobre 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



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. Por favor, consulte el siguiente código.

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


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


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>


He intentado esto:

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

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

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

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

Probablemente tengas que elegir entre los dos.

algunos enlaces para ayudarlo Compartir 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)


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 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 manera, debe tener el número de teléfono en su lista de contactos. No funciona para mí porque quería poder enviar un mensaje a un número que tal vez no tenga en mi lista de contactos.

Si no tiene el número en su lista de contactos, se abre el Whatsapp que enumera todos sus contactos registrados, por lo que puede 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, por lo que puede 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 manera que funcionó completamente para mí.

  • Funciona en Android, iOS y aplicación web en el escritorio,
  • Puede iniciar una conversación con un número que no tiene en su lista de contactos

Y si desea tener un marcador para mayor facilidad de 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) a su país de destino y pegarlo en el campo de dirección en un enlace de Chrome / Firefox

Vale la pena notar:


Intenté 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!


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>''; }


Por lo que vale, a partir de este escrito (29 de noviembre de 2018), la API actualizada que parece funcionar en mi extremo está utilizando 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 del país, esto significa que tuve que agregar +60 luego el resto del número restante.

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

Referencia:

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


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

https://wa.me/PHONENUMBERHERE

Agregue el código del 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 integrers / valores numéricos.

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

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


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, por lo que puede 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 estoy apuntando a una ventana en blanco