立即預訂按鈕

立即預訂按鈕是飯店業中常見的術語，指的是飯店與能掌握物業可用性與價格的供應商所做的整合，讓旅客能直接預訂房間。此按鈕是飯店在自家網站上以自訂條件銷售房間的最簡單方式。

許多飯店使用其通路管理系統所附帶的預訂引擎。我們建議飯店在決定使用特定預訂引擎前，先做一些研究並比較原生預訂引擎。

目標讀者

本文主要針對想在網站上安裝我們免費且高轉換率預訂引擎的飯店。但…對於任何想在網站上使用我們技術的人來說，也都是有益的閱讀。

為了最簡單的整合，我們建議使用可分享連結。

以下是操作步驟：

該連結已內嵌來自您所選 自訂設定 的行程資訊於 URL 中。您可以進一步自訂連結：

本文將著重於後者，因為它讓您有更大自由度，讓旅客在您的網站上選擇行程並轉送至 Wink 的預訂引擎。

以下說明如何將您自己的行程隨 URL 一起傳遞。

有效的請求參數：

URL 範例如下：

對於更進階的使用情境，您也可以使用 + 符號請求多種房型配置：

範例：

範例 立即預訂 按鈕 HTML：

此範例假設您使用 Bootstrap 作為主要 CSS 函式庫。

<a
  href="https://trvl.as/abc123"
  target="_blank"
  class="btn btn-lg btn-primary"
  title="Book a room"
>
立即預訂
</a>

使用我們的連結作為您的 立即預訂 按鈕還有其他優點：

有些飯店希望網站具備更多功能與更深度的整合。此範例將說明如何將卡片嵌入網站。

以下是操作步驟：

範例嵌入卡片 HTML：

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

上述 HTML 範例未包含必要的 Wink CSS 與 Javascript；僅為卡片本體。

預訂者現在可看到動態價格，能更改行程並直接在您的網站上點擊預訂。預訂按鈕會帶您前往 Wink 物業登陸頁完成付款。