Перейти к содержимому

Кнопка «Забронировать сейчас»

TheЗАБРОНИРОВАТЬ СЕЙЧАСbutton — это повсеместно используемый термин в индустрии гостеприимства, который относится к собственной интеграции отеля с поставщиком, который знает о доступности и ценах объекта и может позволить путешественникам забронировать номер. Кнопка — это самый простой способ для отелей продавать номера на собственном веб-сайте и на собственных условиях.

Многие отели используют пакетный механизм бронирования, предлагаемый их менеджером каналов. Мы рекомендуем отелям провести исследование и сравнить собственные механизмы бронирования, прежде чем выбирать какой-либо конкретный.

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

Для простейшей интеграции мы рекомендуем использоватьСсылка для общего доступа.

Вот шаги, которые нужно выполнить:

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

Ссылка уже содержит маршрут, встроенный в URL, который начинается с выбранного вамиcustomization. Вы можете дополнительно настроить свою ссылку:

  • Изменение выбранной настройки ИЛИ
  • Переопределить маршрут

В этой статье мы сосредоточимся на последнем варианте, поскольку он дает вам больше свободы, позволяя путешественникам выбирать маршрут на вашем сайте и пересылать его в систему бронирования Wink.

Вот как вы можете передать свой маршрут вместе с URL-адресом.

Допустимые параметры запроса:

  • сдЧтобы добавить дату начала:сд=2024-08-24
  • нЧтобы добавить количество ночей:п=1 ИЛИ
  • редИспользовать дату окончания:ред=2024-08-25
  • rcГости:гс=а2(Взрослых: 2)
  • лЗапросить язык отображения:л=ес
  • сЗапросить отображаемую валюту:с=евро
  • пДобавить акцию:р=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-код кнопки:

В этом примере предполагается, что вы используетеБутстрапв качестве основной библиотеки CSS.

<a
href="https://trvl.as/abc123"
target="_blank"
class="btn btn-lg btn-primary"
title="Book a room"
>
BOOK NOW
</a>

Есть и другие преимущества использования одной из наших ссылок в качестве вашегоbook now кнопка.

  • Социально-дружественныйСсылку можно легко разместить в социальных сетях, и она отобразитсяdynamic pricingповерх выбранного вами изображения.
  • КороткийURL-адресом очень легко поделиться, и вы можете использовать его, например, в своей биографии в Instagram.

Некоторые отели хотят немного больше функциональности и более глубокой интеграции для своего веб-сайта. Этот пример будет охватывать внедрениеКарточкана их веб-сайт.

Вот шаги, которые нужно выполнить:

  1. Перейти на https://studio.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, перейти к Приложения.
  13. Чтобы получить ваш Configuration-ID, перейти к Настройка
  14. Ты ✅.

Пример HTML-кода встроенной карточки:

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

Приведенный выше пример HTML не включает в себя необходимые Wink CSS и Javascript; только карточку.

Предварительный просмотр карты
Карта типа номера с указанием наличия свободных мест на фасаде

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