Для быстрого открытия чата введите в строке адреса soloshin.su/wa/ и номер телефона, начиная с 7 или +7, к примеру soloshin.su/wa/79991234567, и нажмите ввод или «перейти».

Частенько приходится общаться с кем-то разово – доставка, продавцы и прочие-прочие. WhatsApp, увы, не дает этого делать просто так – ну нет такой кнопки! Да, знаю, в Интернете есть сайты¹⁾, которые позволяют ввести нужный номер и переадресовывают на API WhatsApp'а, который в свою очередь переадресовывает в приложение и – профит!

Но тут есть нюанс – рекламы на таких сайтах обычно нет, услуга бесплатная, но! Но домен и хостинг кто-то же должен оплачивать?! А кто это будет делать просто так из своего кармана? Вот тут-то и закрадывается мысль, а не прикарманивают ли такие сайты вводимые номера телефонов на продажу²⁾…

А что, технически, это легко и просто – люди сами вводят телефоны, геолокацию, хотя бы примерную, узнать не проблема – почему бы и не продать.

Именно поэтому некоторое время назад я задумался, а не сделать ли мне свою такую штуку для личного использования?.. Обращаться напрямую к 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" maxlength="12" type="tel" required placeholder="+79991234567" name="phone"> и нажмите <input value="Написать!" type="submit"></p>
</form>

Объяснение использованных атрибутов тут.