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.
https://bit.ly/2 (please update with the actual link if available)

    • Related Articles

    • 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 ...

    • Conversion Tracking (Third-Party Tags)

      You can submit third-party tags such as user analysis tags or advertising conversion tags received from marketing companies, and have them triggered on the reservation confirmation page. To measure conversions from ads, conversion tags need to be set ...

    • 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 ...

    • Custom Authentication

      Here is how to configure Custom Authentication. What is Custom Authentication? Custom Authentication is a feature that enables Single Sign-On (SSO). This allows users to be automatically logged into the tripla chatbot when they are already logged ...

    • Search Bar and Availability Search Screen Settings

      ※This setting is intended for your website administrator. This section is for installing the accommodation plan search screen (Booking Widget) and search bar on your website. In addition to the search bar provided by tripla, it is also possible to ...