Как добавить Whatsapp на сайт

Как добавить Whatsapp на сайт

Если вам нужно добавить whatsapp на сайт не прибегая к всевозможным платным решениям, то проще всего воспользоваться плагином или созданной ссылкой (можно в виде кнопки). Плагинов, предлагающих бесплатное решение задачи, больше одного, то есть несколько. Мне более всего понравился Click to Chat, прежде всего своей простотой и надежностью. У плагина есть и PRO версия, но она потребуется скорее для специфических и более сложных решений.

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

Click to Chat виджет whatsapp для сайта

Как это работает

Работает это как ссылка с вашим номером Whatsapp. При нажатии на кнопку, посетителя перенаправляет на Web Whatsapp или приложение Whatsapp, если посетитель зашел на сайт с телефона (планшета) с установленным приложением.

Как создать ссылку на Whatsapp

Давайте рассмотрим как создать ссылку Whatsapp самостоятельно, а потом перейдем к настройкам плагина Click to Chat.

Итак, ссылка формируется просто

https://wa.me/XXXXXXXXXX

Где XXXXXXXXXX - это полный номер в международном формате. Нельзя использовать скобки, плюсики (+7), нули (в начале номера), дефисы и пробелы. После установки номера обязательно протестируйте и убедитесь в правильной работе ссылки.

Настройка плагина Click to Chat - Whatsapp

После установки плагина, достаточно будет произвести всего пару настроек.
Первое - это в разделе Номер WhatsApp - указать свой номер (номер на который будут писать или звонить посетители сайта). Код страны можно не указывать, а полностью записать все в номер телефона;
Второе - настроить положение кнопки в нижней части экрана сайта в разделе Стиль, позиция.

Номер WhatsApp

Номер WhatsApp

Стиль, позиция

Стиль, позиция
Вот и все. Дешево и сердито.
Можно еще поиграться со стилями оформления кнопки, которых там представлено целых восемь штук, но по мне так дефолтовый самое оно то. Вот теперь точно все.

Автор

iwon

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *