JavaScript Installation

JavaScript Installation

Info
This guide explains how to check and install the JavaScript required to embed tripla Bot and tripla Book on your website.
Alert
If you are using Booking Suite or WIX, the setup method is different, so please follow the appropriate instructions.
※ For properties contracted with tripla Bot, do not use Google Tag Manager (GTM). Please embed the script directly within the tag.


１．How to Check the JavaScript


Book
Bot
Property Management Screen → Admin Settings → tripla Setup

Property Management Screen → Admin Settings → tripla Setup
​



２．How to Install


Basic Installation

Paste the copied code just before the closing </head> tag of your website.
If you add data-triplabot-draggable="true" as shown in the example below, you will be able to move the chatbot icon around the screen.
  1. <head>

    <!-- ... -->

    <script async src="https://tripla.jp/sdk/javascript/tripla.min.js" data-triplabot-code="xxxxxxxxxxxxxxxxxxxxx" data-triplabot-draggable="true"></script>
    </head>

After placing the code, reload your homepage — if the chatbot appears, the installation is complete.


Installation on Booking Suite


Go to the Suite Admin Panel → Content → Pages, and click Edit Homepage.




Scroll to the bottom and insert the code using the Insert Code section.
Save and preview to confirm it works.



If everything looks good, click Publish to complete the process.


Installation on WIX


If your website is built with WIX, please refer to the following link:
Make sure to insert the code snippet into the header section.

※For detailed settings, please refer to the manual provided by Wix.　Manual Link


    • Related Articles

    • Recommender Widget

      With this feature, AI recommendations allow you to display the most suitable room types for each user, tailored by plan. ⏱Estimated time: About 10 minutes. Plans are displayed based on the lowest price over the past year. If “Date Undecided” is ...

    • Booking Widget URL Parameters When Using a Subdomain

      URL parameters refer to variables (strings) added to the end of a URL. By placing links with specific URL parameters on your website, you can launch various views of the reservation widget. If you're using a custom subdomain for your reservation ...

    • Chatbot Widget Settings

      You can configure the chatbot’s appearance, name, icon image, and more. ⏱ Estimated time: about 10 minutes Where to configure In the facility management screen, go to Settings → Widget Settings → open the Chatbot Widget. You can configure various ...

    • How to Set Up SNS Account Login (SSO)

      By enabling SNS Login, users can simplify the registration process by using their existing SNS accounts, reducing the effort needed to input their information. When using SNS login, it is recommended to register your own SNS application in the ...

    • Booking Widget

      ここでは検索バーのON/OFF、宿泊プラン検索画面（ブッキングウィジェット）の編集ができます。 ⏱所要時間：約5分 設定する場所 施設管理画面ー設定ーウィジェット設定ー予約ウィジェット 検索バー 検索バーの表示・非表示ができます。 チェックを外して保存すると非表示になります。 複数部屋検索 検索バーの中の「ご利用部屋数」の欄を表示します。 複数部屋検索を行わない場合、[複数部屋検索]のチェックボックスをオフにして保存してください。 ...