Как связать/перенаправить на WhatsApp из вашего веб-приложения?

Сегодня почти все запросы, связанные с бизнесом, обсуждения в службе поддержки, статус заказа и рекламные акции — все это через WhatsApp. На рынке есть несколько крупных игроков, которые создают различных чат-ботов с искусственным интеллектом, интегрированных через WhatsApp, что помогает нам увеличить продажи нашего бизнеса.

И, конечно же, у каждого бизнеса есть свой веб-сайт или приложение, и мы хотим перенаправлять пользователей в WhatsApp по некоторым запросам и т. д. из нашего приложения.

Итак, как мы можем связать WhatsApp с нашими приложениями?

Шаг 1. Узнайте номер мобильного телефона, на который вы хотите перенаправлять пользователей
Создайте ссылку в следующем формате: -

https://wa.me/<number>

Где ‹номер› — это полный номер телефона в международном формате. Не используйте скобки, тире, знаки плюс и ведущие нули при добавлении номера телефона в международном формате.

Пример:

Используйте: https://wa.me/15551234567

Не используйте: https://wa.me/+001-(555)1234567

Примечание. Это называется универсальной ссылкой и является предпочтительным методом привязки к учетным записям WhatsApp в соответствии с их документацией.

Шаг 2. Прикрепите эту ссылку к обработчику событий
Существуют разные способы прикрепить эту ссылку к вашему приложению, например прикрепить значок WhatsApp на веб-сайте, кнопку на странице и т. д.

Пример:

Как вы можете видеть в приведенном выше коде, мы прикрепили нашу универсальную ссылку WhatsApp к этому тегу привязки, и когда пользователь нажмет на нее, он перенаправит пользователя на WhatsApp.

А вы что-нибудь заметили после номера?
?text=hi

Знаете ли вы, что это значит?

Шаг 3. Добавьте предварительно заполненное сообщение в текстовое поле чата

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

https://wa.me/whatsappphonenumber/?text=urlencodedtext

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

Пример:
https://wa.me/15551234567?text=Мне%20интересно%20в%20вашем%20автомобиле%20для%20продажи

Вот и все!

“This is the final URL, you can use to redirect users from your application to WhatsApp”.

Примечание. Будьте внимательны, когда вы отправляете предварительно заполненное сообщение, оно должно быть encoded.

Пример:
https://wa.me/15551234567?text=hi

Этот тип сообщения будет работать без кодирования, но если ваше сообщение состоит из любого уникального символа, такого как & , @ и т. д., то оно будет обрезано перед этим специальным символом.

Пример:
https://wa.me/15551234567?text=butter & body

Он будет отправлять масло только в виде предварительно заполненного сообщения, так как оно не закодировано.

В JavaScript вы можете использовать компонент encoded URI для кодирования сообщения.

Пример: https://wa.me/91**********?text=${encodeURIComponent(whatsAppText)}

Да, пока все.

Пожалуйста, поделитесь своим мнением в разделе комментариев, и да, обратная связь приветствуется.
Надеюсь, вам понравится и вы поделитесь этим для лучшего охвата
Ознакомьтесь с другими моими статьями на — https:/ /medium.com/@aayushtibra1997
Спасибо за внимание :)

Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter и LinkedIn. Посетите наш Community Discord и присоединитесь к нашему Коллективу талантов.