Как подключить виджет онлайн-записи к своему сайту за 5 минут

Если у вас есть сайт и вы оказываете услуги по записи — парикмахерская, массаж, психологическая практика, тренировки, репетиторство — вам нужна кнопка «Записаться онлайн». Без неё клиенты пишут в директ, теряются и забываются. Hi Client позволяет добавить такую кнопку за 5 минут, без разработчика и на любой CMS.

Что такое виджет Hi Client

Это маленький JavaScript-скрипт. Вы вставляете одну строку в код своего сайта, и на всех страницах появляется плавающая кнопка «Записаться онлайн». При клике открывается модальное окно с вашей витриной услуг, специалистами и календарём свободных слотов. Клиенту не нужно никуда переходить и регистрироваться.

Шаг 1. Зарегистрируйтесь

Откройте hiclient.ru/admin/register и создайте аккаунт. Это занимает минуту: e-mail, пароль, название бизнеса.

Шаг 2. Пройдите быстрый онбординг

После регистрации система проведёт вас по короткому мастеру:

• укажите часы работы по дням недели;
• добавьте 2–3 ключевые услуги с длительностью и ценой;
• добавьте специалистов, если их несколько.

Этого достаточно, чтобы начать принимать записи.

Шаг 3. Скопируйте код виджета

В админке слева — кнопка «Код виджета». Откройте её, скопируйте сниппет вида:

<script src="https://hiclient.ru/w/loader.js" data-org-id="ваш-id"></script>

Шаг 4. Вставьте на сайт

Вставка отличается чуть-чуть в зависимости от платформы, но суть одна — добавить скрипт перед закрывающим тегом </body>:

Tilda

Откройте «Настройки сайта» → «Ещё» → «HTML-код для вставки внутри HEAD». Вставьте сниппет, опубликуйте сайт.

WordPress

В админке: «Внешний вид» → «Редактор тем» → footer.php → вставьте перед </body>. Или используйте плагин Header and Footer Scripts.

Wix / Bitrix / самописный сайт

В большинстве конструкторов есть блок «Произвольный HTML» или поле «Пользовательский скрипт». Принцип одинаковый: вставить сниппет один раз, и кнопка появится на всех страницах.

Шаг 5. Проверьте работу

Откройте свой сайт в инкогнито-режиме. В правом нижнем углу появится зелёная кнопка «Записаться онлайн». Кликните, пройдите запись как клиент. В админке Hi Client запись отобразится в реальном времени.

Если кнопка не появилась — проверьте, что сниппет вставлен именно перед </body>, а не где-то в HEAD. И что data-org-id совпадает с ID вашей организации.

Что дальше

После того как виджет работает, имеет смысл подкрутить детали: загрузить логотип, выбрать фоновую картинку для виджета, настроить какие поля собирать с клиента (email, дата рождения, имя на латинице — зависит от ниши). Всё это в разделе «Настройки» → «Виджет».

Если что-то идёт не так — пишите на support@hiclient.ru, поможем разобраться.