Как связать/перенаправить на 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 и присоединитесь к нашему Коллективу талантов.