Как сделать онлайн запись на сайте — 4 способа
28 мая 2026 · 8 мин чтения
Вечер воскресенья. Клиент листает Instagram, видит ваши работы, переходит на сайт. На странице — номер телефона и адрес. Звонить в 23:00 неловко, писать в WhatsApp — а вдруг не ответят. Закрывает вкладку. Утром забывает. Записывается к другому мастеру, у которого на сайте кнопка «Выбрать время».
По данным Phorest, 35% записей в бьюти-индустрии происходят в нерабочее время. Если на сайте нет онлайн-записи — эти клиенты уходят туда, где она есть.
Разберём 4 способа добавить запись на сайт — от самодельных форм до готовых виджетов. Для каждого — что получите, на что потратите время и где подвох.
Содержание
Так выглядит ваше расписание в Queue — клиент записывается сам, запись падает в сетку, бот напомнит в Telegram.
Зачем онлайн-запись на сайте
Номер телефона на сайте работает только в рабочие часы. Контактная форма «Оставьте заявку, мы перезвоним» — это не запись, а обещание записи. Клиент не знает, есть ли свободное время на нужную дату, и ждёт обратного звонка, который может не прийти.
Онлайн-запись решает три задачи:
- 1Работает круглосуточно. Клиент записывается в 23:00, в метро, в очереди — когда удобно ему, а не когда вы у телефона.
- 2Показывает реальное расписание. Клиент видит свободные слоты и выбирает сам. Не нужно переписываться «а в четверг в 14 можно?» — «нет, уже занято, а в 16?»
- 3Снижает нагрузку. Каждая запись по телефону — 2–5 минут разговора. 10 записей в день — час на телефоне. Онлайн-запись убирает этот час.
Способ 1: форма на сайте — самопис
Разработчик делает HTML-форму: имя, телефон, услуга, дата, время. Данные отправляются на email или в Telegram-бота.
Что получите
- + Полный контроль над дизайном и поведением
- + Нет зависимости от внешних сервисов
Подводные камни
- − Форма не знает ваше расписание. Клиент выбирает «среда 15:00», а это время уже занято. Вы перезваниваете и предлагаете другое — 30% после этого не записываются
- − Нет автоматических напоминаний. Забыл — не пришёл — вы потеряли слот
- − Каждое изменение (новая услуга, новый мастер, праздничный день) — через разработчика
- − Две записи на одно время — вопрос времени. Пока вы смотрите почту, второй клиент отправляет ту же форму
Самописная форма — это не онлайн-запись, а онлайн-заявка. Разница: запись подтверждается мгновенно, заявка — после вашего ответа. Для клиента это принципиально.
Способ 2: Google Forms / Tilda Forms
Бесплатно, быстро, без разработчика. Создаёте форму в Google Forms: выпадающий список услуг, поле для даты, поле для имени и телефона. Вставляете ссылку на сайт или встраиваете через iframe.
Что получите
- + Бесплатно, настраивается за 15 минут
- + Ответы приходят на почту или в Google Sheets
Подводные камни
- − Те же проблемы что у самописа: нет расписания, нет проверки пересечений, нет напоминаний
- − Выглядит как анкета из 2015 года. На мобильном — мелкий шрифт, скроллы, пинч-зум
- − Клиент не видит свободное время — пишет желаемое наугад
- − Нет интеграции с вашим календарём — дублируете записи руками
Google Forms подходит для сбора заявок на консультацию или мероприятие. Для регулярных записей к мастеру — нет. Клиенты быстро устают от «я отправил форму, но не уверен что записан».
Способ 3: виджет сервиса записи
Подключаете сервис онлайн-записи (YCLIENTS, Queue, Booksy, DIKIDI). Добавляете на сайт готовый виджет — обычно это строчка кода с <iframe> или <script>. Виджет показывает ваши услуги, реальное расписание и принимает запись прямо на странице.
Что получите
- + Клиент видит реальные свободные слоты — невозможно записаться на занятое время
- + Автоматические напоминания (Telegram, SMS, push)
- + Запись подтверждается мгновенно — клиент сразу знает что записан
- + Новые услуги, мастера, выходные — меняете в личном кабинете, виджет обновляется сам
На что обратить внимание
- • Iframe-виджет загружается отдельно и не влияет на скорость страницы. Script-виджет может добавить 50–200 КБ — спросите у сервиса какой тип они используют
- • Некоторые сервисы ставят свой логотип на виджет на бесплатном тарифе
- • Если сервис упадёт — виджет перестанет работать. Выбирайте сервис с хорошим uptime
Как выглядит подключение на примере Queue:
<!-- Вставьте в нужное место на странице -->
<iframe
src="https://queuee.ru/ваш-slug/widget"
width="100%"
height="650"
frameborder="0"
style="border-radius: 12px; border: 1px solid #e5e7eb;"
></iframe>
ваш-slug — это короткое имя вашего бизнеса в Queue. Получаете при регистрации, можно изменить в настройках.
Способ 4: ссылка вместо виджета
Не у всех есть сайт. Или есть — но на Tilda, где iframe вставить сложно. В таком случае проще поставить кнопку-ссылку, которая ведёт на отдельную страницу записи.
Два варианта:
- AПерсональная страница. У сервисов записи есть страница вида
queuee.ru/olga-nails— это мини-сайт: услуги, цены, свободное время, кнопка записи. Ставите ссылку на сайте, в Instagram, на визитке. - BСсылка на конкретного мастера. Если в салоне несколько мастеров — каждому свою:
queuee.ru/m/marina. Клиент сразу видит расписание нужного человека.
Когда ссылка лучше виджета
- + Нет сайта вообще — ссылка работает самостоятельно
- + Сайт на конструкторе, который не поддерживает iframe
- + Нужно поставить в Instagram, WhatsApp, Telegram — виджет туда не вставить
- + Хотите разные ссылки для разных мастеров
Ссылка и виджет не исключают друг друга. Виджет — на сайте, ссылка — в соцсетях и мессенджерах. Обе ведут в одно расписание, записи не дублируются.
Какие данные собирать
Каждое лишнее поле в форме записи снижает конверсию на 5–10%. Клиент пришёл записаться, а не заполнять анкету.
| Поле | Нужно? | Почему |
|---|---|---|
| Имя | Да | Обращение в напоминании, встреча в салоне |
| Телефон | Да | Напоминание, связь при форс-мажоре, подтверждение |
| Услуга | Да | Без неё невозможно рассчитать длительность и свободные слоты |
| Дата + время | Да | Собственно, запись |
| Нет | Telegram-напоминание эффективнее. Email — для рассылок, но на старте не критичен | |
| Комментарий | Нет | Полезно для сложных услуг (медицина, консалтинг). Для маникюра и стрижки — лишнее |
Четыре поля — минимум для рабочей записи. Если сервис умеет показывать расписание — клиент выбирает услугу, дату и время кликами, а не печатает вручную. Остаётся ввести только имя и телефон.
Как проверить что запись работает
Подключили виджет или поставили ссылку — не отправляйте клиентам сразу. Сначала проверьте:
- 01Откройте с телефона. 70% клиентов бьюти-мастеров записываются с мобильного. Если на телефоне кнопки мелкие, текст не читается или нужно зумить — будут уходить.
- 02Пройдите весь путь. Выберите услугу, выберите дату, выберите время, введите данные, нажмите «Записаться». Сколько шагов? Сколько кликов? Если больше 5 кликов до подтверждения — ищите где сократить.
- 03Проверьте пересечения. Запишитесь на одно время двумя устройствами. Второй должен увидеть что слот уже занят, а не записаться поверх первого.
- 04Ждите напоминание. Если сервис обещает напоминания — дождитесь. Запишитесь на завтра, проверьте что напоминание пришло.
- 05Попросите кого-то постороннего. Друг, знакомый, коллега. Человек без контекста — лучший тестировщик. Если он не разобрался за 30 секунд — клиент тоже не разберётся.
Сравнительная таблица
| Самопис | Google Forms | Виджет сервиса | Ссылка | |
|---|---|---|---|---|
| Стоимость | от 5 000 ₽ | 0 ₽ | 0–1 500 ₽/мес | 0–1 500 ₽/мес |
| Время настройки | дни | 15 мин | 10 мин | 2 мин |
| Реальное расписание | Нет | Нет | Да | Да |
| Защита от дублей | Нет | Нет | Да | Да |
| Напоминания | Нет | Нет | Да | Да |
| Работает без сайта | Нет | Да | Нет | Да |
| Мобильный UX | зависит | Плохой | Хороший | Хороший |
Частые вопросы
Можно ли добавить онлайн-запись без своего сайта? +
Да. Сервисы записи дают персональную страницу вида queuee.ru/ваше-имя — это мини-сайт с услугами, ценами и записью. Работает как самостоятельная страница: ставите ссылку в Instagram, WhatsApp, на визитки.
Виджет записи замедляет сайт? +
Iframe-виджеты загружаются асинхронно и не блокируют рендер основной страницы. Script-виджеты могут добавить 50–200 КБ JavaScript. У Queue виджет — iframe, который грузится после основного контента и не влияет на Core Web Vitals.
Какие данные собирать при записи? +
Минимум: имя, телефон, услуга, дата и время. Телефон нужен для напоминаний и связи при форс-мажоре. Каждое лишнее поле снижает заполняемость на 5–10%.
Как проверить что запись работает? +
Откройте с телефона. Пройдите весь путь до подтверждения. Попробуйте записаться на одно время с двух устройств. Попросите знакомого без контекста — если за 30 секунд не разобрался, клиент тоже не разберётся.
Попробуйте виджет Queue на своём сайте
Регистрация — 2 минуты. Виджет — одна строчка кода. Первые Бесплатный тариф навсегда.
Подключить бесплатно