Это старая версия документа!
По этой ссылке эта же форма, но её можно добавить в закладки для быстрого доступа.
Для быстрого открытия чата введите в строке адреса soloshin.su/wa/ и номер телефона, начиная с 7 или +7, к примеру soloshin.su/wa/79991234567, и нажмите ввод или «перейти».
Частенько приходится общаться с кем-то разово – доставка, продавцы и прочие-прочие. WhatsApp, увы, не дает этого делать просто так – ну нет такой кнопки! Да, знаю, в Интернете есть сайты1), которые позволяют ввести нужный номер и переадресовывают на API WhatsApp'а, который в свою очередь переадресовывает в приложение и – профит!
Но тут есть нюанс – рекламы на таких сайтах обычно нет, услуга бесплатная, но! Но домен и хостинг кто-то же должен оплачивать?! А кто это будет делать просто так из своего кармана? Вот тут-то и закрадывается мысль, а не прикарманивают ли такие сайты вводимые номера телефонов на продажу2)…
А что, технически, это легко и просто – люди сами вводят телефоны, геолокацию, хотя бы примерную, узнать не проблема – почему бы и не продать.
Именно поэтому некоторое время назад я задумался, а не сделать ли мне свою такую штуку для личного использования?.. Обращаться напрямую к API как-то не удобно, длинный все же. Вот он, собственно, адрес, куда все эти сайты переадресовывают – https://api.whatsapp.com/send?phone=, добавляя в конце нужный нам номер.
Как обычно, сперва сделал так, потом подумал-подумал и сделал сяк.
Выбрал самый простой и удобный вариант – определенным образом настроенный редирект в .htaccess:
RewriteEngine On RewriteRule ^wa/(.*) https://api.whatsapp.com/send?phone=$1 [L]
Опять же, простейший код:
<style>
input.localTel {
font-family: Consolas,"Andale Mono WT","Andale Mono","Bitstream Vera Sans Mono","Nimbus Mono L",Monaco,"Courier New",monospace;
}
</style>
<form action="https://api.whatsapp.com/send">
<p>Введите или вставьте номер телефона в это поле <input class="localTel" size="12" type="tel" required placeholder="+79991234567" name="phone"> и нажмите <input class="localTel" value="Написать!" type="submit"></p>
</form>
Объяснение использованных атрибутов тут.
Обсуждение