Руководство
Как добавить онлайн-запись на сайт: 6 шагов
Как добавить онлайн-запись на сайт: что нужно для записи, виджет против готовой страницы против формы заявки, и как встроить их в WordPress, Wix и другие.
Команда Ifa
Если на вашем сайте есть номер телефона и форма обратной связи, но нет способа записаться, каждый новый клиент ждет ответа. Это руководство разбирает, как добавить онлайн-запись на сайт, если вы управляете салоном, велнес-студией, груминг-салоном, репетиторской практикой или сервисным бизнесом. Мы рассмотрим, что нужно для записи, какие форматы она может принимать, как каждый из них встраивается в WordPress, в Squarespace, в Wix и в Webflow, и куда попадает карточка клиента. Мы делаем Ifa, рабочее пространство для бизнеса, и ниже честно говорим, что оно умеет и чего не умеет в части записи.
1. Решите, что нужно для записи, прежде чем выбирать инструмент
Начните с короткого списка на бумаге, потому что любой инструмент при настройке спрашивает об одном и том же, а ответы определяют, какой инструмент подойдет.
- Услуги. Каждая доступная для записи услуга должна иметь название, которое узнает клиент. «Полный груминг, крупная собака» лучше, чем «Услуга Б».
- Длительность. Сколько времени услуга реально занимает в календаре, а не то время, которое вы называете при озвучивании цены. Окрашивание на 45 минут, которое всегда растягивается до часа, должно значиться как час.
- Кого можно записать. У консультанта, работающего в одиночку, один календарь. У салона с двумя креслами их два, и клиент может захотеть конкретного мастера. Решите, выбирает мастера клиент или вы сами.
- Буферы. Уборка между стрижками, дорога между выездными заказами, перерыв между занятиями. Буферы это разница между календарем, который работает, и календарем, с которым приходится бороться.
- Рабочие часы. По каждому сотруднику, по каждому дню недели, включая дни, которые отличаются от остальных.
- Срок предзаписи и горизонт. За сколько времени до слота клиент может записаться и насколько далеко вперед.
- Что вам нужно от клиента. Имя и телефон это минимум. Грумеру нужны порода и вес собаки, сервисному бизнесу нужны адрес и описание проблемы. Здесь инструмент записи пересекается с формой первичного опроса, и мы разбираем эту разницу в статье про формы первичного опроса клиентов.
2. Выберите формат: встроенный виджет, готовая страница или форма заявки
Встроенный виджет записи
Виджет это фрагмент кода, который дает вам поставщик услуги. Вы вставляете его на страницу, и клиенты выбирают услугу и время, не покидая ваш сайт. Запись при этом попадает в календарь поставщика виджета. Это стандартное решение для салонов, студий, груминг-салонов и репетиторов.
Пять широко используемых вариантов, проверенных на сайте каждого поставщика по состоянию на сентябрь 2026 года:
- Square Appointments (squareup.com) предлагает бесплатный план для одного специалиста и платные планы Plus и Premium с оплатой за точку. Все планы включают сайт для онлайн-записи и кнопку записи для сайта. Плата за неявку и депозиты доступны только на платных планах.
- Calendly (calendly.com) имеет бесплатный план с одним типом события и одним подключенным календарем, а также план Standard с опубликованной стартовой ценой 10 долларов за место в месяц по состоянию на сентябрь 2026 года. Напоминания и прием платежей через Stripe или PayPal доступны только на платных планах. Сервис вырос вокруг встреч, поэтому подходит консультантам и репетиторам больше, чем салонам с потоком клиентов.
- Acuity Scheduling (acuityscheduling.com) не имеет бесплатного плана, только семидневную пробную версию. План Starter покрывает один календарь с опубликованной стартовой ценой 20 долларов в месяц по состоянию на сентябрь 2026 года (меньше при годовой оплате). Напоминания по email и настраиваемые формы клиентов доступны на всех планах, напоминания по SMS начинаются с уровня Standard.
- Setmore (setmore.com) имеет бесплатный план до четырех пользователей с неограниченным числом записей и напоминаниями по email. План Pro с опубликованной стартовой ценой 12 долларов за пользователя в месяц (или 5 долларов за пользователя в месяц при годовой оплате) по состоянию на сентябрь 2026 года добавляет напоминания по SMS, депозиты, двустороннюю синхронизацию календаря и убирает брендинг Setmore.
- SimplyBook.me (simplybook.me) имеет бесплатный план с ограничением в 50 записей в месяц, а платные планы добавляют объем записей, больше сотрудников и выбранное число «пользовательских функций», например форм первичного опроса или депозитов. План Basic стартует с опубликованной цены 13,90 евро в месяц по состоянию на сентябрь 2026 года.
Готовая страница записи, на которую вы ссылаетесь
Каждый из перечисленных выше инструментов также дает вам страницу на домене поставщика (yourshop.setmore.com, calendly.com/yourname). Вместо встраивания вы добавляете кнопку «Записаться сейчас», которая открывает эту страницу. Это самый быстрый вариант, не требующий кода. Компромисс в том, что клиент покидает ваш сайт, а страница несет дизайн поставщика и, на бесплатных планах, его брендинг.
Форма, которая создает заявку, подтверждаемую вашей командой
Третий формат это не самостоятельная запись. Клиент заполняет форму (услуга, предпочитаемые дни, телефон), она попадает в систему как заявка, а ваша команда подтверждает время. Это правильный формат, когда время нельзя определить заранее без разговора: выездной вызов, где объем работы определяет длительность слота, или грумер, который не запишет новую собаку без осмотра. Текст кнопки задает ожидания: «Запросить запись» обещает ответ, «Записаться сейчас» обещает конкретный слот.
Ifa охватывает все три формата. Она может создать отдельную страницу записи для вашего бизнеса, на которую вы ссылаетесь с сайта, может принимать записи в чате на подключенном канале, а ее публичные формы попадают в рабочее пространство как заявка, которую ваша команда подтверждает, когда время нельзя определить заранее без разговора. За каждым путем стоят одни и те же правила: политика по каждой услуге, рабочие часы по каждому сотруднику в его часовом поясе, проверка занятости и проверка конфликтов при каждой записи, а напоминания это рабочий процесс, который вы задаете сами. Страница программ для планирования записей показывает, как эти части складываются вместе. Чего Ifa не делает, так это не синхронизируется с календарями Google или Outlook и не принимает депозит при записи, и на сегодняшний день она находится на этапе перед запуском. Если вы вместо этого сохраняете отдельный виджет записи, шаг 6 показывает, как вести единую карточку клиента.
| Формат | Клиент получает слот сразу | Находится на вашем сайте | Требует вставки кода | Лучше всего подходит |
|---|---|---|---|---|
| Встроенный виджет | Да | Да | Да, один фрагмент кода | Салоны, студии, груминг-салоны, репетиторы |
| Ссылка на готовую страницу | Да | Нет, домен поставщика | Нет | Любой сайт, самый быстрый старт |
| Форма заявки | Нет, подтверждает команда | Да | Зависит от инструмента формы | Сервисные бизнесы, отбор новых клиентов, работы, требующие сметы |
3. Добавьте это в конструктор своего сайта
Получите фрагмент кода или ссылку от инструмента записи, а затем разместите ее на странице. Пути в меню приведены по состоянию на сентябрь 2026 года.
WordPress
- Виджет. В блочном редакторе добавьте блок «Произвольный HTML» и вставьте код от поставщика услуги. Calendly и SimplyBook.me, а также Square Appointments и Acuity публикуют собственные плагины для WordPress, которые решают ту же задачу через блок или короткий код.
- Ссылка. Добавьте блок «Кнопки», подпишите его «Записаться сейчас» и вставьте ссылку на готовую страницу. Такую же кнопку можно разместить в шапке сайта через раздел настройки внешнего вида на блочных темах.
Squarespace
- Виджет. Squarespace владеет Acuity, поэтому там есть встроенный блок «Расписание»: отредактируйте страницу, добавьте блок, выберите «Расписание» и укажите свой календарь Acuity. Для любого другого поставщика добавьте блок «Код» или блок «Встраивание» и вставьте фрагмент кода.
- Ссылка. Добавьте блок «Кнопка» со ссылкой на готовую страницу, либо настройте кнопку в шапке через раздел дизайна.
Wix
- Виджет. Добавьте элемент «Встраивание кода» (через меню добавления элементов выберите «Встраивание кода», затем «Встроить HTML») и вставьте фрагмент кода. Calendly и Setmore также перечислены как приложения в магазине приложений Wix. У Wix есть и собственный инструмент Wix Bookings, стоит сравнить его перед подключением стороннего сервиса.
- Ссылка. Добавьте кнопку, а в настройках ссылки выберите «Веб-адрес» и вставьте ссылку на готовую страницу.
Webflow
- Виджет. Перетащите элемент «Встраивание» из панели добавления элементов на страницу и вставьте фрагмент кода. Проверьте ограничения своего тарифа на пользовательский код.
- Ссылка. Добавьте элемент «Кнопка», укажите ссылку на внешний URL и вставьте адрес готовой страницы.
Каким бы ни был конструктор, протестируйте работу с телефона перед объявлением о запуске: встраивание, которое отлично выглядит на ноутбуке, может обрезать кнопку «Подтвердить» на узком экране.
4. Настройте напоминания, правила для неявок и депозиты
Именно выбранный инструмент решает, что вам доступно здесь, и именно тут бесплатные планы различаются сильнее всего.
- Напоминания. У Square Appointments, а также у Setmore, SimplyBook.me и Acuity напоминания по email включены на всех продаваемых планах. Calendly размещает напоминания только на платных планах. Напоминания по SMS чаще всего оказываются функцией платного уровня: у Setmore это уровень Pro, у Acuity уровень Standard и выше. В Ifa напоминание это рабочий процесс, который вы задаете сами, запланированный шаг, отправляемый через подключенный канал, по состоянию на сентябрь 2026 года.
- Правила для неявок и поздних отмен. Square Appointments поддерживает плату за неявку и политики отмены на планах Plus и Premium. У Setmore на уровне Pro и у SimplyBook.me (как пользовательская функция) есть депозиты, практичный способ сократить неявки. Calendly и Acuity могут требовать оплату при записи, что решает ту же задачу для консультанта или репетитора.
- Депозиты и оплата. Все пять инструментов могут принимать оплату при записи через собственную обработку платежей Square или через подключенный процессинг вроде Stripe или PayPal. Решите, нужен ли вам частичный депозит, полная предоплата или карта на файле: инструменты различаются в том, что именно предлагают. Ifa не принимает оплату при записи сегодня, платежи и выставление счетов только планируются.
Правило, которое хорошо работает в салоне с двумя креслами: письменное окно для отмены, депозит для новых клиентов и для любой услуги дольше часа, без депозита для постоянных клиентов.
5. Знайте, куда попадают записи и карточка клиента
Когда клиент записывается через виджет, инструмент создает запись и профиль клиента, а также, если подключено, событие в календаре Google или Outlook. Инструмент записи становится системой учета для записей, а заодно незаметно и для клиентов, потому что хранит каждое имя, телефон и заметку, поступившие через форму.
В первый день это нормально. Проблема появляется, когда история распадается: у инструмента записи есть записи на прием, в телефоне владельца лежат текстовые сообщения, а в таблице хранятся заметки о характере собаки или дате экзамена ученика. Ни один из перечисленных инструментов не предназначен хранить остальную часть отношений с клиентом: сметы, формы согласия, фотографии, задачи по последующим шагам, отчеты. Они хранят календарь и карточку контакта.
Поэтому прежде чем включать виджет, решите, какая система будет карточкой клиента. Если инструмента записи достаточно (репетитор-одиночка с двенадцатью учениками часто обнаруживает, что это так), храните все там и ежемесячно экспортируйте CSV в качестве резервной копии. Если нужно больше, читайте дальше.
6. Ведите единую карточку клиента, если инструмент записи отдельный
Если запись идет через собственную страницу записи Ifa или в чате, запись и карточка клиента уже находятся в одном месте, и этот шаг просто не нужен. Владельцы, которые вместо этого сохраняют отдельный виджет, держат обе системы в согласии за счет привычек, а не за счет живой интеграции. Вот как это устроено с Ifa.
- Инструмент записи владеет календарем, рабочее пространство владеет клиентом. Записи создаются и переносятся в инструменте записи. Все остальное о клиенте (ответы первичного опроса, файлы, заметки, последующие шаги, жизненный статус вроде «новый», «постоянный», «неактивный») хранится в рабочем пространстве.
- Переносите записи по расписанию, а не в реальном времени. Каждый из перечисленных выше инструментов экспортирует записи и клиентов в CSV. Ifa импортирует экспорт в CSV и XLSX через предпросмотр с проверками на дубликаты, некорректные даты, пустые значения и несопоставленные столбцы, а затем через шаг одобрения, поэтому еженедельный экспорт попадает в систему без создания второй копии каждого клиента. Живой двусторонней синхронизации между Ifa и инструментом записи нет.
- Используйте одну форму для первичного опроса, а не две. Если виджет фиксирует только имя и телефон, отправляйте новым клиентам форму первичного опроса рабочего пространства после записи (письмо с подтверждением хороший вариант для такой ссылки). Ответы попадают в карточку клиента.
- Сопоставляйте по телефону или email. Выберите одно поле в качестве ключа, общего для обеих систем, и сделайте его обязательным в форме записи. Телефон лучше всего подходит для салонов и груминг-салонов, email для репетиторов и консультантов.
- Держите один календарь как источник истины. Визиты без записи, записи по телефону и перезаписи прямо в кресле должны попадать в инструмент записи, чтобы его доступность оставалась достоверной. Если вести доступность в обеих системах, виджет начнет допускать двойные записи.
Для бизнеса из сферы красоты и велнеса это обычно означает виджет Square Appointments или Acuity на сайте и рабочее пространство для форм консультации и напоминаний о повторной записи. Для груминг-салона рабочее пространство хранит карточку питомца (порода, вес, файл вакцинации, характер), для которой не предназначена ни одна форма записи. Для репетиторской практики оно хранит данные ученика, родителя и заметки об успеваемости, пока страница Calendly или Acuity занимается временем занятий.
Что идет не так и как этого избежать
- Длительности задаются с оптимизмом. Самая частая жалоба после включения виджета: календарь выглядит забитым, но время постоянно съезжает. Задайте реальные длительности и буферы с первого дня: сократить их позже легко, а увеличить, когда клиенты уже записались, нет.
- Два календаря. Виджет уже работает, но администратор все еще записывает телефонные заявки в бумажный журнал, и уже через неделю появляются двойные записи. Каждая запись должна попадать в инструмент, который питает виджет.
- Встраивание ломается на телефонах. Протестируйте весь процесс с телефона вплоть до экрана подтверждения, на вашем реальном домене.
- Неправильный формат для конкретной задачи. Сервисный бизнес с виджетом мгновенной записи в итоге получает получасовые слоты для работ, которые занимают целый день. Используйте форму заявки, либо предлагайте мгновенную запись только для услуги фиксированной длительности вроде «выезд на объект».
- Данные клиентов застревают в инструменте. Экспортируйте клиентов и записи по расписанию с первого месяца, чтобы уход позже был импортом, а не восстановлением с нуля. Проверьте, что экспорт включает заметки и ответы из форм.
- Напоминания принимаются на веру. Забронируйте тестовую запись на свой номер и посмотрите, что реально приходит: напоминания по email на бесплатном плане не означают, что доступны и SMS.
Вопросы, которые нам задают
Можно ли добавить онлайн-запись на сайт бесплатно?
Да, для владельца-одиночки или команды из четырех человек. По состоянию на сентябрь 2026 года бесплатные планы есть у Square Appointments (один специалист), Setmore (до четырех пользователей), Calendly (один тип события) и SimplyBook.me (50 записей в месяц). Напоминания по SMS, депозиты и плата за неявку обычно требуют платного плана, у Acuity бесплатного плана нет вовсе.
Стоит ли использовать встроенный инструмент записи своего конструктора сайта?
В Squarespace Acuity это встроенный вариант, и его проще всего встроить. В Wix сравните Wix Bookings, прежде чем подключать стороннего поставщика. Преимущество одна панель управления и один счет, цена в том, что перенос сайта позже означает и перенос записей.
Есть ли у Ifa страница записи, которую можно разместить на сайте?
Да. Ifa может создать отдельную страницу записи, на которую вы ссылаетесь с сайта, а клиенты также могут записываться в чате на подключенном канале. За обоими путями стоят политика по каждой услуге, рабочие часы по каждому сотруднику, проверка доступности и конфликтов, а напоминания это рабочий процесс, который вы задаете сами. Чего она не делает по состоянию на сентябрь 2026 года: нет синхронизации календаря с Google или Outlook, депозитов или оплаты при записи, эти функции только планируются.
Как перенести клиентов из инструмента записи в единую карточку?
Экспортируйте CSV с клиентами и записями из инструмента записи и импортируйте его в рабочее пространство, сопоставляя по телефону или email. Ifa показывает предпросмотр импорта с проверками на дубликаты и пустые значения, прежде чем что-либо будет создано. Повторяйте это по расписанию, живой синхронизации нет.
Обновлено 2 сентября 2026 года.