Как добавить 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

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

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

Оцените статью
Разработка сайтов и SEO продвижение г.Москва
Добавить комментарий