自訂化

自訂化是一項強大的功能，您可以用來控制與 Wink 整合的每個面向，而無需撰寫任何程式碼。您銷售的每一項庫存都可以被自訂。新增或移除功能、變更配色方案等等。

以下是開始的步驟：

從 Accounts 選擇您想操作的帳戶。
在帳戶卡片底部點擊 Actions，選擇 Manage account。
在接下來的頁面點擊 Customizations 分頁。
此區域會列出您所有的自訂化項目。
選擇編輯現有項目或建立新的。

在 Customization 頁面中，點擊您想操作的自訂化項目下方的 Actions 按鈕，然後點選 Update。

這會帶您進入自訂化表單，以下功能可供使用。

一般設定

以下是在 General 分頁下可用的選項。

名稱為您的自訂化命名，方便記憶。例如：我的旅遊部落格
顯示貨幣 選擇使用者初次看到的貨幣，會顯示在可預訂旅遊庫存旁。例如：USD
顯示語言 選擇使用者初次遇到的語言。例如：英文
附加至頁面標題 您可以控制頁面標題（瀏覽器分頁上看到的標題）後方要加上的內容。這主要用於我們的訂房引擎。例如：預設瀏覽 https://book.wink.travel 時，您會看到 Home | Traveliko - Hotels with Benefits。您可以更改 ’|’ 管道符號後的所有內容。

主題

Theme 分頁讓您自訂我們的 booking engine 網站、WinkLinks 網站以及所有 Web Components 的外觀與感受。

配置

此區讓您配置設計與卡片佈局。目前僅有一種設計：Wink。

卡片佈局控制您希望使用者看到的交易卡是水平排列還是垂直排列。資訊內容相同。

顏色

顏色控制使用者看到我們任何 UI 元件和網站的配色。用來搭配您現有的配色方案（如果有的話）。

我們已準備大量預設顏色供您嘗試。預設主題會改變下方表單欄位的顏色。您也可以完全使用自己的顏色。

在下方的開發者沙盒中測試您的配色方案。

主題設定

分析

我們內建支援 GA4 分析。如果您想追蹤完整的強化電子商務轉換路徑，請準備好您的測量 ID，並在 Analytics 分頁的欄位中輸入。

地圖

若要透過我們的 WordPress 外掛或 Web Components 將地圖嵌入您的網站，您需要提供自己的 Google Maps API 金鑰。

產生金鑰並為您的網站設定後，請在 Analytics 分頁輸入。

行程

Itinerary 分頁可能是最有趣的部分，因為它確保所選庫存的價格能正確顯示。由於旅遊庫存定價相當複雜，Wink 需要知道使用者的行程，才能顯示準確價格。

此區讓您設定預設行程，以便在我們所有數位資產中顯示價格，例如：

我們帶有價格覆蓋的社群友善圖片。
WinkLinks 的格子、卡片與連結。
Web Components
訂房引擎

日期

您可以選擇設定靜態日期範圍或滾動日期範圍。

若您要為特定日期的活動使用此自訂化，請選擇靜態日期範圍。
若您想要：
1. 預設為今天加 1 晚（大多數 OTA 採用的方式）或
2. 預設為未來某個應該永遠有庫存的日期，請選擇滾動日期範圍。

房間配置

預設行程設定為 2 位成人，因為這是大多數旅客的常見設定。您可以輕鬆更改，並新增多間房間及多位入住者，包括成人與兒童。

促銷

促銷是一項方便的功能，能為您的使用者節省時間。如果某個物業提供了促銷代碼，您可以在此輸入並分享給朋友。任何透過您的連結或類似方式進入的使用者，促銷代碼會自動加入行程，並自動套用折扣價格。

整合

Integration 分頁適用於飯店、整合商及旅行社，讓他們能更精細控制 Wink 上的訂單分配。

通知

此功能讓飯店與整合商選擇是否在訂單發生時通知所有相關方。包括通知渠道管理者。

預設這些選項皆為啟用。整合商可能想停用一項或多項功能的情境包括：

旅行社在 API 層級整合，想自行發送確認郵件。
飯店正在測試整合，不想打擾銷售人員。
飯店不在意電子郵件，只想透過 PMS 收到通知。

電子郵件標誌

整合商若想使用我們的電子郵件通知服務，可以自訂郵件外觀，使其看起來像是由他們發出。

飯店專屬

Hotel-specific 分頁提供飯店控制其在我們訂房引擎上的登陸頁面顯示內容，以及在無庫存時顯示的內容。

排名：尚未取得任何有效排名的物業，可能選擇停用此功能。

可用性：讓物業選擇是否在無庫存時繼續顯示庫存。

使用方式

在大多數情況下，您會選擇要套用到連結、卡片、地圖和格子的 Customization。

以下是您可能想手動套用設定的時機：

手動覆寫 您想直接分享訂房引擎連結，而不使用我們的 Shareable Links 功能，並套用您的自訂設定。
WordPress 外掛 在 Wink WordPress 外掛的 設定 中加入設定。
自訂整合 使用我們的 wink-app-loader Web Component 手動套用至您的自訂整合。

手動覆寫

以下是如何將您的設定 ID（包含所有設定）套用到我們主要訂房引擎 URL 的簡單範例。

https://book.wink.travel?configurationId=MY-UNIQUE-ID

WordPress 外掛

請前往 Wink WordPress 外掛了解更多。

自訂整合

使用 wink-app-loader Web Component 控制頁面上所有嵌入的 Wink Web Components。

以下範例使用 MY-UNIQUE-ID 作為設定 ID。

<html>
  <head>
    <link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
  </head>
  <body>

    <script src="https://elements.wink.travel/elements.js" type="module" defer></script>

    <wink-app-loader
      client-id="YOUR CLIENT ID GOES HERE"
      configuration-id="MY-UNIQUE-ID"
    ></wink-app-loader>
  </body>
</html>

API

想管理自訂化的開發者可以前往 Developers > API > Inventory。