設定 > ダイレクトブッキング > 予約ウィジェット から、予約エンジンウィジェットを設定できます。
ダイレクト予約ウィジェットのインストールガイドを確認するには？
設定 > ダイレクトブッキング に移動します。
予約ウィジェット タブを選択します。
予約エンジンウィジェット設置ガイド を開きます。
表示された手順に沿って、Webサイトへウィジェットを設置してください。
ダイレクト予約ウィジェットのフィルターの表示順を変更するには？
予約ウィジェット > ウィジェット設定 に移動します。
フィルター セクションを確認します。
フィルターをドラッグ＆ドロップして、希望する順番に並べ替えます。
ダイレクト予約ウィジェットのフィルターを表示または非表示にするには？
予約ウィジェット > ウィジェット設定 > フィルター に移動します。
フィルターの横にある表示／非表示アイコンを使用します。
表示または非表示にしたいフィルターを選択します。
利用できるフィルター
以下のフィルターを設定できます。
コレクション
ロケーション
物件
宿泊日
宿泊人数
ベッドルーム
⚠️ 注意
以下の3つのフィルターは常に表示され、非表示にはできません。
物件
宿泊日
宿泊人数
また、フィルターを非表示にすると、そのフィルターは自動的にフィルター一覧の最後へ移動します。
ダイレクト予約ウィジェットのカラーを変更するには？
施設様のWebサイトやブランドイメージに合わせて、ウィジェットのカラーをカスタマイズできます。
操作手順
**予約ウィジェット→ ウィジェット設定**を開きます。
**カラー**セクションまでスクロールします。
以下のカラーを設定します。
メインカラー
サブカラー
アクションカラー
iFrameプレビューで、変更後の表示を確認します。
ウィジェットのカラーをデフォルト設定に戻すには？
カラー設定を変更した後、初期設定に戻すこともできます。
操作手順
**予約ウィジェット→ ウィジェット設定→ カラー**を開きます。
**デフォルトに戻す**をクリックします。
設定したカラーが初期設定に戻ります。
iFrameプレビューとは何ですか？
iFrameプレビューでは、現在設定しているダイレクト予約ウィジェットが、Webサイト上でどのように表示されるかを確認するためのプレビュー機能です。
以下の内容を実際の表示イメージとして確認できます。
設定した検索フィルター
フィルターの表示順
ウィジェットのカラー
設定を変更した際は、iFrameプレビューで表示を確認しながら調整することができます。
まとめ
ダイレクト予約ウィジェットでは、単に予約機能をWebサイトへ設置するだけでなく、施設様のWebサイトに合わせて表示内容をカスタマイズできます。
設定できる主な項目：
Webサイトへのウィジェット設置
検索フィルターの表示・非表示
検索フィルターの表示順
ウィジェットのカラー
iFrameプレビューによる表示確認
これらの設定を活用することで、施設様のWebサイトのデザインや予約導線に合わせたダイレクト予約ページを作成できます。