Кнопка «Забронювати зараз»

Кнопка ЗАБРОНЮВАТИ ЗАРАЗ — це загальновживаний термін у готельній індустрії, що позначає власну інтеграцію готелю з провайдером, який знає про доступність та ціни об’єкта і дозволяє мандрівникам забронювати номер. Ця кнопка — найпростіший спосіб для готелів продавати номери на власному сайті на власних умовах.

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

Аудиторія

Ця стаття призначена переважно для готелів, які хочуть встановити наш безкоштовний, висококонверсійний движок бронювання на свій сайт. Але… вона також буде корисною для всіх, хто хоче використовувати наші технології на своїх сайтах.

через посилання

Для найпростіше інтеграції ми рекомендуємо використовувати Shareable Link.

Ось кроки для цього:

1. Перейдіть на https://app.wink.travel
2. Натисніть Sign-In / Register у верхньому правому куті та увійдіть у свій обліковий запис.
3. Виберіть об’єкт, з яким хочете працювати, у випадаючому меню у верхньому лівому куті.
4. Натисніть на Booking engine у навігаційній панелі.
5. Сторінка покаже вам ваше посилання.
6. Передайте це посилання вашому вебмайстру і використовуйте його для кнопки ЗАБРОНЮВАТИ ЗАРАЗ.
7. Ви ✅.

Заувага

Ви можете використовувати це посилання на власному сайті, а движок бронювання також може працювати на вашому власному домені (див. Booking Engine features). Трафік із безкоштовного посилання Google відрізняється: він завжди веде на book.wink.travel. Див. Get Listed on Google.

Розширені можливості

Посилання вже містить маршрут, закодований у URL, який походить із вибраної вами customization. Ви можете додатково налаштувати посилання, зробивши:

• Зміну вибраної кастомізації АБО
• Перезапис маршруту

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

Ось як передати власний маршрут разом із URL.

Дійсні параметри запиту:

• sd Додати дату початку: sd=2027-03-14
• n Додати кількість ночей: n=1 АБО
• ed Використати дату закінчення: ed=2027-03-15
• rc Гості: rc=a2 (Дорослі: 2)
• l Запитати мову відображення: l=es
• c Запитати валюту відображення: c=EUR
• p Додати промоакцію: p=ABC123

URL виглядатиме так:

https://trvl.as/abc123?sd=2027-03-14&n=1&rc=a2&l=es&c=EUR

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

Приклад:

https://trvl.as/abc123?sd=2027-03-14&n=1&rc=a2-ca16q1-ca8q1+a2&l=es&c=EUR

• Тип кімнати 1 = Дорослі: 2, Діти: 2 = 16 років + 8 років.
• Тип кімнати 2 = Дорослі: 2.

Приклад

Зразок HTML кнопки ЗАБРОНЮВАТИ ЗАРАЗ:

Цей зразок передбачає, що ви використовуєте Bootstrap як основну CSS-бібліотеку.

<a
  href="https://trvl.as/abc123"
  target="_blank"
  class="btn btn-lg btn-primary"
  title="Забронювати номер"
>
ЗАБРОНЮВАТИ ЗАРАЗ
</a>

Інші переваги

Існують інші переваги використання одного з наших посилань як кнопки book now.

• Соціально дружнє Посилання легко поширювати в соціальних мережах, і воно відображає динамічне ціноутворення поверх вибраного вами зображення.
• Коротке URL дуже зручний для поширення, його можна використовувати, наприклад, у вашому Instagram Bio URL.

через вбудовування

Деякі готелі хочуть трохи більше функціональності та глибшої інтеграції для свого сайту. Цей приклад охоплює вбудовування Card на їхній сайт.

Ось кроки для цього:

1. Перейдіть на https://app.wink.travel
2. Натисніть Sign-In / Register у верхньому правому куті та увійдіть у свій обліковий запис.
3. Виберіть об’єкт, з яким хочете працювати, у верхньому лівому куті.
4. Натисніть на Search у головній навігаційній панелі.
5. Введіть назву вашого об’єкта і натисніть кнопку пошуку.
6. Натисніть посилання Actions на картці результату пошуку і виберіть Create > Make a Card.
7. Це створить Card.
8. У верхньому правому куті з’явиться повідомлення, що ваша картка готова, і чи хочете ви її додатково налаштувати.
9. Натисніть на Tools > Cards у головній навігаційній панелі, і ви побачите свою нову картку.
10. Натисніть на посилання Actions на вашій картці і виберіть Embed.
11. Відкриється нове вікно з прикладом HTML-коду, який ви можете скопіювати.
12. Щоб отримати ваш Client-ID, перейдіть до Applications.
13. Щоб отримати ваш Configuration-ID, перейдіть до Customization
14. Ви ✅.

Зразок HTML вбудованої картки:

<wink-content-loader
  layout="GUEST_ROOM"
  id="09d7cca4-6ff6-11ef-949b-42004e494300"
></wink-content-loader>

Вищенаведений HTML-зразок не включає необхідні CSS і Javascript Wink; лише картку.

Картка типу кімнати з доступністю, фронтальна сторона

Тепер користувач бачить динамічне ціноутворення, може змінювати маршрут і натискати, щоб забронювати безпосередньо на вашому сайті. Кнопка бронювання веде на сторінку вашого об’єкта Wink для завершення оплати.