Мобильный сайт "WhatsApp" кнопка для отправки сообщения на определенный номер

мобильный веб-сайт можно настроить, чтобы пользователи могли делиться предварительно заполненным сообщением в WhatsApp с выбранным вручную контактом. Как дано здесь это делается с помощью пользовательской схемы URL. Пример:

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

для вызова определенного номера мы используем:

<a href="tel:0123456789">Call</a>

аналогично, мы можем отправить сообщение WhatsApp на определенный номер (или, по крайней мере, открыть чат) без выбора пользователем номера телефона вручную, а это будет один из предопределенных параметры / значения атрибутов?

18
html mobile-website whatsapp

6 ответов

Это можно легко сделать прямо сейчас! Вам просто нужно использовать следующий формат:

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

используя этот формат, вы можете легко отправить сообщение на определенный номер.

дополнительные сведения см. В разделе https://www.whatsapp.com/faq/en/general/26000030

16

на Android, вы можете попробовать

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

заменить [countrycode_without_plus][number] с номером

6

WhatsApp теперь предоставляет гораздо более простой API https://wa.me/ Это не вводя никаких новых функций, просто более простой способ выполнения вещей. Нет необходимости проверять агент пользователя при реализации этого API, поскольку он также будет работать с собственными приложениями, а также веб-интерфейсом whatsapp (web.whatsapp.com) на рабочем столе.

это может использоваться в нескольких случаях использовать

  • A нажать на чат используйте https://wa.me/whatsappphonenumber открыть окно чата с указанный пользователь whatsapp. Обратите внимание, что whatsappphonenumber должен быть действительным номером whatsapp в международном формате без ведущих нулей,"+", " - " и пробелов. например, 15551234567

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

  • A поделитесь этим на whatsapp используйте https://wa.me/?text=urlencodedtext открыть контакт в WhatsApp диалог выбора стиля текста. например,

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

  • A свяжитесь со мной С prefilled текст : сочетание из вышеуказанных 2, могло быть полезно если вы хотите получать prefilled изготовленное на заказ сообщение от потребителей приземляясь на определенную страницу. Использовать формат 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>

для официальной документации посетите https://faq.whatsapp.com/en/general/26000030

2

к сожалению, нет возможности поместить номер в протокол whatsapp. возможно только с параметром ABID (ID адресной книги), но для этого необходимо иметь этот контакт с определенным именем. проверка Документация WhatsApp

1
1

этот ответ полезен для тех, кто хочет нажать на чат whatsapp на веб-сайте для перенаправления web.whatsapp.com с контентом по умолчанию или сообщением и в мобильном устройстве, чтобы открыть в whatsapp в мобильном приложении с контентом по умолчанию в текстовой строке в приложении.

также добавьте ссылку 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>
0