予約ウィジェットのデモ

下のウィジェットは、この1行を貼るだけで別のサイトにも設置できます。 Shadow DOM の中で動くので、設置先のCSSと干渉しません。

<script src="/widget.js" data-brand="demo" data-hotel="hakone" async></script>

この画面で試せること

1. 日程・人数を入れて空室を検索する
2. プランを選んで料金の内訳（宿泊料金・子供料金・宿泊税）を確認する
3. 予約を確定し、予約番号と照会リンクを受け取る
4. 照会リンクから予約内容の確認と取消を行う

関連する画面

• 施設管理画面 — 部屋タイプ・プラン・料金・在庫・予約

在庫と料金が登録されていない日は検索結果に出ません。 まず管理画面の「料金・在庫」でまとめて設定してください。