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

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

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

Аудиторія

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

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

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

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

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

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

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

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

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

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

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

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

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

https://trvl.as/abc123?sd=2024-08-24&n=1&rc=a2&l=es&c=EUR

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

Приклад:

https://trvl.as/abc123?sd=2024-08-24&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 на їхній сайт.

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

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

Приклад HTML для вбудованої картки:

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

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

Попередній перегляд картки — *Картка типу номеру з доступністю, фронтальна сторона*

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