Как реализовать ссылку с номер whatsapp на сайте?

Question

[Marina181]

Как сделать ссылку на мобильной версии сайта, что бы при нажатии открывалось приложение whatsapp. Аналогично ссылке skype, телефона <a href="tel:[phone]"> и предлагало отправить смс на этот номер

Comments

[evgenyrashev5]

intent://send/89638568322#Intent;scheme=smsto;package=com.whatsapp;action=android.intent.action.SENDTO;end
можешь на пивасик закинуть,номер в сылке,работает с мобмилы только

Answer 1

[Андрей Скобелкин]

Добавлю новостей из 2к21 :)

Вот такую ссылку можно вставить на сайт:
https://api.whatsapp.com/send/?phone=79200000000
или её короткий вариант:
https://wa.me/79200000000

Такая же ссылка, но с текстом:

https://api.whatsapp.com/send/?phone=79200000000&text=Здравствуйте%2C+у+меня+есть+вопрос

или короткий вариант:

https://wa.me/79200000000?text=Здравствуйте%2C+у+меня+есть+вопрос

.
Но есть другой вариант - поставить на сайт виджет CHAT-BAR - это ссылки на мессенджеры, соц.сети и телефон, которые открываются прямо в приложениях на телефоне. Можно написать свой Call-to-action и поставить ссылку на Ватсап, Вайбер, Инстаграм, Ютуб и т.п. посмотрите здесь https://skobelkin.ru/
Вот плюсы виджета:

• Виджет бесплатный
  
• Все ссылки открываются сразу в приложениях на Андроиде и iOS правильно
  
• Конвертирует мобильный трафик в подписчиков
  
• Позволяет быстро связаться с компанией по любым средствам связи
  

---------------------
Есть конструкторы ссылок для Ватсап, выбирайте:
https://cli.co/US-49CH
https://cli.co/Hsi6gZv
https://cli.co/hvBtrev

Comments

[Эдуард Валеев]

Как я понимаю, сейчас ни
https://api.whatsapp.com/send/?phone=79200000000
ни
https://wa.me/79200000000

не работают :(

Answer 2

[webstamatique]

Это называется "Прямая связь"
Кому лень читать по ссылке, смотрите пример
https://api.whatsapp.com/send?phone=79234567890

Comments

[ilya_k]

Спасибо, то что нужно!
проверил, на iOS работает.

[HellWalk]

Кому лень читать по ссылке, смотрите пример
https://api.whatsapp.com/send?phone=79234567890

В примере телефон передается через URL, а как его "зашить" внутрь?

[HellWalk]

https://api.whatsapp.com/send?phone=79234567890

На веб-версии работает

Попробовали на компе с установленным whatsapp - переадресовывает на whatsapp://send?phone=79661944304 и сообщает о неверном адресе

[Макс]

Кодирую русский текст php функцией urlencode, в итоге получается %c7%e4%f0%e0%e2%f1%f2%e2%f3%e9%f2
Тупой вацап это не может распознать и в итоге отсылается пустое сообщение.

[lisiymax]

Как вариант: виджет ватсап на сайт без абонентской платы whatsappclick.ru
Предоставляют абсолютно чистый независимый код, который можно править как душе угодно))

Answer 3

[Beelime]

Шеринг с выбором группы (абонента)

<a href="whatsapp://send?text=<?php echo urlencode( '<TEXT>' ); ?>"
   data-action="share/whatsapp/share">WhatsApp</a>

Текст, передаваемый в ссылку, должен быть url-кодирован. В примере для этого использована функция urlencode

Шеринг конкретному абоненту

<a href="whatsapp://send?text=<?php echo urlencode( '<TEXT>' ); ?>&abid=<?php echo absint( '<ABID>' ); ?>"
   data-action="share/whatsapp/share">WhatsApp</a>

Где плейсхолдер < ABID > — это идентификатор абонента.

Comments

[HellWalk]

Не работает

[lllyx]

работает, то что искал спасибо автор

Answer 4

[freekir]

<a href="whatsapp://send?text=Hello&phone=[phone]&abid=[phone]">Message</a>

https://forum.ionicframework.com/t/open-whatsapp-i...

Answer 5

[Vera_Morozova]

https://faq.whatsapp.com/en/android/26000030/?lang=ru

Answer 6

[Антон Артёмов]

Вероятно в браузере должен быть плагин обработки ссылок для whatsapp. При установке скайпа такой плагин ставится.

Answer 7

[slavik_kozachok_official]

<a href="intent://send/+XXXXXXXXXXX#Intent;scheme=smsto;package=com.whatsapp;action=android.intent.action.SENDTO;end">Open WhatsApp chat window</a>

Пожалуйста =)

Comments

[ilya_k]

На iOS не работает точно, на андроиде проверить не могу.

[yakutia]

на андроиде тоже не работает.

[light-flight]

у меня на андройде работает

Answer 8

[Mikhail Kobzarev]

Все прекрасно работает как с огрызками так и с ведроидами, главное правильно поставить ссылки

Answer 9

[hackuna]

https://wa.me/79012345678/?text=Это%20текст

Answer 10

[Madwand]

Здесь можно сгенерить ссылки на WhatsApp, Viber и Телеграм для сайта
https://msgr.pw

Comments

[Михаил Завалко]

Спасибо за ссылку, бро!

Answer 11

[alexwww91]

Сама ссылка выглядит очень просто
https://wa.me/ + номер телефона

Пример:
https://wa.me/79991112233

Ну а дальше просто добавить стандартный тег a. Пример:

<a href="https://wa.me/79991112233">Мы в WhatsApp</a>

Я обычно забываю конструкцию, поэтому юзаю конструктор ссылок whatsapp

Answer 12

[AndreyStrekalov]

Поскольку api.whatsapp.com, а вместе с ним wa.me может не работать, нужно искать альтернативные способы создать ссылку на воцап. Подробнее написал в статье.

Если в двух словах, то можно использовать диплинк или кликбар.
Диплинк будет выглядеть так: whatsapp://send?phone=79009009090. Вместо 79009009090 нужно подставить свой номер телефона без знака +.
Кликбар будет выглядеть как визитка, где можно будет объединить ссылки и на Ватсапп, и на Телеграм, и на другие сайты и приложения. Пример кликбара.

Answer 13

[afishr]

Ссылка должна быть вида "<a href="whatsapp://[phone]"></a>".
Со скайпом такое прокатывает. (<a href="skype://[phone]"></a>).
P.S. Насчёт правильности ссылки на WhatsApp не знаю, поэксперементируй :)

Comments

[Александр Шепот]

С Вариантом ватсаппа, он вообще не должен ничего отобразить.

[afishr]

Александр Шепот: В каком смысле?

[Александр Шепот]

Alex Fisher: в том плане что будет пустое поле, даже строчечку не должен вывести. в теории.

[afishr]

Александр Шепот: В тэге a пишешь что тебе нужно

<a href="whatsapp://[phone]">СЮДА ПИШЕШЬ ЧТО ХОЧЕШЬ :)</a>

[ilya_k]

Alex Fisher: Добрый вечер, честно говоря, у меня не срабатывает так как хотелось бы, на мобильном телефоне открываю в браузере сайт в котором есть ссылка вида [phone]

при нажатии предает открыть клиент вотсапп, я нажимаю открыть и на этом все. какой должна быть конструкция, чтобы открывался например сразу чат или предлагал добавить аккаунт с номером в HREF ?

как в случае со скайп: href="skype:UserName?chat"

буду признателен ответу, спасибо.

Answer 14

[Александр Шепот]

Ссылка такого вида: <a href="whatsapp://[phone]"></a>
вообще не должена ничего отобразить.

Получается автор Антон Артёмов прав. Должен стоять какой нибудь плагин. Как например при установке того же скайпа. Без этого скайпа строчка так же не будет видна.

Answer 15

[ruslanahira7]

Здравствуйте. А у Вас получилось реализовать кликабельную кнопку Whatsapp на каком либо сайте, при помощи того метода, который Вы привели?

Answer 16

[Dzhek]

Вот такое нашёл whatsapp-sharing, но сам пока не тестировал

Comments

[ilya_k]

Если попробуете - отпишитесь пожалуйста, у меня пока руки не доходят проверить..

Answer 17

[psmokotnin]

В FAQ Whatsapp описан ответ на ваш вопрос:

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

Answer 18

[faizulina_j]

Есть еще хороший сервис https://wapp.click/
В один клик делает ссылку, пробовала, удобно.

Answer 19

[dalsconsulting]

Установить ватсап? Установить ватсап на сайт вордпресс? Вот, здесь переходите по ссылки, вводите свой номер, потом код просто устанавливаете в футер
https://webstudio.business/добавить-whatsapp-на-са...

Answer 20

[lisiymax]

Как вариант: виджет ватсап на сайт без абонентской платы whatsappclick.ru
Предоставляют абсолютно чистый независимый код, который можно править как душе угодно))

Answer 21

[Дмитрий Захарьев]

Рекомендую простой конструктор ссылок ватсап whatsaps.ru вводите номер и текст приветственного сообщения, - получаете готовую ссылку. ещё можно визуальный QR код с тей создать.

Answer 22

[Андрей П.]

Используйте https://wa.me/number, где number — это полный номер телефона в международном формате. Не используйте нули, скобки или дефисы при вводе номера телефона в международном формате.

Примеры:

Правильно: https://wa.me/1XXXXXXXXXX

Неправильно: https://wa.me/+001-(XXX)XXXXXXX

Источник: https://faq.whatsapp.com/general/chats/how-to-use-...

Answer 23

[NewTon_Studio]

Добрый день. Являюсь программистом и недавно запустил сервис с виджетами для сайта, вы найдете разные кнопки позвонить(widgets.newton-studio.com/about_call_btn) и многое другое для своего сайта...Зарегистрироваться и посмотреть все виджеты можно тут - https://widgets.newton-studio.com/
Источник: https://seoforge.ru/website/klikabelny-nomer-telef...

Answer 24

[Сергей Василенко]

Сейчас (2023г) проверил, надёжнее работает так

И телеграм вот так лучше

<a href="tg://resolve?domain=USERNAME">Telegram</a>

USERNAME без собаки

И для Whatsapp

<a href="whatsapp://send?phone=79809999999">Whatsapp</a>