html - link - whatsapp web api

Botón "WhatsApp" del sitio web móvil para enviar un mensaje a un número específico

Question

Un sitio web móvil se puede personalizar para permitir que los usuarios compartan un mensaje previamente completado en WhatsApp a un contacto elegido manualmente. Como se indica here , se realiza mediante un esquema de URL personalizado. Un ejemplo:

<a href="whatsapp://send?text=Hello%20World!">Hello, world!</a>

Para llamar a un número particular usamos:

<a href="tel:[phone]">Call</a>

De manera similar, ¿podemos enviar un mensaje de WhatsApp a un número específico (o al menos abrir el chat) sin que el usuario elija el número de teléfono manualmente, en lugar de que sea uno de los parámetros / valores de atributo predefinidos?

Answer 1

En Android, puedes probar

href="intent://send/[countrycode_without_plus][number]#Intent;scheme=smsto;package=com.whatsapp;action=android.intent.action.SENDTO;end

Reemplace [countrycode_without_plus][number] con el número,

Answer 2

Esta respuesta es útil para aquellos que desean hacer clic para chatear con whatsapp en el sitio web para redirigir web.whatsapp.com con un mensaje o contenido predeterminado y en un 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 añadir enlace jquery.

<a  target="_blank" title="Contact Us On WhatsApp" href="https://web.whatsapp.com/send?phone=+91xxxxxxxxx&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=+91xxxxxxxxx&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>

Answer 3

Esto se puede hacer fácilmente ahora! Solo necesitas usar este formato:

<a href="https://api.whatsapp.com/send?phone=whatsappphonenumber&text=urlencodedtext"></a>

ACTUALIZACIÓN-- Use esto desde ahora (noviembre de 2018)

<a href="https://wa.me/whatsappphonenumber/?text=urlencodedtext"></a>

Uso: https://wa.me/15551234567

No utilice: https://wa.me/+001-(555)1234567

Para crear su propio enlace con un mensaje precargado que aparecerá automáticamente en el campo de texto de un chat, use https://wa.me/whatsappphonenumber/?text=urlencodedtext donde whatsappphonenumber es un número de teléfono completo en formato internacional y URL -codedtext es el mensaje pre-llenado codificado en URL.

Ejemplo: https://wa.me/15551234567?text=I ''m% 20interested% 20in% 20your% 20car% 20for% 20sale

Para crear un enlace con solo un mensaje precargado, utilice https://wa.me/?text=urlencodedtext

Ejemplo: https://wa.me/?text=I ''m% 20inquiring% 20about% 20the% 20apartment% 20 listing

Después de hacer clic en el enlace, se le mostrará una lista de contactos a los que puede enviar su mensaje.

Para obtener más información, consulte https://www.whatsapp.com/faq/en/general/26000030

Answer 4

WhatsApp ahora proporciona una API mucho más simple https://wa.me/ Esto no presenta ninguna característica nueva, solo una forma más simple de ejecutar cosas. No es necesario verificar el agente de usuario mientras se implementa esta API, ya que también funcionará con aplicaciones nativas y con la interfaz web de whatsapp (web.whatsapp.com) en el escritorio.

Esto puede ser usado en múltiples casos de uso.

• Un botón Haga clic para chatear : use https://wa.me/whatsappphonenumber para abrir un cuadro de diálogo de chat con el usuario de Whatsapp especificado. Tenga en cuenta que el número de whatsappphonenumber debe ser un número de whatsapp válido en formato internacional sin ceros a la izquierda, ''+'', ''-'' y espacios. por ejemplo, 15551234567

  <a href="https://wa.me/15551234567">Whatsapp Me</a>

• A Compartir esto en el botón WhatsApp : use https://wa.me/?text=urlencodedtext para abrir un cuadro de diálogo de selección de contactos de WhatsApp con un texto preestablecido. p.ej

  <a href="https://wa.me/?text=I%20found%20a%20great%20website.%20Check%20out%20this%20link%20https%3A%2F%2Fwww.example.com%2F">Share on WhatsApp</a>

• Un botón de contacto con el texto precargado : una combinación de los dos anteriores, podría ser útil si desea obtener un mensaje personalizado prellenado de los usuarios que llegan a una página en particular. Utilice el formato https://wa.me/whatsappphonenumber/?text=urlencodedtext

  <a href="https://wa.me/15551234567?text=I%20am%20interested%20in%20your%20services.%20How%20to%20get%20started%3F">I am interested</a>

Para obtener documentación oficial, visite https://faq.whatsapp.com/en/general/26000030

Answer 5

desafortunadamente, no hay opción para poner el número en el protocolo de Whatsapp. solo es posible con el parámetro ABID (ID de libreta de direcciones), pero debe tener este contacto con un nombre específico para hacer esto. Revisa la documentación de WhatsApp.

Answer 6

El documento oficial de WhatsApp dice:

https://api.whatsapp.com/send?phone=countrycode+phonenumber&text=urlencodedtext

Uso: https://api.whatsapp.com/send?phone=15551234567&text=urlencodedtext

No utilice: https://api.whatsapp.com/send?phone=+001-(555)1234567

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

Answer 7

Usé este código y funciona bien para mí, simplemente cambie + 92xxxxxxxxxx a su número de WhatsApp válido, con el código del país.

<script type="text/javascript">
        (function () {
            var options = {
                whatsapp: "+92xxxxxxxxxx", // WhatsApp number
                call_to_action: "Message us", // Call to action
                position: "right", // Position may be ''right'' or ''left''

            };
            var proto = document.location.protocol, host = "whatshelp.io", url = proto + "//static." + host;
            var s = document.createElement(''script''); s.type = ''text/javascript''; s.async = true; s.src = url + ''/widget-send-button/js/init.js'';
            s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
            var x = document.getElementsByTagName(''script'')[0]; x.parentNode.insertBefore(s, x);
        })();
    </script>