Віджет бронювання на ваш сайт за 5 хвилин
Якщо у вас вже є сайт перевізника — додайте на нього віджет бронювання за 5 хвилин. Пасажир бронює поїздку прямо на вашій сторінці, заявка одразу з'являється в кабінеті диспетчера. Без переходів на сторонні сайти, без розробників, без додаткової оплати.
Що це таке
Віджет Passobus — це невеликий JavaScript-блок (приблизно 10 рядків коду), який встановлюється на вашу веб-сторінку. Працює як форма бронювання: пасажир обирає звідки → куди → коли, бачить ціну і місця, лишає телефон і ім'я — заявка прилітає у ваш Passobus-кабінет.
Працює на будь-якому сайті:
- ✅ WordPress — вставляєте через стандартний блок Custom HTML.
- ✅ Wix — додаєте через блок Embed Code.
- ✅ Webflow — додаєте через Embed-блок.
- ✅ Власна HTML-сторінка — вставляєте куди завгодно.
- ✅ Будь-яка CMS — Joomla, Drupal, OpenCart і подібні.
3 кроки до робочого віджета
Крок 1. Активуйте віджет у кабінеті
- Зайдіть у app.passobus.com.
- Налаштування → Віджет.
- Ввімкніть перемикач «Активний».
- Скопіюйте код віджета — це 5-10 рядків HTML/JS.
Доступно у всіх тарифах, включно з Пробним.
Крок 2. Вставте код на ваш сайт
Знайдіть на своєму сайті місце, де хочете розмістити форму бронювання. Зазвичай це — головна сторінка під hero-блоком або окрема сторінка «Бронювання».
Для WordPress з блоком Gutenberg:
- Відкрийте сторінку для редагування.
- Натисніть «+» → знайдіть блок «Спеціальний HTML» (Custom HTML).
- Вставте код.
- Збережіть.
Для Webflow:
- Додайте Embed-блок на сторінку.
- Вставте код.
- Publish сайт.
Крок 3. Перевірте, як працює
Відкрийте сторінку у браузері — побачите форму бронювання у тому місці, куди вставили код. Спробуйте оформити тестове бронювання, заявка має прийти у ваш кабінет з джерелом web за 1-2 секунди.
Можливі режими віджета
Passobus підтримує 3 режими:
| Режим | Як виглядає | Коли використовувати |
|---|---|---|
| Inline | Форма зявляється прямо у блоці на сторінці | Окрема сторінка «Бронювання», hero-секція |
| Bar | Тонкий банер угорі сторінки | Постійна доступність бронювання на всіх сторінках |
| Floating | Кругла кнопка в кутку, відкривається у модалі | Не хочете займати багато місця на сторінці |
Вибрати режим — у налаштуваннях віджета. Можна одразу кілька на різних сторінках.
Що отримаєте
- 📋 Заявки прямо у кабінет — без переходу пасажира в Telegram чи дзвінка.
- 💰 Прозорі ціни — пасажир бачить ціну ДО заявки, з тарифної матриці.
- 🌍 Працює 24/7 — поки сайт відкритий, бронювання приймаються.
- 📊 Аналітика по сайту — у кабінеті видно, скільки заявок саме з вашого сайту, які маршрути найпопулярніші.
Кастомізація
У налаштуваннях віджета можна:
- Змінити кольорову схему під свій бренд (primary колір, шрифт).
- Налаштувати список доступних маршрутів (показувати тільки UA→PL, або всі).
- Додати обов'язкові поля (тільки телефон, або +email, +коментар).
- Включити підписку на новини після бронювання (опційно).
Часті питання
Чи треба знати HTML, щоб додати віджет? Ні. Все що треба — скопіювати готовий код з кабінету і вставити у блок «HTML» вашого редактора сайту. Якщо складно — пишіть нам, допоможемо.
Чи можна додати віджет на кілька сторінок? Так. Один код працює на будь-якій кількості сторінок. На різних сторінках можна показувати різні маршрути через параметри віджета.
Чи буде віджет конфліктувати з іншими плагінами? Ні. Віджет використовує Shadow DOM — це означає, що його стилі ізольовані від решти сайту. Він не зламає верстку і не зачепить інші плагіни.
Чи можна стилізувати під свій бренд? Так. У налаштуваннях віджета доступні: primary колір, accent колір, заокруглення кутів, шрифт. Якщо потрібна глибша кастомізація — пишіть нам.
Чи доступний віджет на Базовому тарифі? Так. Віджет доступний у всіх тарифах, навіть Пробному. Один кабінет — один віджет, можна показувати на будь-якій кількості сайтів.
Готові додати? app.passobus.com/register — реєструйтесь і налаштовуйте віджет за 5 хвилин. Питання — Telegram @passobus_support_bot.