3.サイトコントローラーと連携する
- TLリンカーンの場合はこちら
- 手間いらず・ねっぱん・らく通の場合はこちら
- tripla Linkの場合はこちら
サイトコントローラーのご利用がない場合は、施設管理画面ー在庫・価格管理上でご設定ください。(詳しくはこちら:
在庫と料金の設定)
連携が完了すると、施設管理画面の「在庫・価格管理」に在庫と料金が表示されます。
4.表示内容と予約導線の確認
テストページまたはデモページで、実際の表示や、「予約する」ボタンなど予約の導線が正しく動作するかを確認します。
スマートフォン画面での検索バーの表示・予約導線も確認します。
チャットボットをご利用の場合は、PC+スマートフォン両方の画面での検索バーとチャットボットアイコンの表示確認をします。
アイコンと検索バーが重なっている場合、アイコンの位置調整が必要です。
テストページ:HP制作会社様にご依頼ください。※弊社側ではご用意できません。
デモページ:弊社側でご用意したデモのHPに、管理画面で設定した検索バーと空室検索画面を反映したものです。
実際にテスト予約も可能です。決済も可能で実際に決済されますのでご注意ください。
<triplaコードの場所>
新管理画面(CM3.0)の場合:管理者設定ーtripla設定
旧管理画面(CM2.0)の場合:設定ーウィジェット設定ー設定
以上で管理画面側の初期設定は完了です。
本番公開(HPご担当者様)
ホームページ上での本番公開については、tripla側やtriplaの管理画面で必要な作業はございません。
ホームページで公開すると、本番公開となります。
テストページについて
テストページ:Javascriptコードをテストページに設置し、本番公開の2週間前を目途にオンボーディングチームまでご連絡ください。
JavascriptコードはtriplaBookの施設管理画面にあります。
<場所>
tripla Book施設管理画面ー管理者設定ーtripla設定
<例>
本番公開が10月1日を予定している場合、JavaScriptコード設置後のテストサイトを9月17日までにご連絡お願いします。
テストページにて、すべての予約導線を確認した上で、本番公開の流れとさせていただければと思います。
テストページがない場合は、本番環境で動作確認となります。
<tripla Botもご利用の場合>
BookよりBotの準備が早めに完了する場合がありますので、本番環境にも同時にJavaScriptコードを設置お願いします。
※tripla BotサービスはJavaScriptコードを設置するだけで動作しますが、Bookのテストに影響はありません。
本番公開手順
下記の手順でホームページに公開します。
1.Javascriptを埋め込む
ホームページにjavascriptを埋め込むと、検索バーが表示され、空室検索画面を立ち上げることができます。
2.検索バーの表示
triplaが提供する検索バーは、Javascriptを埋め込むとデフォルトで全てのページの中央に表示されます。
位置調整はCSSセレクタで指定できます。
検索バーを非表示にしたい場合は、管理画面上で「検索バーを設置」のチェックをはずして保存すると、検索バーを非表示にできます。
<検索バーの設定場所>
新管理画面(CM3.0)の場合:施設管理画面ー設定ーウィジェット設定ー予約ウィジェットー「検索バーを設置」
旧管理画面(CM2.0)の場合:設定ーウィジェット設定ー予約ウィジェットー「検索バーを設置」
3.空室検索や予約確認のリンク先URLをtriplaのものに指定する
ホームページ上の「予約する」「空室検索」「BOOK NOW」など、空室検索画面を開くボタン(予約導線)や、予約変更・確認・キャンセルのリンク先URLを指定します。
リンク先URLはHP URLの後ろにパラメーターをつけることで作成可能です。日付指定や部屋指定、会員ログインも指定可能です。
※サブドメイン設定の有無によりパラメーターが変わります。
サブドメイン設定をしない場合
空室検索画面の立ち上げ:?tripla_booking_widget_open=search
例)https://triplahotel?tripla_booking_widget_open=search
予約の確認・キャンセル:?tripla_booking_widget_open=confirm
例)https://triplahotel?tripla_booking_widget_open=confirm
サブドメイン設定をする場合
空室検索画面の立ち上げ:/booking/result?code={code}
例)https://triplahotel/booking/result?code=0193853c-9dc4-79bf-85ed-59286b03018f
予約の確認・キャンセル:/search?code={code}
例)https://triplahotel/search?code=0193853c-9dc4-79bf-85ed-59286b03018f
サブドメイン設定をしている場合のパラメーター一覧はこちら