自社予約システムをウェブサイトに統合する方法

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