Chatbot Widget Settings

Chatbot Widget Settings

Info
Purpose:
This section is to explain how to configure chatbot's appearance, name, icon image and more.
⏱ Estimated time: ~10mins

1. Where to Set

  1. Setting page: Property Management Screen
  2. Action: 'Setting' → "Widget Setting" → "Chatbot Widget"
  1. After clicking "Chatbot Widget", the Chatbot setting screen will displayed.
  2. Various settings can be configured on the chatbot settings screen while checking the preview on the right side.

2. Chatbot Setting

Choose to hide or display the chatbot on the Official Website.
*JavaScript installation is required for it to be displayed.

3. Customize your chat widget

  1. Clicking the arrow on the right side of each menu will display the corresponding items.
  2. Click [Expand All], to display all of the items. 

3.1 Naming

  1. Configure the Chatbot's name and title.
  2. The Chatbot's name and title will be displayed on the top bar when chatbot is open.

3.2 Appearance

3.2.1 Theme Color

Customize the theme color for the Chatbot (top bar color, text bubble color, chat icon, and text color).

3.2.2 Chat icon

The Chatbot icon can be customized by selecting on of the option or by uploading a logo image.

3.2.3 Minimize Icon

The icon can be minimized using the “–” button at the top right.
The color of the minimized icon can also be customized.


3.3 Animation

  1. The chatbot icon in its unopened state can be animated to make it more noticeable.
  2. Not only can it play once, but the loop interval and timing of pauses can also be finely adjusted.

3.4 Position

  1. Display position of the message bubble and chat icon can be adjusted.
  2. Position settings are available for the chat icon’s bubble, the chat icon itself, and the chat window.
  3. Position and size can be modified to prevent overlap with buttons or links on the website.

3.5 Setup

1. Chat Open Code
・Three types of code can open the chatbot: link, button, and image.
・Embedding any of these code types allows the chat to be opened from any location on the homepage.
2. URL filter
・URL-based page display filtering can be configured.
・A QR code can be downloaded.
・Five filter types are available: match, contains, does not contain, starts with, and ends with.
3. QR Code・The chatbot can be displayed via a QR code.
・This QR code can be used when showing it on materials such as room flyers.

3.6 Upload

It is possible to set whether guests can upload images and files in the chat.

    • Related Articles

    • Widget Settings (Search Bar)

      Purpose: This section explains how to install the booking widget and search bar on the website. ⏱ Estimated time: ~10mins In addition to the search bar provided by tripla, the booking widget can also be launched from a custom-designed search bar or ...

    • Redirecting from Phone to Chatbot

      Purpose This section is to explain how to redirecting phone call to chatbot, when users click the phone number listed on the property's website. Required Setting: 1. Require Set up (Required) 2. How to Check the Embed Tag (Required) 3. Phone-to-Chat ...

    • Subdomain Setup for Booking Widget(BW)

      Purpose: This section is to explain basic information and key considerations regarding the use of subdomains for the booking widget. 1. What is Subdomain? A subdomain is used to divide a single domain into multiple parts for different purposes. ...

    • Recommender Widget

      Purpose: This section explains how to configure the recommender widget, which uses AI recommendations to display the most suitable room type for each user by plan. ⏱ Estimated time: ~10mins Plans are displayed at the lowest price within the past ...

    • Area Settings

      Purpose: This section explains the area search settings for the search bar placed on the brand top page of a chain hotel. ⏱ Estimated time: ~10mins Note: A dedicated brand account is required to place this on the brand page. Please contact tripla ...