自社HP 予約エンジンを設置する方法一覧

Beds24予約エンジンは、さまざまな方法で自社HPに設置することができます。

1.iframeコードで埋め込む

コードを取得する設定画面はこちら

この方法の場合、自社HP上で予約が完結します。

Beds24で取得したコードを、WordPressやWixなどの編集画面に貼り付けてください。

以下が、実際に埋め込んだ予約エンジンです。

このページから移動することなく、予約完了まで進むことができます。

2.予約エンジンをリンクにする

①自社HP上のテキストに、予約エンジンのURLを挿入

ご予約はこちら ←予約エンジンのページに移行します。

予約エンジンのURLを、WordPressやWixなどの編集画面のテキストに挿入してください。

挿入するURLは、Beds24カレンダーの施設名をクリックして確認します。

②WordPressで作成した予約ボタンに、予約エンジンのURLを挿入

ボタンに挿入するURLは①と同じです。

③Beds24リンクジェネレーターで作成したコードを埋め込み

↑クリックすると予約エンジンのページに移行します。

リンクジェネレーターの設定ページはこちら

Beds24で取得したコードを、WordPressやWixなどの編集画面に貼り付けてください。

 

④Beds24で作成した短縮URLを、自社HP上のテキストに挿入

ご予約はこちら ←クリックすると予約エンジンのページに移行します。

ジャンプするページは同じですが、URLが予約エンジンの元々のURLと異なります。

短縮URLの設定ページはこちら

3.Beds24で作成した予約ボタンなどをコードで挿入

①予約ボタン

予約ボタンの設定ページはこちら

Beds24で取得したコードを、WordPressやWixなどの編集画面に貼り付けてください。

②部屋タイプの埋め込み式カレンダー

埋め込み式カレンダーの設定ページはこちら

Beds24で取得したコードを、WordPressやWixなどの編集画面に貼り付けてください。

③予約ボックス

予約者情報を入力
到着
滞在泊数
大人
子供

設定ページはこちら

Beds24で取得したコードを、WordPressやWixなどの編集画面に貼り付けてください。

④予約スプリット

設定ページはこちら

Beds24で取得したコードを、WordPressやWixなどの編集画面に貼り付けてください。

⑤問い合わせフォーム

設定ページはこちら

Beds24で取得したコードを、WordPressやWixなどの編集画面に貼り付けてください。
自社HP上で問い合わせ送信が完結します。

(4)Wordpressのプラグインを使用する方法

①Wordpressのプラグインより「Beds24 Online Booking」を検索

②プラグインをインストール後、Settings>Beds24 >Settingsメニューより、Owener idなどの登録をしてください。

※Onwer idは設定>アカウント ページで確認可能です。
Property idは設定>プロパティページで確認可能です。

③Short Codesのメニューより、お好きなShort codeをコピーし、予約エンジンを表示させたい箇所にShort codeを貼り付けてください。