自社予約システムをウェブサイトに統合する方法
NOBEDSでは、自社予約フォームを個人のウェブサイトに直接埋め込むことができ、ゲストはサイトを離れることなく部屋を予約できます。
統合方法
自社予約フォーム(https://nobeds.app/DirectForm/Index/{hotel_id}でアクセス可能)は、以下のオプションを使用して統合できます。
1. 直接リンクまたはボタン
ウェブサイトに、予約ページへ直接リンクするシンプルなハイパーリンクを追加したり、ボタンとしてフォーマットしたりできます。
<a class="btn btn-sm btn-success" href="https://nobeds.app/DirectForm/Index/{hotel_id}">Direct booking form</a>2. Iframe埋め込み
ウェブサイトのレイアウト内に予約フォームをシームレスに表示するには、このiframeコードをウェブページのHTMLにコピー&ペーストしてください。
<iframe src="https://nobeds.app/DirectForm/Index/{hotel_id}" frameborder="0" onload="this.width=screen.width;this.height=screen.height;"></iframe>3. カスタムカラースタイリング
ウェブサイトのブランドに合わせて、予約フォームの背景色とボタンの色をカスタマイズするには、カスタムカラーの16進数値を(#記号なしで)URLに追加します。
https://nobeds.app/DirectForm/Index/{hotel_id}/{background_color_hex}/{button_color_hex}
- 例 – 背景色を
#6e778aに、ボタンを#131925に設定するには、以下のリンクを使用します。
https://nobeds.app/DirectForm/Index/{hotel_id}/6e778a/131925