Как встроить кнопки мессенджеров и соцсетей на сайт?

Выражение "проще паренной репы" недостаточно ёмко выражает насколько это просто

РубрикаСложность материалаЛЁГКАЯВремя на чтение5 минут

Ingredients

Directions

Как встроить кнопки мессенджеров и соцсетей на сайт?

Вначале было слово. Потом появились чаты, а затем и социальные сети с мессенджерами и эмоджи 🙃. Если ты работаешь в сегменте B2C, то тебе жизненно необходимо иметь множество каналов связи как со своими текущими, так и с потенциальными клиентами. К счастью, велосипед уже изобрели и раздают бесплатно.

В детстве мама всегда говорила — «подрастёшь — поймёшь». Но если тебе до сих пор не совсем понятны все прелести вебдева, то рекомендуем обратиться к профессионалам, занимающихся разработкой мобильных приложений и созданием сайтов в Уфе. Диджитал агентство Halikov studio предоставляет  целый спектр различных цифровых услуг: создание сайтов в Уфе, продвижение, анализ, аудит, редизайн существующего проекта и даже написание собственной CRM-системы. Кстати, проверить работу их SEO-специалиста сможешь  потом с помощью инструмента https://pos10.ru — сервиса бесплатной проверки позиций сайта в поисковиках Яндекс и Google.

Настраиваем виджет

Заходим в сервис https://getbtn.com/widget.php — здесь будет первоначальная настройка виджета. Из интересных функций выделим «пульсация». Это анимация, которая дополнительно привлекает внимание к кнопке и при этом, на удивление, не бесит. Чтобы добавить нужную кнопку в свой виджет, щелкаем на иконке, настраиваем её и не забываем вставлять ссылку на профиль и/или чат

Таким образом добавляем все каналы связи, которые вам необходимы. Направление открывания лучше оставить TOP, просто потому что пользователи к такому привыкли. Чтобы получить код, введите e-mail и нажмите «Получить код». Правда, не очень понятно, зачем вводить электронную почту, т.к. код нам показывают сразу, да и на почту в итоге ничего не пришло

Вставляем на сайт

Код, что пришел на e-mail необходимо вставить на сайт. Самый каноничное место для этого — футер. На самом деле подойдет любой участок кода, который заключен в теги <body></body>, но обычно для такого рода виджетов выбирают именно подвал. Сделать это можно через редактор кода, если у вас есть WordPress и установлены соответствующие права на файл. Проще это сделать через FTP-клиент — мы использовали FileZilla.

Находим в структуре сайта файл footer.php и открываем его для редактирования. Находим какое-нибудь укромное место, только не вставляйте его в открытый тэг <script>, а то порушите какой-нибудь сценарий на сайте. В нашем случае это выглядело так

Как это выглядит

Убедимся воочию, что наш бэст практис работает как нужно. После того, как мы сохранили изменения в файле footer.php, перезагружаем главную страницу

Виджет отображается и ссылки открываются. Profit!