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

Мульти-виджет контактов с кнопками 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 или общий шаблон сайта,
  • настройки CMS: “код в футере”, “скрипты перед </body>”,
  • блок “Пользовательский HTML/JS” в конструкторе.

Подсказки по заполнению:
  • WhatsApp: только цифры, международный формат (например, 79031234567).
  • Telegram: username без @ (например, username).
  • Instagram: логин без @, откроется Direct.
  • Телефон: +7… или 79… (откроется звонок на телефоне).
  • Email: обычный email, откроется почтовый клиент.
  • MAX: укажите прямую ссылку на чат или профиль.
В виджете показываются только включённые способы связи, у которых заполнены значения.

Перетаскивайте строки в блоке “Какие способы связи показывать” за значок “☰”.

Этот порядок сохраняется и применяется в самом виджете после установки кода.

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

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

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

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

Да. Вы можете сгенерировать разные коды и вставить их на разные страницы.

Главное: не подключайте на одной странице сразу несколько разных кодов виджета, иначе они будут конфликтовать.