Як налаштувати сторінку онлайн-бронювання у Workspace369

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

Так. У розділі «Стилі» виберіть стиль, щоб одним кліком задати кольори, шрифти й макет, і виберіть колір бренду. Попередній перегляд показує саме те, що бачитимуть ваші клієнти, ще до створення сторінки.#

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

Щойно ви натиснете «Створити сторінку», вона запрацює. «Поділитися та вбудувати» дає вам посилання й QR-код, щоб поділитися, або спосіб розмістити сторінку на вашому вебсайті.#

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

Inline розміщує календар бронювання на сторінці, куди ви вставляєте код, і він автоматично підлаштовується під свій вміст. Popup button додає плаваючу кнопку "Забронювати зараз" на кожну сторінку, куди ви її вставляєте, і будь-який елемент з атрибутом data-w369-booking також відкриває її. Your form завантажує той самий скрипт з 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 попередньо вибирають послугу або члена команди, використовуючи ідентифікатори на вкладці Developer IDs у Share & embed, а data-step="time" пропускає форму деталей після заповнення імені, електронної пошти та дійсного номера телефону. Додаткові поля додаються до метаданих (до 20 ключів) і зберігаються разом із бронюванням та на картці нового клієнта. Щоб відстежувати джерела бронювань, передайте свої UTM-значення як source у W369Booking.open() або mount(): вони відображаються під Booking source на картці нового клієнта. 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 включають календар та нагадування про зустрічі електронною поштою, але не сторінку бронювання.#