カスタマイズ

カスタマイズは、Winkとの統合のあらゆる側面をコードを書かずにコントロールできる強力な機能です。販売するすべての在庫はカスタマイズ可能です。機能の追加や削除、カラースキームの変更などが行えます。

Customization ページで、操作したいカスタマイズの下にある Actions ボタンをクリックし、Update を選択します。
アカウント作成時にデフォルトのエントリーがすでに用意されています。このエントリーは削除できません。

これにより、5～7つのタブ（アカウントタイプによって異なります）があるカスタマイズフォームに移動します。

一般

General タブで利用可能なオプションは以下の通りです。

名前カスタマイズに名前を付けて簡単に識別できるようにします。例：私の旅行ブログ用
表示通貨 ユーザーが最初に表示される通貨を選択します。例：USD
表示言語 ユーザーが最初に遭遇する言語を選択します。例：英語
ページタイトルに追加 ページタイトル（ブラウザのタブに表示されるタイトル）に追加される内容を制御できます。主に当社の予約エンジンで使用されます。例：https://ota.wink.travel にアクセスすると、デフォルトで Home | Traveliko - Hotels with Benefits と表示されます。’|’ パイプ以降の部分を変更できます。

テーマ

Theme タブでは、当社の booking engine ウェブサイト、WinkLinks ウェブサイト、およびすべての Web Components の外観をカスタマイズできます。

設定

このセクションではデザインとカードレイアウトを設定できます。現在のところ、デザインはWinkのみです。

カードレイアウトは、ユーザーに横並びか縦並びのトランザクションカードを表示するかを制御します。情報は同じです。

カラー

カラーは、ユーザーが当社のUIコンポーネントやウェブサイトをどのように見るかを制御します。既存のカラースキームに合わせて使用してください（ある場合）。

すでに多くのプリセットカラーが用意されており、すぐに試すことができます。プリセットテーマは下のフォームフィールドの色を変更します。完全に独自の色も使用可能です。

以下の開発者サンドボックスでカラースキームをテストしてください。

テーマ設定

アナリティクス

GA4アナリティクスを標準でサポートしています。強化されたeコマースのコンバージョンパス全体を追跡したい場合は、計測IDを用意し、Analytics タブのフィールドに入力してください。

マップ

当社のマップをサイトに埋め込むには、WordPressプラグインまたは Web Components を使用する際に、ご自身のGoogle Maps APIキーが必要です。

キーを生成しサイト用に設定したら、Analytics タブに入力してください。

旅程

Itinerary タブは、選択した在庫の価格表示を確実にするために最も重要なタブです。
旅行在庫の価格設定は複雑なため、Winkは正確な価格を表示するためにユーザーの旅程を知る必要があります。

このセクションでは、以下のような当社のデジタル不動産全体で価格を表示するためのデフォルト旅程を設定できます。

価格オーバーレイ付きのソーシャル向け画像
WinkLinksのグリッド、カード、リンク
Web Components
予約エンジン

日付

静的な日付範囲か、ローリング（日付が変動する）範囲かを選択できます。

特定の日付に開催されるイベント用にカスタマイズを使用する場合は静的日付範囲を選択。
ローリング日付範囲は以下のいずれかを選択：
1. 多くのOTAが採用している「今日＋1泊」をデフォルトにする。
2. 常に空室があるはずの将来の日付をデフォルトにする。

部屋の構成

デフォルトでは旅程は大人2名に設定されています。これは多くの旅行者にとって最も一般的な設定です。
簡単に変更でき、複数の部屋や複数の宿泊者（大人・子供）を追加できます。

プロモーション

プロモーションはユーザーの時間を節約する便利な機能です。
施設から提供されたプロモコードがあればここに入力できます。
あなたのリンク経由で来たユーザーは自動的にプロモコードが旅程に追加され、割引価格が自動適用されます。

統合

Integration タブは、ホテル、インテグレーター、旅行代理店がWinkでの予約の配信方法をより細かく制御したい場合に使用します。

通知

ホテルやインテグレーターに、予約が発生した際に関係者全員に通知するオプションを提供します。
チャネルマネージャーへの通知も含まれます。

デフォルトではこれらのオプションはすべて有効です。無効にしたいケースは以下の通りです。

旅行代理店がAPIレベルで統合されており、自身で確認メールを送信したい場合。
ホテルが統合テスト中で営業スタッフに迷惑をかけたくない場合。
ホテルがメール通知を気にせず、PMS経由のみで通知を受けたい場合。

メールロゴ

インテグレーターが当社のメール通知サービスを利用する場合、メールの見た目を自社ブランドにカスタマイズできます。

ホテル固有

Hotel-specific タブには、ホテルが当社の予約エンジンのランディングページに表示する内容や、指定された旅程に在庫がない場合に表示する内容を制御するオプションがあります。

ランキング 意味のあるランキングをまだ獲得していない施設は、この機能を無効にすることができます。

空室状況 在庫がない場合でも在庫を表示し続けるかどうかを施設が選択できます。

使い方

ほとんどの場合、リンク、カード、マップ、グリッドに適用する Customization を選択します。

手動で設定を適用したい場合は以下のようなケースがあります。

手動オーバーライド カスタム設定を適用した状態で、Shareable Links 機能を使わずに直接予約エンジンへのリンクを共有したい場合。
WordPressプラグイン WinkのWordPressプラグインの Settings に設定を追加する場合。
カスタム統合 当社の wink-app-loader Web Componentを使ってカスタムインテグレーターに手動で適用する場合。

手動オーバーライド

以下は、設定ID（すべての設定を含む）を当社のメイン予約エンジンURLに適用する簡単な例です。

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

WordPressプラグイン

詳細はWink WordPressプラグインをご覧ください。

カスタム統合

ページ上のすべての埋め込みWink Web Componentsを wink-app-loader Web Componentで制御します。

以下は設定IDに MY-UNIQUE-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 にアクセスしてください。