Помощник, который всегда под рукой.
Создано с любовью, чтобы беречь Ваше время и деньги
ЗАГРУЗКА...
Настройка виджета BAZBIT
Как зарегистрировать сайт, получить правильные ссылки для каналов связи и установить код кнопки
Мульти-виджет собирает в одной плавающей кнопке сразу несколько способов связи — ВКонтакте, WhatsApp, Telegram, MAX, почту и телефон. Ниже разобрано всё по порядку: как зарегистрировать сайт в конструкторе, в каком формате вставлять ссылку для каждого канала, и как установить готовый код на сайт — с инструкциями под Битрикс, Тильду, Креатиум, WordPress и любую другую CMS.
Перед вставкой в конструктор виджета проверьте свою ссылку: откройте её в новой вкладке браузера. Если открылся именно тот чат, профиль или диалог, который нужен — формат верный, можно вставлять в поле.
Регистрация сайта
Как зарегистрировать сайт и получить код виджета
Регистрация занимает пару минут и проходит прямо в конструкторе выше, без отдельной формы или письма с подтверждением.
1
Укажите номер телефона
Он же логин: именно к этому номеру будет привязан ваш аккаунт и доступ к настройкам виджета.
2
Придумайте кодовое слово
Это пароль — он понадобится для входа в настройки, редактирования виджета и оплаты тарифа.
3
Укажите адрес сайта
Домен, на котором будет установлен виджет. Привязка кода к конкретному сайту защищает от копирования виджета на чужие ресурсы.
4
Отметьте каналы связи и настройте внешний вид
Выберите нужные способы связи, вставьте ссылки в правильном формате (см. раздел ниже) и настройте цвет, размер, иконку и расположение кнопки.
5
Нажмите «Получить код (7 дней бесплатно)»
Конструктор сгенерирует готовый код виджета для вставки на сайт — как именно его установить, показано в разделе с инструкциями по CMS ниже.
Ссылки для каналов связи
В каком формате вставлять ссылку в поле виджета
У каждого канала связи — свой формат ссылки. Если вставить её неверно, кнопка либо не сработает, либо откроет не тот чат. Ниже — рабочий пример на каждый канал: замените в нём данные на свои и скопируйте результат в соответствующее поле конструктора.
ВКонтакте
Короткая ссылка на личный профиль вида vk.me/id... — найдите её в настройках профиля ВК, либо укажите адрес сообщества.
Пример: vk.me/id123
WhatsApp
Номер телефона в международном формате без плюса, пробелов и скобок — только цифры после wa.me/.
Пример: wa.me/79991234567
Telegram
Имя пользователя после t.me/ — своё или канала. Для приглашения в закрытый чат подойдёт инвайт-ссылка вида t.me/+....
Пример: t.me/username
MAX
В MAX нет короткого имени пользователя — ссылку на профиль можно получить только внутри приложения: откройте свой QR-код в настройках и нажмите «Поделиться» или «Скопировать ссылку». Получится адрес вида max.ru/u/... — вставьте его как есть, придумывать самому здесь нечего.
Пример: max.ru/u/ваш_код_из_приложения
Написать на почту
Просто адрес электронной почты, без mailto: в начале — это добавится автоматически.
Пример: example@mail.ru
Позвонить
Номер телефона в международном формате со знаком «плюс» — именно на него будет совершён звонок при нажатии.
Пример: +79991234567
Протокол https:// в начале ссылки писать не обязательно — виджет добавит его сам, если он отсутствует. А вот значок «@» перед именем пользователя, пробелы и лишние символы стоит убрать вручную: автоматической очистки от них не предусмотрено, и ссылка может не сработать.
Установка на сайт
Как добавить код виджета на сайт — пошагово для вашей платформы
После сохранения настроек конструктор выдаёт один небольшой фрагмент кода — тег <script>. Его нужно вставить один раз в любое место, откуда он подключится на всех страницах сайта. Выберите свою платформу — ниже конкретные шаги для неё.
1
Откройте настройки сайта
В редакторе Тильды нажмите на значок шестерёнки в верхней панели, чтобы открыть настройки всего сайта, а не отдельной страницы.
2
Найдите раздел «Ещё»
Перейдите во вкладку «Ещё» — там находится поле для кода, который должен работать на всех страницах сайта сразу.
3
Вставьте код в поле «Перед </body>»
Найдите поле «Вставить код в HEAD или перед закрывающим тегом </body>» и вставьте туда код виджета, полученный в конструкторе.
4
Сохраните и опубликуйте сайт
Нажмите «Сохранить», затем опубликуйте сайт — без публикации изменения не появятся на живых страницах.
5
Проверьте кнопку на сайте
Откройте опубликованный сайт в новой вкладке — кнопка виджета должна появиться в углу экрана в течение минуты-двух.
1
Откройте настройки сайта
В редакторе Креатиума перейдите в «Настройки сайта» — обычно значок находится в верхнем меню редактора.
2
Найдите «Дополнительный код»
В настройках отыщите раздел с названием «Дополнительный код», «Аналитика и коды» или «Коды для вставки» / «Свой код» — формулировка может отличаться в зависимости от версии редактора.
3
Вставьте код перед </body>
Вставьте полученный код виджета в поле «Код перед закрывающим тегом </body>» — так кнопка будет работать сразу на всех страницах сайта.
4
Сохраните и опубликуйте
Сохраните изменения и опубликуйте сайт, чтобы они применились на рабочей версии.
5
Только для одной страницы
Если кнопка нужна не на всём сайте, а на конкретной странице — добавьте на неё блок «HTML-код» из панели элементов и вставьте код туда вместо общих настроек.
1
Если сайт сделан в конструкторе Bitrix24
Откройте нужную страницу в визуальном редакторе, добавьте компонент «HTML-код» и вставьте в него скрипт виджета.
2
Чтобы кнопка была на всех страницах
Проверьте раздел «Настройки» → «Другие настройки» на наличие поля для пользовательского кода или счётчиков — оно встречается не во всех тарифах и шаблонах.
3
Если используется классический 1С-Bitrix
Такого поля в интерфейсе может не быть — тогда код добавляется прямо в файл шаблона сайта footer.php, перед тегом </body>.
4
Лучше доверить это программисту
Работа с файлами шаблона требует технических навыков и отличается в зависимости от версии и лицензии Bitrix — если вы не уверены, передайте код и эту инструкцию своему разработчику.
5
Проверьте результат
После сохранения откройте сайт и убедитесь, что кнопка появилась в выбранном углу экрана.
1
Установите плагин для вставки кода
Самый безопасный способ — плагин вроде «WPCode» или «Insert Headers and Footers»: Плагины → Добавить новый → введите название → Установить → Активировать.
2
Откройте настройки плагина
Найдите поле «Footer» или «Код в подвале сайта» — оно предназначено именно для скриптов, которые должны загружаться на каждой странице.
3
Вставьте код и сохраните
Вставьте туда код виджета из конструктора и сохраните настройки плагина.
4
Альтернатива без плагина
Внешний вид → Редактор темы → файл footer.php → вставьте код прямо перед строкой </body>. Подходит, если тема не обновляется автоматически — иначе правки могут слететь при обновлении.
5
Обновите сайт в браузере
Кнопка виджета должна появиться на всех страницах сразу после сохранения.
1
Найдите раздел для своего кода
В настройках сайта поищите пункт «Дополнительный код», «Настройки шапки и подвала», «Инструменты веб-мастера» или «Код перед </body>» — почти в каждом конструкторе такая возможность есть, просто названа по-своему.
2
Или используйте HTML-блок
Если общего поля нет — узнайте, поддерживает ли платформа блок «HTML-код» / «Произвольный HTML», который можно добавить прямо на страницу.
3
Вставьте код виджета
Скопируйте код, полученный в конструкторе выше, и вставьте его в найденное поле или блок.
4
Если ничего из этого недоступно
Передайте код и эту инструкцию разработчику сайта — задача сводится к одной строке <script>, которую нужно разместить один раз перед закрывающим тегом </body> в шаблоне сайта.
5
Сохраните и проверьте
Опубликуйте изменения и откройте сайт в браузере, чтобы убедиться, что кнопка появилась.
Вопросы об установке
Что чаще всего спрашивают про ссылки и установку виджета
Собрали ответы на вопросы, которые возникают чаще всего при заполнении ссылок и вставке кода на сайт.
Куда вставлять код, если в настройках моего конструктора нет поля «перед </body>»?
Поищите раздел с названием «Дополнительный код», «Свой HTML», «Счётчики и коды» или «Head/Footer-код» — в большинстве конструкторов такая возможность есть, просто называется по-разному. Если раздела действительно нет, разместите код через блок «HTML-код» отдельно на каждой нужной странице.
Почему кнопка не появилась на сайте после вставки кода?
Чаще всего дело в кэше — обновите страницу с полной очисткой кэша (Ctrl+F5) или откройте сайт в режиме инкогнито. Также проверьте, что код вставлен целиком без изменений и что сайт опубликован после вставки: в большинстве конструкторов правки применяются только после публикации.
Нужно ли переустанавливать код на сайте при смене цвета, каналов связи или других настроек?
Нет. Код на сайте остаётся неизменным — все настройки внешнего вида и каналов связи обновляются автоматически на стороне сервиса сразу после сохранения в конструкторе, без повторной вставки кода.
Можно ли использовать один и тот же код виджета на нескольких сайтах?
Нет, код привязывается к одному домену при первом запуске — это защищает от копирования виджета на чужие сайты. Для второго сайта нужно создать отдельный виджет в конструкторе.
Обязательно ли заполнять все каналы связи сразу?
Нет, добавьте только те каналы, которыми действительно пользуетесь, — остальные чекбоксы в конструкторе можно просто не отмечать, тогда в списке появятся лишь выбранные способы связи.
Что делать, если потерял данные от аккаунта — логин или кодовое слово?
При регистрации в поле «Логин» рекомендуем указывать именно свой личный номер телефона — получить данные для входа в настройки виджета можно только на него. Если при создании виджета был указан другой номер или доступа к этому телефону сейчас нет, для восстановления нужно знать минимум два из трёх параметров учётной записи: логин (телефон), кодовое слово и адрес сайта, на котором установлен виджет. Это обязательное условие — только так можно убедиться, что данные запрашивает действительно владелец аккаунта, а не посторонний человек.
Обращение по восстановлению нужно отправить через кнопку «Служба поддержки», подробно описав суть проблемы. Если вы знаете только один параметр — только логин, только адрес сайта или только кодовое слово, — восстановить доступ не получится ни при каких обстоятельствах. Поэтому обязательно сохраняйте свои учётные данные сразу после создания виджета.
Как оплатить подписку?
Для оплаты доступа в поле «Оплата тарифа» введите Ваш логин (номер) и кодовое слово (пароль), затем нажмите кнопку «Проверить». После проверки на экране отобразится информация о Вашем аккаунте, включая данные о текущем сроке действия подписки.
Выберите подходящий тариф и нажмите кнопку «Активировать». После этого Вы будете автоматически перенаправлены на страницу оплаты ЮKassa. После успешной оплаты выбранный тариф будет активирован автоматически.
Чтобы проверить информацию о действующем тарифе, выполните те же действия с вводом логина и пароля и нажатием кнопки «Проверить».
Я оплатил тариф, но не пользуюсь виджетом — можно вернуть деньги?
Нет. Тариф выбирает сам пользователь исходя из своих задач, и, оплачивая его, соглашается с условиями публичной оферты. Оплата за выбранный период не возвращается независимо от того, используется виджет активно или нет.
Сайт переехал на новый домен — можно перенести туда виджет?
Да. Войдите в настройки виджета по своему логину (телефону) и кодовому слову, укажите в поле «Сайт для установки» новый адрес и сохраните изменения. После этого привязка к прежнему домену снимается автоматически, и работа виджета на старом сайте завершается — код нужно установить на новом сайте.