Перейти до основного вмісту

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

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

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

Досвід бронювання, що пасує будь-де

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

Вбудовування копіюванням та вставкою

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

  • Вставте один елемент <div data-yapp-widget data-company-id data-public-key>
  • Автоматично монтується в момент завантаження сторінки
  • Не потрібен крок збирання, npm install або налаштування фреймворку
  • Запуск за кілька хвилин на будь-якій сторінці, яку ви можете редагувати
  • Вставте один раз і віджет продовжує працювати у міру оновлення вашої доступності

Ізоляція стилів через Shadow DOM

Віджет рендериться у своєму власному Shadow DOM, тому його стилі ніколи не виходять назовні, а CSS вашого сайту ніколи не потрапляє всередину. Він завжди виглядає правильно, де б ви його не розмістили.

  • Повна ізоляція CSS через Shadow DOM
  • Стилі вашого сайту не можуть порушити макет віджету
  • Стилі віджету не можуть конфліктувати з вашою сторінкою
  • Стабільний вигляд на всіх темах та шаблонах
  • Не потрібні CSS-скидання або обхідні рішення специфічності

Інтеграція у власний процес

Слухайте події віджету, щоб підключати бронювання до вашої аналітики, CRM або власної сторінки подяки саме так, як ви хочете.

  • Подія onBookingCreated спрацьовує, коли бронювання успішне
  • Подія onError дозволяє обробляти та повідомляти про помилки коректно
  • Запуск відстеження конверсій та аналітики для реальних бронювань
  • Управління власними екранами підтвердження та наступними кроками
  • Підключення бронювань до зовнішніх інструментів без власних бекендів

Налаштування теми під ваш бренд

Налаштуйте кольори, режим, мову та початкову послугу прямо з атрибутів вбудовування, щоб віджет відчувався як рідна частина вашого сайту.

  • Світлий та темний режими з коробки
  • Встановіть колір вашого бренду за допомогою data-primary-color
  • Перевизначте мову відображення за допомогою data-language
  • Попередньо оберіть послугу за допомогою необов'язкового атрибута data-service-id
  • Налаштуйте все декларативно з тега вбудовування

Simple Setup, Maximum Control

One snippet to embed, zero build tools to configure.

embed.html
<div data-yapp-widget
  data-company-id="cmp_abc123"
  data-public-key="pk_live_xyz789"
  data-primary-color="#a855f7"
  data-language="en"
  style="min-height: 500px;">
</div>

<script src="https://js.yappointment.com/v1/widget.js"></script>

Створено для реальних сайтів

Маленькі деталі, що роблять віджет надійним на продакшен-сайтах будь-якого типу.

Швидка доставка через CDN

Віджет обслуговується з https://js.yappointment.com/v1/widget.js, тому завантажується швидко та кешується поруч із вашими відвідувачами.

Працює з будь-яким стеком

Незалежно від того, чи ваш сайт на чистому HTML, WordPress, React, Vue або будь-чому іншому, віджет вбудовується однаково просто.

Легкий за задумом

Побудований на Preact, віджет залишається компактним, щоб завантажуватися швидко та ніколи не обтяжувати ваші сторінки.

Готовий до багатомовності

Показуйте процес бронювання мовою ваших клієнтів та перевизначайте її для кожної сторінки за допомогою одного атрибута data-language.

Full API Reference & Guides

Deep dive into widget events, styling options, and advanced configuration with our developer documentation.

  • Complete widget API documentation with examples
  • Event listener patterns for custom workflows
  • Integration guides for popular frameworks
View Widget Docs

Готові побачити, що зміниться?

14 днів. Повний доступ. Без кредитної картки. Що ви маєте втратити?

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

Розпочати безкоштовний пробний період — 14 днівПереглянути ціни

14-денний безкоштовний пробний період • Без комісії — завжди • Скасувати будь-коли