ヘッダー/フッター・デザイン設定

施設管理画面から[設定]→[ウィジェット設定]の[予約ウィジェット]を選択します。

予約ウィジェットを選択します。

ヘッダーの設定

ヘッダーの設定はホテル名・ロゴ・カスタマイズの三種類から選択します。

ホテル名は設定不要でご利用可能です。

ロゴを使用する場合は選択後下の画像のような画面が表示されますので、画像のアップロードを行ってください。

ホテル名・ロゴを選択した場合は各ホテルの下のサンプル画像のような形で表示されます。

所定のヘッダーデザインを入れたい場合はカスタマイズを選択しHTMLのコード・CSSのコードを入力します。

例：PC版とスマホ版の表示を別にしたい場合

HTML:

<div id="my-pc-header-container">
  ... put your PC header here ...
</div>
<div id="my-mobile-header-container">
  ... put your Mobile header here ...
</div>

CSS:

/* pc case */
#my-pc-header-container {
  display: block;
}
#my-mobile-header-container {
  display: none;
}

/* mobile case */
@media screen and (max-width:767px){
  #my-pc-header-container {
    display: none;
  }
  #my-mobile-header-container {
    display: block;
  }
}

デザインのカスタマイズ設定

検索バーの色と予約フローの色を選択します。

検索バーを黒で設定した場合

予約フローをピンクで設定した場合

文字の色は設定した色の濃さで白か黒に自動で設定されます。

変更は出来ません。

フッターの設定

所定のフッターデザインを入れたい場合はカスタムを選択しHTMLのコード・CSSのコードを入力します。

動画での設定方法ご案内

権限	作業・閲覧可否
ブランド管理者	施設管理画面から作業・閲覧可
施設管理者	作業・閲覧可
施設運営者	作業・閲覧不可