Skip to main content

Tutorials｜Set an Official Webpage Interaction Tool (Web Chat Widget) and Connect to CAAC

  • Updated

    The Crescendo SDK provides fast and accurate tracking of website visitor behavior, helping brands run more effective remarketing and personalized interactions.

    After completing the SDK installation, you can enable the Website Interaction Tool (Web Chat) on your website, allowing visitors to start conversations directly with your brand, with all interactions centrally managed in CAAC.

     

    # Feature Overview

    1. Website ↔ CAAC Conversation Integration

    • After installing the Web Widget SDK, an interaction button will appear at the bottom-right corner of your website. Visitors can click the button to open a chat window and interact with your brand.
      Web site.png͍
       
    • All conversations are automatically synced to the CAAC inbox, allowing brands to manage messages from all channels in one place

    ⚠️ If a contact does not interact again within 30 days, the conversation window will automatically expire.

     

    2. Customize the Website Interaction Tool Interface <Updated in 2025.12>

    You can freely adjust the appearance and content of the website interaction tool based on your brand needs, such as the primary color, button colors, brand images, or agent avatars.

     

    3. Track Conversation Performance

    Go to “Analytics” and filter by “All Website Channels” to track the performance of conversations from the website interaction tool. For more details, please refer to: Tutorial｜CAAC Analytics – Conversations, Efficiency, Team 

     

    # How do I install the Website Interaction Tool?

    Please follow the steps in the article below to complete the setup: Software Development Kit (SDK) Installation Guide 

    • After installation, enable the “Web Chat Module” under “Web Tools”
    • Once connected, the website channel will appear as a Web Channel in CAAC

     

    Messages sent by website visitors will appear directly in the CAAC inbox.


    # How do I customize my Website Interaction Tool?

    You can customize the following elements: initial screen, chat screen, welcome message, launch button, and trigger conditions.

     

    Access Path

    • Channel Settings → Web Channel → Click the edit icon
    • Select the “Web Tools” tab, then choose “Automated Content” next to the Web Chat Module

     

    Remember to save your changes after editing

     

    1. Appearance Settings

    You can configure both the initial screen and the chat screen. The real-time preview on the right shows your changes instantly, and you can switch devices to preview how it appears on desktop and mobile.

     

    Initial Screen: The window displayed after visitors click the interaction tool

    • Brand logo and agent avatar

    • Main color (top section and button colors):

    Text color in the chat screen (switch the right-side tab to “Chat Screen”)

     

    2. Welcome Message

    Four languages are currently supported: English, Traditional Chinese, Japanese, and Thai. The system will automatically display the corresponding language based on the visitor’s browser language. If the browser language is not supported, English will be shown by default.

     

    3. Launch Button

    You can customize the icon and position of the launch button on your website.

     

    4. Trigger Conditions

    You can flexibly choose which pages of your website domain the interaction tool appears on.

    • When “All Pages” is selected, the interaction tool will appear on all pages under the Web Channel domain
    • Or set specific path or URL conditions to limit the interaction tool to certain pages only

    Related articles