立即預訂按鈕

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

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

目標讀者

本文主要針對想在自家網站安裝我們免費且高轉換率預訂引擎的飯店。但…對於任何想在網站上使用我們技術的人，也同樣有幫助。

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

操作步驟如下：

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

本文將著重於後者，因為它讓您更自由地讓旅客在網站上選擇行程，並轉送至 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 物業頁面完成付款。