WhatsApp — одно из самых популярных приложений мессенджеров в мире, которое используется миллионами людей для общения с друзьями, семьей и клиентами. Если у вас есть собственный сайт и вы хотите добавить возможность для посетителей отправлять сообщения в WhatsApp прямо с вашего сайта, то вам потребуется некоторая настройка.
В этой статье мы подробно расскажем, как добавить чат WhatsApp на сайт с помощью ссылки. Процесс довольно простой и не требует особых навыков в программировании. Следуя нашей инструкции, вы сможете легко добавить функцию чата WhatsApp в свой сайт.
Примечание: Для того чтобы добавить чат WhatsApp на сайт, вам необходимо иметь учетную запись WhatsApp Business. Если у вас еще нет учетной записи WhatsApp Business, вам необходимо ее создать на официальном сайте WhatsApp.
Теперь, когда у вас есть учетная запись WhatsApp Business, мы можем приступить к настройке функции чата на вашем сайте. Сначала вам необходимо войти в свою учетную запись WhatsApp Business и создать номер телефона WhatsApp, который будет использоваться для общения с клиентами на вашем сайте.
Выбор подходящего плагина
Перед тем как добавить чат WhatsApp на сайт, необходимо выбрать подходящий плагин, который позволит встраивать чат веб-приложения на вашем сайте. Есть несколько вариантов плагинов, которые можно использовать:
- WhatsApp Share Button — позволяет вставлять кнопку «Поделиться в WhatsApp» на вашем сайте, которая отправляет ссылку на страницу в чат WhatsApp;
- WhatsApp Click to Chat — создает кнопку, после нажатия на которую будет открываться чат на WhatsApp с предварительной заранее введенной текстовой информацией;
- WhatsApp Chat Button — позволяет добавлять на сайт фиксированную кнопку для чата, чтобы посетители могли прямо с сайта общаться в WhatsApp.
Выбор подходящего плагина зависит от ваших целей и требований. Если вам нужно просто позволить пользователям поделиться контентом сайта в WhatsApp, то WhatsApp Share Button будет хорошим выбором. Если вы хотите обеспечить быструю связь с посетителями вашего сайта, то WhatsApp Click to Chat или WhatsApp Chat Button будут более подходящими вариантами. Исследуйте каждый плагин и выберите тот, который лучше всего соответствует вашим потребностям.
Регистрация в WhatsApp Business
Для добавления чата WhatsApp на ваш сайт, вам необходимо зарегистрироваться в WhatsApp Business и получить API ключ.
Шаги для регистрации:
- Перейдите на официальный сайт WhatsApp Business.
- Нажмите на кнопку «Скачать» и установите приложение на свой смартфон.
- Откройте приложение и выберите язык.
- Прочтите и принимайте условия использования сервиса, нажав на кнопку «Принять и продолжить».
- Введите номер телефона, который будет использоваться для бизнес-чата.
- Подтвердите номер телефона, следуя инструкциям на экране.
- Введите название вашего бизнеса.
- Настройте профиль вашего бизнеса, добавив логотип, описание и другую информацию.
- Подтвердите права на управление выбранным номером телефона.
- Сохраните свой API ключ, который будет использоваться для интеграции чата WhatsApp на вашем сайте.
После успешной регистрации и получения API ключа, вы можете приступить к интеграции чата WhatsApp на вашем сайте по ссылке.
Получение API-ключа и ссылки для чата
Для добавления чата WhatsApp на сайт необходимо получить API-ключ и ссылку. В этом разделе мы подробно рассмотрим процесс получения этой информации.
| Шаг | Описание |
|---|---|
| 1 | Зайдите на официальный сайт WhatsApp. |
| 2 | Если у вас уже есть аккаунт WhatsApp Business, войдите в него, в противном случае создайте новый аккаунт. |
| 3 | Войдите в свой аккаунт и перейдите в раздел «Настройки» или «Settings». |
| 4 | В настройках найдите раздел «WhatsApp для бизнеса» или «WhatsApp Business». |
| 5 | В разделе «WhatsApp для бизнеса» найдите подраздел «Бизнес-инструменты» или «Business Tools». |
| 6 | В «Бизнес-инструментах» найдите и выберите «API WhatsApp для бизнеса» или «WhatsApp Business API». |
| 7 | Следуйте инструкциям для получения API-ключа и ссылки для чата. |
Когда вы получите API-ключ и ссылку для чата, сохраните их в безопасном месте, так как вам понадобятся эти данные для добавления чата WhatsApp на ваш сайт.
Настройка кнопки чата на сайте
После добавления скрипта WhatsApp на ваш сайт, вы можете добавить кнопку чата, чтобы посетители сайта могли легко связаться с вами через WhatsApp.
Для настройки кнопки чата, вам необходимо выполнить следующие шаги:
- Добавьте следующий код перед закрывающим тегом </body> вашей страницы:
- Добавьте следующий HTML-код на страницу, где вы хотите отобразить кнопку чата:
- Сохраните изменения и обновите вашу страницу.
<script type="text/javascript">
var wa = document.createElement('script');
wa.type = 'text/javascript';
wa.async = true;
wa.src = 'https://www.widgetsapp.io/wa.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wa, s);
</script>
<a href="https://wa.me/номер_вашего_телефона">
<img src="https://www.widgetsapp.io/chat-button.png" alt="WhatsApp Chat" />
</a>
Примечание: Замените «номер_вашего_телефона» на ваш реальный номер телефона в международном формате, например, «+79123456789».
Теперь у вас на сайте будет отображаться кнопка чата WhatsApp. Посетители смогут нажать на кнопку и связаться с вами через WhatsApp. Вам необходимо будет установить приложение WhatsApp на своем устройстве и настроить ваш аккаунт для общения с клиентами.
Тестирование функционала и запуск чата
После того, как вы добавили коды WhatsApp на свой сайт, важно протестировать работу чата перед его запуском.
Для тестирования чата, войдите на свой сайт как обычный пользователь и проверьте следующие вещи:
1. Убедитесь, что иконка WhatsApp отображается на каждой странице сайта, где вы хотите, чтобы посетители могли связаться с вами.
2. Нажмите на иконку WhatsApp и убедитесь, что чат открывается без каких-либо ошибок или задержек.
3. Проверьте, что номер WhatsApp, который был указан при регистрации, отображается в чате корректно.
4. Отправьте тестовое сообщение в чат и проверьте, что оно успешно доставлено в ваш WhatsApp-аккаунт.
5. Убедитесь, что уведомления о новых сообщениях работают корректно. Попросите друга или коллегу отправить вам сообщение через чат и проверьте, что вы получаете уведомление о новом сообщении.
После успешного прохождения всех тестов, вы можете окончательно запустить чат на своем сайте. Убедитесь, что на все страницы сайта добавлен код WhatsApp, а чат полностью функционирует и готов принимать сообщения от ваших посетителей.