Виджет контактов для сайта

Мульти-виджет контактов с кнопками WhatsApp, Telegram, Instagram, MAX, Email и телефона. Настройте нужные способы связи и вставьте готовый код на сайт.

Через сколько секунд показать виджет после загрузки страницы.
Примеры:
0 — сразу
5 — через 5 секунд
15 — через 15 секунд
На сколько дней скрыть виджет после закрытия пользователем.
Примеры:
0 — показывать всегда
1 — скрыть на 1 день
7 — скрыть на неделю

Какие способы связи показывать в виджете
Перетаскивайте строки вверх/вниз за “ручку” слева, так задаётся порядок кнопок.
Формат: 79XXXXXXXXX
Без @
Без @
Для MAX указывается прямая ссылка
Откроется почтовый клиент
Формат: +7… или 79…
Ваш код для вставки на сайт
1. Скопируйте код выше.
2. Вставьте его перед закрывающим тегом </body> на вашем сайте.
3. Сохраните изменения и обновите страницу сайта.

Если вы не уверены, где именно вставлять код, или не получается установить виджет самостоятельно — напишите мне, я помогу с установкой или установлю виджет за вас на платной основе.

Ответы на частые вопросы

Это контактный виджет обратной связи для сайта: он показывает кнопку “Связаться”, а внутри открывает окно с вашими способами связи (WhatsApp, Telegram, Instagram, MAX, Email, телефон).

Зачем он нужен:
  • даёт посетителю быстрый выбор, куда написать,
  • увеличивает обращения и заявки без форм,
  • выглядит аккуратно и не ломает дизайн сайта.

Всё делается прямо на этой странице:
  • укажите имя, статус и текст приветствия,
  • включите нужные способы связи и заполните поля,
  • перетащите строки вверх/вниз, чтобы задать порядок кнопок,
  • скопируйте готовый код из блока “Ваш код для вставки на сайт”.
После каждого изменения код обновляется автоматически, а справа вы видите живой предпросмотр.

Вставляйте код перед закрывающим тегом </body>.

Где это обычно находится:
  • в файле шаблона (footer.php, layout, base.html),
  • в настройках CMS (вставка “в подвал”, “перед </body>”, “footer scripts”),
  • в конструкторе сайта (блок “Пользовательский код” или “HTML в футере”).
Если не получается найти место для вставки — напишите мне, помогу с установкой или установлю на платной основе.

Порядок задаётся перетаскиванием строк в блоке “Какие способы связи показывать”. Перетащите строку за значок “☰” вверх или вниз.

В коде порядок сохраняется в параметре data-services (это список кнопок в нужной последовательности).

  • Когда показать виджет (секунды): через сколько секунд после загрузки страницы автоматически откроется окно виджета.
  • Не показывать повторно (дни): если пользователь закрыл виджет, он не будет открываться автоматически указанное число дней.
При клике на кнопку “Связаться” пользователь всегда сможет открыть виджет вручную.

Быстрый чек-лист:
  • код вставлен на страницу перед </body>,
  • страница действительно сохранилась и обновилась,
  • не включён блокировщик (AdBlock) или строгая защита в браузере,
  • на сайте нет жёсткой политики безопасности (CSP), которая блокирует внешние скрипты,
  • подождите задержку показа (если стоит 15 секунд, он не появится мгновенно).
Если всё равно не запускается — напишите мне, посмотрю и помогу.

Виджет подключается одним скриптом и обычно не влияет на SEO негативно. Он не заменяет контент страницы, а добавляет функциональность для связи.

Чтобы всё было максимально аккуратно:
  • не ставьте слишком агрессивный автопоказ (например, 0 секунд на всех страницах),
  • оставляйте понятный текст приветствия и кнопку,
  • используйте только реальные контакты, чтобы посетитель не уходил в раздражении.

Да. Вы можете сгенерировать разные коды и вставить их на разные страницы. Например:
  • на страницу “Контакты” — все способы связи,
  • на страницу услуги — только WhatsApp и звонок,
  • на страницу магазина — WhatsApp + Telegram поддержка.
Главное — не подключайте на одной странице сразу несколько разных кодов виджета одновременно.