# ①「ブッキングエンジン」サービスのみご契約の場合

> ### 大きく分けて以下の3つの作業が必要です

## **１．【JavaScriptのコード設置について】** <a href="#javascript-code-installation" id="javascript-code-installation"></a>

\
弊社予約システムのJavaScriptのコードをテストサイトへ設置お願いします。\
\
**JavaScriptコードの確認方法：**&#x7BA1;理画面の「設定」→「ウィジェット設定」→「設定」の【設定コード】より\
\
**JavaScriptの設置マニュアル：**[https://docs.tripla.jp/set-up/javascript-setting#no](https://docs.tripla.jp/set-up/javascript-setting#no)

{% hint style="success" %}
テストサイトにてJavaScriptコードを設置後、メールにてテストサイトをご連携お願いします。
{% endhint %}

## **２．【宿泊検索バーの設置について】** <a href="#installation-of-a-lodging-search-bar" id="installation-of-a-lodging-search-bar"></a>

\
宿泊検索バーの表示設定はtripla管理画面にて可能です。

{% tabs %}
{% tab title="中央" %}
【ページ中央】に表示希望

→管理画面の設定から【ページ中央】を選択
{% endtab %}

{% tab title="左下固定" %}
【ページ左下固定】で表示希望

→管理画面の設定から【ページ下部固定（ページ左下固定）】を選択
{% endtab %}

{% tab title="任意の場所" %}
【任意の場所】で表示希望

→ホームページのCSSにて、領域を確保していただき、そのCSSセレクタを管理画面で指定
{% endtab %}
{% endtabs %}

**検索バー設定画面：**&#x7BA1;理画面の「設定」→「ウィジェット設定」→【予約ウィジェット】より\
\
**検索バーのマニュアル：**[https://docs.tripla.jp/set-up/search-bar-setting](https://docs.tripla.jp/set-up/search-bar-setting)\
（JavaScriptのコードを設置すると、検索バーが自動に表示されます。\
検索バーが表示されない場合、管理画面の「ウィジェット設定」ページの「保存」ボタンを1回クリックお願いします）

{% hint style="danger" %}
検索バーを非表示にする場合、管理画面から検索バーの表示をオフに変更してください。
{% endhint %}

\
**３．【予約の確認・キャンセル、部屋タイプ・プランを指定するリンク先について】** <a href="#link-to-specify-confirmation-of-reservation" id="link-to-specify-confirmation-of-reservation"></a>
-------------------------------------------------------------------------------------------------------------------------------------------------------

\
パラメーターで対応可能ですので、各種パラメータをご確認ください。\
※各パラメータをHPのURLの後ろにくっつけると、動作します。\
\
**各種パラメーターのマニュアル**：[https://docs.tripla.jp/setting/booking-widget-url](https://docs.tripla.jp/setting/booking-widget-url)\


{% hint style="success" %}
上記をテストサイトにて設置し、各予約導線を確認した上で、本番公開する流れとなります。
{% endhint %}

