Как добавить кнопку онлайн-записи на сайт (WordPress, Wix, Squarespace и обычный HTML)

Когда онлайн-запись настроена, следующая задача — привести к ней клиентов. Большинство из них находят вас через сайт, поэтому именно там записаться должно быть проще всего. Посетитель, которому приходится искать номер телефона или писать сообщение, нередко сдаётся и записывается к кому-то другому. В этом руководстве разберём два способа добавить запись на сайт в 2026 году — кнопку записи и форму, встроенную прямо в страницу, — и пройдём по шагам для WordPress, Wix, Squarespace и обычного HTML.

Кнопка или встроенная форма: что выбрать

Есть два распространённых способа разместить запись на сайте, и многие бизнесы используют оба.

• Кнопка записи — это обычная ссылка, которая открывает вашу страницу записи. Она работает в любом конструкторе сайтов и на любом тарифе, добавляется за минуту, и её можно повторить в меню, на страницах услуг и в подвале сайта.
• Встроенная форма записи показывает весь процесс записи на одной из ваших собственных страниц, так что посетитель вообще не покидает сайт. Настройка занимает чуть больше времени, а некоторые конструкторы разрешают встраивать код только на платных тарифах.

Хороший вариант по умолчанию: поставьте кнопку «Записаться» в шапку каждой страницы, а полную форму встройте на отдельную страницу «Запись», на которую ведёт кнопка. Если конструктор не позволяет встраивать код, одной кнопки вполне достаточно.

Перед началом: скопируйте ссылку и код для встраивания

В timedule откройте в панели управления раздел Страница записи и перейдите на вкладку Ссылка и встраивание. Там вы найдёте две вещи:

• Адрес страницы записи: ссылка на вашу страницу записи, например https://yourbusiness.timedule.com. Нажмите Копировать ссылку. Если хотите адрес короче или понятнее, нажмите Изменить адрес и выберите другой поддомен, прежде чем куда-либо им делиться.
• Встраивание на сайт: короткий фрагмент кода, который показывает форму записи на вашем сайте. Нажмите Копировать код.

Код выглядит так, а в конце стоит ID вашей компании:

<div id="timedule-booking"></div>
<script src="https://timedule.com/iv1.js" type="text/javascript"></script>
<script type="text/javascript">window.timeduleInit("your-company-id");</script>

Всегда копируйте код из панели управления, а не из этой статьи, чтобы ID был правильным. Вставляйте его без изменений. Первая строка отмечает место, где появится форма, а две другие загружают форму в это место.

WordPress

Кнопка: в блочном редакторе добавьте блок Buttons (Кнопки) в нужное место, напишите «Записаться» и вставьте ссылку на страницу записи в качестве ссылки кнопки. Чтобы добавить её в главное меню, перейдите в Appearance → Menus (Внешний вид → Меню), а в блочных темах — в Appearance → Editor → Navigation, и добавьте произвольную ссылку с адресом вашей страницы записи.

Встроенная форма:

1. Создайте новую страницу «Запись» или откройте страницу, где должна быть форма.
2. Добавьте блок Custom HTML (Произвольный HTML).
3. Вставьте код для встраивания из панели управления и опубликуйте страницу.

Если вы пользуетесь конструктором страниц вроде Elementor или Divi, используйте его виджет HTML или Code. Шаги те же самые. На WordPress.com скрипты на недорогих тарифах обычно удаляются, поэтому форма может не появиться. В таком случае используйте кнопку или перейдите на тариф с поддержкой плагинов.

Wix

Кнопка: нажмите Add Elements (Добавить) → Button (Кнопка), измените текст на «Записаться», затем нажмите на значок ссылки, выберите Web Address (Веб-адрес), вставьте ссылку на страницу записи и настройте открытие в том же окне.

Встроенная форма:

1. Откройте страницу, где должна быть форма, и нажмите Add Elements → Embed Code → Embed HTML.
2. Нажмите Enter Code, выберите Code, вставьте код для встраивания и нажмите Update.
3. Потяните за края элемента, чтобы он был шириной с ваш контент и высотой около 750 пикселей. Wix показывает встроенный код внутри блока заданного размера, поэтому слишком маленький блок обрежет форму.
4. Проверьте мобильную версию в редакторе и измените размер элемента там тоже.

Squarespace

Кнопка: откройте страницу для редактирования, нажмите Add Block (Добавить блок) → Button, напишите «Записаться» и вставьте ссылку на страницу записи. Для шапки сайта откройте настройки header, включите кнопку в шапке и укажите для неё ту же ссылку.

Встроенная форма:

1. Откройте страницу для редактирования и нажмите Add Block → Code.
2. Вставьте код для встраивания, убедитесь, что выбран режим HTML, и отключите «Display Source».
3. Сохраните изменения и проверьте страницу, выйдя из аккаунта. Squarespace часто не запускает скрипты в предпросмотре редактора, поэтому форма может появиться только на опубликованной странице.

JavaScript в блоках кода доступен только на некоторых тарифах Squarespace. Если форма не появляется на опубликованной странице, скорее всего, ваш тариф этого не позволяет, и тогда лучше использовать кнопку.

Обычный HTML и другие конструкторы сайтов

Если вы или ваш разработчик редактируете HTML напрямую, вставьте код для встраивания в тело страницы там, где должна появиться форма. Для кнопки достаточно обычной ссылки:

<a href="https://yourbusiness.timedule.com" class="book-button">Записаться</a>

Задайте ей стиль кнопок вашего сайта, чтобы она вписывалась в общий дизайн. Тот же подход работает и в большинстве других конструкторов, например в Webflow, Shopify, Weebly или Jimdo: найдите блок с названием «HTML», «Code», «Embed» или «Custom code» и вставьте туда код для встраивания.

Ссылка сразу на услугу или филиал

Если на вашем сайте у каждой услуги есть отдельная страница, ведите с каждой из них прямо на эту услугу, чтобы клиент пропустил один шаг. В timedule откройте раздел Услуги и скопируйте ссылку на запись рядом с нужной услугой. Если у вас несколько точек, откройте раздел Филиалы и скопируйте ссылку для каждого филиала. Такая ссылка открывает страницу записи с уже выбранным филиалом. Кнопка «Записаться на массаж» на странице массажа, которая сразу показывает свободное время для массажа, приносит больше записей, чем общая кнопка «Записаться», с которой всё начинается с самого начала.

Не ограничивайтесь сайтом

Та же ссылка на запись работает везде, куда можно вставить ссылку:

• Google Business Profile: добавьте её как ссылку для записи, чтобы клиенты могли записываться прямо из Google Поиска и Google Карт.
• Instagram и Facebook: разместите её в описании профиля и на кнопке действия вашей страницы.
• Подпись в письмах и сообщения: отвечайте на запросы о записи ссылкой, вместо того чтобы долго согласовывать время в переписке.
• Печатные материалы: на вкладке Ссылка и встраивание также есть QR-код, который можно скачать для стойки администратора, листовок или визиток.

Проверьте всё, прежде чем объявлять

• Сделайте тестовую запись с сайта со своего телефона так, как это сделал бы клиент, а затем отмените её.
• Проверьте мобильную версию. Большинство записей делается с телефонов, поэтому убедитесь, что форма не обрезана, а на кнопку легко нажать.
• Используйте один адрес везде. Если позже вы измените адрес страницы записи, уже разосланные ссылки придётся обновлять, поэтому выберите его до того, как начнёте им делиться.
• Включите напоминания, чтобы клиенты, записавшиеся онлайн, действительно приходили. Как это сделать, рассказано в нашем руководстве о том, как сократить неявки.

Итог: одна кнопка везде и одна страница с полной формой

Добавить запись на сайт можно за несколько минут на любой платформе: скопируйте ссылку или код для встраивания из панели управления, добавьте кнопку «Записаться» на каждую страницу и встройте форму на отдельную страницу записи, если ваш тариф это позволяет. Затем поделитесь той же ссылкой в Google, соцсетях и на печатных материалах — и клиенты смогут записываться, когда им удобно, в том числе в нерабочее время.

Если у вас ещё нет страницы записи, посмотрите, что умеет timedule, и создайте свою страницу записи за несколько минут.