Віджет для сайту

Бронювання там, де вже є ваші відвідувачі

Додайте віджет бронювання Tymeslot на будь-яку сторінку за допомогою одного тегу script: вбудований блок, спливне вікно чи плаваюча кнопка в стилі вашого бренду. Віджет сам підлаштовує свій розмір, тож висоту iframe налаштовувати не доведеться.

Один тег script Вбудований · спливне вікно · плаваюча кнопка Працює на будь-якому сайті
Календар бронювання Tymeslot, вбудований безпосередньо у вебсайт

Не змушуйте відвідувачів залишати ваш сайт, щоб забронювати зустріч

Щоразу, коли потенційний клієнт змушений переходити з вашого сайту за окремим посиланням для бронювання, частину таких клієнтів ви втрачаєте. Нова вкладка, незнайома сторінка, мить вагання, і бронювання так і не відбувається. Процес бронювання має бути там, де виникає намір: на вашому сайті та у вашому фірмовому стилі.

Як це працює

Готово до роботи за лічені хвилини

1

Виберіть стиль вбудовування

Вбудований просто на сторінку календар, спливне модальне вікно за кліком на будь-яку кнопку або закріплена плаваюча кнопка в кутку екрана.

Сторінка «Вбудувати й поділитися» з вбудовуванням у сторінку, спливним вікном, прямим посиланням і плаваючою кнопкою, кожне з готовим до копіювання фрагментом коду
2

Дозвольте свій домен, скопіюйте один тег

Додайте домен свого сайту до списку дозволених, а потім скопіюйте фрагмент коду, який згенерує Tymeslot. Вставте його в HTML сайту, і він працюватиме без жодних змін.

3

Адаптуйте до свого бренду

Налаштуйте data-theme, data-primary-color та data-locale у віджеті, щоб він гармонійно вписався у ваш сайт і говорив мовою відвідувача.

Налаштування сторінки бронювання на панелі керування Tymeslot: її адреса та типи зустрічей, які вона пропонує
4

Бронювання надходять миттєво

Гості бронюють зустрічі, не залишаючи ваш сайт. Підтвердження, синхронізація з календарем і нагадування працюють так само, як на вашій окремій сторінці бронювання.

Спливне вікно бронювання Tymeslot поверх вебсайту: гості бронюють, не залишаючи сторінку
Що ви отримуєте

Усе, що має вміти Віджет для сайту

Вбудований віджет

Вбудуйте календар бронювання безпосередньо у сторінку за допомогою одного тегу script та елемента div.

Модальне вікно

Відкривайте повноекранне вікно бронювання з будь-якої кнопки чи посилання. Добре підходить для головних закликів до дії.

Плаваюча кнопка

Постійна кнопка бронювання, закріплена в куті кожної сторінки, як віджет чату.

Пряме посилання

Не хочете вбудовувати віджет? Поділіться посиланням на бронювання в підписі електронного листа або в профілі соцмереж.

Власне оформлення для кожного віджета

Атрибути data-theme, data-primary-color та data-locale дозволяють адаптувати кожен віджет до сторінки, на якій він розміщений.

Iframe з автоматичною зміною розміру

Віджет передає свою висоту батьківській сторінці, тому зайвих смуг прокручування не з'являється.

Чому саме Tymeslot

Віджет, який не створює проблем на вашому сайті

Віджет легко додати, але так само легко налаштувати неправильно. Віджет Tymeslot акуратно вбудовується в сайт і не порушує конфіденційність.

Не потребує фреймворків

Один тег script працює на WordPress, Webflow, Squarespace або у звичайному HTML-файлі. Нічого не потрібно збирати чи компілювати.

Автоматична зміна розміру, жодних смуг прокручування

Iframe сам вимірює свій розмір і повідомляє батьківській сторінці потрібну висоту, тому віджет ніколи не опиняється в крихітному віконці з прокручуванням.

Індивідуальний дизайн для кожного віджета

Один обліковий запис може показувати темний віджет на одному сайті й світлий у фірмових кольорах на іншому; кожен задається атрибутами самого віджета.

Конфіденційність збережено

Вбудована форма бронювання не завантажує рекламних пікселів чи сторонньої аналітики. На tymeslot.app Google reCAPTCHA завантажується лише тоді, коли відвідувач починає заповнювати форму бронювання.

Дізнатися більше

Більше можливостей Tymeslot

Створено за тими ж принципами, що й решта Tymeslot: відкритий вихідний код, конфіденційність, можливість самостійного хостингу.

Часті запитання

Часті запитання

Як додати Tymeslot на свій сайт?
Додайте домен свого сайту до списку дозволених доменів для віджета в панелі керування, виберіть стиль вбудовування й скопіюйте згенерований фрагмент коду: один тег script, а для вбудованого календаря ще й елемент div. Вставте його в HTML сайту, і віджет з'явиться. Ні збирання, ні фреймворків не потрібно.
Які формати віджетів доступні?
Чотири варіанти: вбудований просто на сторінку календар, спливне модальне вікно за кліком на будь-яку кнопку, закріплена плаваюча кнопка та звичайне пряме посилання, якщо віджет вам узагалі не потрібен.
Чи можна вбудувати віджет у WordPress, Webflow або Squarespace?
Так. Оскільки це стандартний тег script, він працює в будь-якому конструкторі сайтів, що дозволяє вставляти HTML або блок коду, зокрема у WordPress, Webflow, Squarespace і в HTML, написаному вручну. Для WordPress є також офіційний плагін із блоком і шорткодом.
Чи можна оформити віджет у стилі свого бренду?
Так. Використовуйте атрибути data-theme, data-primary-color і data-locale у коді віджета, щоб налаштувати тему, акцентний колір і мову для кожної сторінки окремо. Так з одного облікового запису можна показувати віджети з різним оформленням на різних сайтах.
Чи не зламає віджет верстку мого сайту?
Ні. Вбудований віджет автоматично змінює розмір: iframe вимірює власну висоту та передає її батьківській сторінці, тому віджет збільшується або зменшується відповідно до процесу бронювання, а не залишається у фіксованому блоці з прокруткою.
Чи синхронізуються з календарем бронювання, зроблені через віджет?
Так. Бронювання через віджет працює так само, як і на вашій сторінці бронювання: діють синхронізація з календарем, посилання на відеозустрічі, підтвердження та нагадування.

Посібники для професій, яким це потрібно найчастіше

Читати The Tymeslot WordPress plugin
The Tymeslot WordPress plugin
wordpress integrations product

The Tymeslot WordPress plugin

Your Tymeslot booking page now goes into WordPress as a block, a shortcode or a floating button, using the same embed code your dashboard generates.

Luka Breitig 24 червня 2026 · 3 хвилини читання
Читати Celebrating Tymeslot 1.0
Celebrating Tymeslot 1.0
release product

Celebrating Tymeslot 1.0

Four months after the first release, Tymeslot 1.0 does the whole scheduling job: booking pages, two-way calendar sync, video links, embedding, and five languages.

Luka Breitig 8 травня 2026 · 3 хвилини читання
Читати Building an open-source Calendly alternative in Phoenix LiveView
Building an open-source Calendly alternative in Phoenix LiveView
engineering open-source

Building an open-source Calendly alternative in Phoenix LiveView

A booking page looks like a form over a calendar. The hard part is that every calendar system disagrees about which events make you busy, and once my code answered that question in two places, the two answers disagreed too.

Luka Breitig 8 липня 2026 · 13 хвилин читання

Додайте бронювання на власний сайт

Доступний безкоштовний тариф. Банківська картка не потрібна. Налаштування за 5 хвилин.