Как настроить свою страницу онлайн-бронирования в Workspace369

Откройте «Настройки» и в разделе «Календарь и бронирование» откройте «Страницы бронирования». Нажмите «Новая страница», дайте ей название, которое увидят клиенты, и выберите стиль. В разделе «Услуги» отключите все, что не нужно на странице, задайте правила бронирования и нажмите «Создать страницу».#

Да. В разделе «Стили» выберите стиль, чтобы в один клик задать цвета, шрифты и макет, и выберите цвет бренда. Предпросмотр показывает ровно то, что увидят ваши клиенты, еще до создания страницы.#

Нет, решать вам. «Правила бронирования» позволяют сразу принимать бронирования или сначала подтверждать каждый запрос. Каждая страница бронирования — это отдельный способ, которым клиенты могут бронировать, и таких страниц можно создать несколько.#

Как только вы нажмете «Создать страницу», она станет доступна. «Поделиться и встроить» дает вам ссылку и QR-код, чтобы поделиться ими, или способ разместить страницу на вашем сайте.#

В настройках откройте «Страницы бронирования», откройте страницу и нажмите «Поделиться и встроить». В разделе «Встроить на ваш сайт» выберите формат: Inline, Popup button, Your form или Plain iframe. Нажмите «Копировать», вставьте код в HTML вашего сайта или блок кода (в WordPress, Squarespace, Wix или Webflow используйте блок HTML или embed), опубликуйте свой сайт и сделайте тестовое бронирование. Код уже содержит ваш идентификатор рабочего пространства и страницу, поэтому заполнять ничего не нужно.#

Inline размещает календарь бронирования на странице, куда вы вставляете код, и он автоматически подстраивается под свой контент. Popup button добавляет плавающую кнопку «Забронировать сейчас» на каждую страницу, куда вы ее вставляете, и любой элемент с атрибутом data-w369-booking также открывает ее. Ваша форма загружает тот же скрипт с data-mode="api", поэтому ваша собственная форма или кнопка может вызывать W369Booking.open() с именем клиента, электронной почтой и телефоном (номера телефонов в формате E.164, например +14155550100) или W369Booking.mount() для отображения внутри вашего собственного элемента. Plain iframe предназначен для конструкторов сайтов, которые блокируют скрипты: фиксированная высота, без всплывающих окон. Скрипты встраивания загружают https://369.dev/booking.js.#

Да, с помощью встраиваемых скриптов. Добавьте data-prefill-name, data-prefill-email, data-prefill-phone (E.164, например +14155550100) и data-prefill-notes к тегу скрипта или передайте те же значения в качестве prefill в W369Booking.open() или W369Booking.mount(). data-service и data-member предварительно выбирают услугу или члена команды, используя идентификаторы на вкладке «Идентификаторы разработчика» в разделе «Поделиться и встроить», а data-step="time" пропускает форму деталей после ввода имени, электронной почты и действительного номера телефона. Дополнительные поля добавляются в метаданные (до 20 ключей) и сохраняются вместе с бронированием и в записи нового клиента. Чтобы отслеживать источники бронирований, передайте значения UTM в качестве source в W369Booking.open() или mount(): они отображаются в разделе «Источник бронирования» в записи нового клиента. UTM-метки в адресе вашей страницы передаются, но не сохраняются. При создании бронирования страница запускает событие w369:booked с идентификатором бронирования; для бронирования с депозитом оно запускается перед оплатой.#

Встроенный элемент и W369Booking.mount() растут и сжимаются, чтобы соответствовать каждому шагу бронирования. Всплывающее окно открывается в окне размером до 1000 на 720 пикселей, которое прокручивается внутри, и закрывается кнопкой закрытия, клавишей Escape или щелчком за его пределами. Обычный iframe имеет высоту 900 пикселей, если вы не измените его высоту в коде. Плавающая кнопка всплывающего окна находится в правом нижнем углу: измените ее текст с помощью data-label (до 40 символов) и ее цвет с помощью data-color (шестнадцатеричный цвет, например #111827) или пропустите ее с помощью data-mode="api" и добавьте data-w369-booking к любой из ваших собственных кнопок или ссылок. Полный справочник находится в руководстве по встраиванию: docs.workspace369.com/v/2026.3/scheduling/embed-booking-on-your-website/#

Да. Депозиты или полная оплата при бронировании настраиваются на самой странице бронирования, поэтому все форматы встраивания их принимают, поскольку каждый из них открывает вашу страницу бронирования. REST API не может создать бронирование с депозитом, поэтому, если вам нужен депозит, направляйте клиентов через встроенную страницу бронирования, а не создавайте бронирования через API. Во встроенном режиме оплата открывает Stripe в той же вкладке браузера, и после оплаты клиент видит подтверждение с кнопкой возврата на ваш сайт.#

Да. В разделе «Поделиться и встроить» укажите до 20 разрешенных веб-сайтов или оставьте поле пустым, чтобы разрешить любой веб-сайт. Обычные iframe не могут быть ограничены таким образом. Каждый встраиваемый элемент отображает небольшой кредит «Работает на Workspace369».#

Учетная запись не нужна. Клиенты открывают вашу страницу бронирования, выбирают услугу, затем день и время. В конце они указывают свои данные и бронируют.#

Страницы бронирования включены в планы Specialist, Commander и Enterprise. Cadet и Voyager включают календарь и напоминания по электронной почте о встречах, но не страницу бронирования.#