To integrate Chat Plus, Dify, and Google Chat, and generate a response using AI when a ticket is created, then send the result to Google Chat.

※In the paid plan, a 2-week free trial is available. During the trial period, you can also use apps and AI functions (operations) that have usage restrictions in the free plan.

Things to prepare in advance

Chat Plus

• Chat Plus account information (to operate the management screen)
• Access token
  • You can obtain it by issuing an API token from Chat Plus.
  • Select the "External Integration" tab from the settings icon at the top right of Chat Plus and click "API Input".

When you select API token issuance on the next screen, you will be asked for the password registered in Chat Plus.

Enter the password and click API token issuance to generate the value.

Dify

• Dify account information (to operate the management screen)
• App (chatbot)
  • How to create: Dify Official App Creation
• Access token
  • Obtain the access token from the app created in Dify.
  • Open the created app and select "Monitoring" from the left menu bar.
  • Select "API Key" for backend and service API
  • Select 'Create a new secret key' from the popup of the API secret key to display the API secret key.
  • More details: Dify My App Registration Method and What You Can Do by Linking

Google Chat

• Since the integration of Google Chat and Yoom can only be performed by someone with administrator privileges on Google Cloud Platform, please request the administrator to integrate Yoom and Google Chat.

Help: Google Chat (OAuth) My App Registration Method

Step 1: Setting up My App Integration

Here, we will set up the registration of app information to be integrated into Yoom. Log in to the Yoom workspace and click new connection on the My Apps screen.

A list of apps that can be connected with Yoom will be displayed, and you can search for apps from the search window. Search for the app to be integrated this time and register it as My App.

Chat Plus

Click the app name from the search results. A screen will be displayed to enter the values obtained in Chat Plus.

• Account name
  • Enter a value that is easy to identify. It is recommended to use a value that can identify the account, such as an email address.
• Access token
  • Enter the API token obtained in Chat Plus in advance.

Enter the required items and click the "Add" button to complete the registration of Chat Plus as My App.

Dify

Click the app name from the search results. A screen will be displayed to enter the values required for integration.

• Account name
  • Enter a value that is easy to identify. For example, an email address is suitable.
• Access token
  • Enter the value obtained in advance.

Enter the required items and click the add button to complete the registration of Dify as My App.

Google Chat

Select Google Chat (OAuth) from the search results.

Click Sign in with Google and select the Google account to integrate.

Enter the information obtained from Google Cloud Platform in each item and click the add button.

＞Help: Google Chat (OAuth) My App Registration Method

This completes the registration of Google Chat as My App.

Step 2: Copy Yoom's Flow Bot Template to My Project

Click this banner.

The template will be copied to My Project. You can access My Project from the left menu bar.

Step 3: App Trigger "When a New Ticket is Created"

Select and click the first step of the template.

Here, you will set up to retrieve ticket information issued by Chat Plus.

(1/2) Select Integration Account and Action

This item is already pre-configured.

• App Trigger Title
• App
• Account Information Integrated with Chat Plus
• Trigger Action

→ Click Next.

(2/2) App Trigger Webhook Event Reception Settings

• Enter the displayed URL into the Chat Plus settings screen.

• Click the settings icon at the top right of Chat Plus to display the menu bar on the left. From the "External Connection" tab, select "API Output". Click "+ Add API Connection" on the right screen.

• Enter a value in the summary as desired. Enter the Webhook URL copied from the Yoom screen into the target. Select the event as "Chat Start". Click "Register" at the bottom of the screen to add it.
• To verify the chat start event, run a test chat.

‍

→ Click Test. → Success. The following items can be retrieved. These values will be used in later steps.

→ Click Save.

Step 4: Integrate with App "Send Chat Message"

Click the second step of the template.

Set up the prompt (instruction) to be sent to Dify.

(1/2) Select Integration Account and Action

Already pre-configured.

• App Trigger Title
• App
• Account Information Integrated with Dify
• Trigger Action

→ Click Next.

(2/2) API Connection Settings

• query
  • Quote the inquiry content from the customer.
  • Click the edit field to display the output obtained from Chat Plus. The code {{本文}} is embedded in the pre-settings, but customization is possible.

• user
  • Set an arbitrary identifier using alphanumeric characters.

• Variables
  • Not mandatory, but using them allows you to set prompts and notifications more flexibly and efficiently. For example, dynamic information such as "Name" or "Date" can be automatically reflected in the prompt, reducing setup effort while enabling tailored responses to users.

→ Click Test. → Success. A response proposal (reply content) can be obtained from Dify.

→ Click Save.

Step 5: Integrate with App "Send Message"

Click the third step of the template.

Here, you will set up a template message to be notified to Google Chat.

(1/2) Select Integration Account and Action

This is already pre-configured.

• App Trigger Title
• App
• Account Information Integrated with Google Chat
• Trigger Action

→ Click Next.

(2/2) API Connection Settings

‍

• Space Resource Name
  • Click the edit field to open a dropdown displaying the space names of the integrated Google Chat. Selecting a space name will quote the ID.

• Message Content

• Create a template message for the sent message. Click the edit field to open a dropdown displaying the output obtained in the previous step.

• When you select an item to send to the channel, the embedded code is automatically quoted. Enter the item name before the quoted code to make it easier to understand when viewing.
• This is a setting to notify the chat content from the user and the response proposal from Dify.

→ Click Test. → Success

→ Click Save. This completes the current process.

Step 6: Turn ON the App Trigger

Once all steps are configured, a completion screen will be displayed.

Turning ON the trigger will activate the flow bot. You can switch it with the toggle at the top left of the template.

<span class="mark-yellow">The flow bot setup was easily completed without programming.</span> The template used this time is here.

Enhance Your Usage! Three Examples of Expanded Automation Achieved through Integration of Dify and Google Chat

Dify and Google Chat can integrate with various business tools, including Chat Plus. This mechanism allows for automation and increased efficiency in operations.

1. Speeding Up Response to Inquiries from Google Forms

Dify automatically analyzes inquiries received through Google Forms using AI, generates response suggestions, and notifies Google Chat. This system reduces the time spent on manual responses and enables prompt customer service, contributing to improved operational efficiency and customer satisfaction.

2. Streamline Zendesk Ticket Handling

Dify automatically converts the content of tickets created in Zendesk into response proposals and notifies you via Google Chat. This allows you to be ready to respond to customers immediately without any hassle, supporting the acceleration and improvement of the overall quality of support operations.

3.  Speed Up Customer Support with Channel Talk

Dify analyzes chat content in Channel Talk using AI and automatically generates appropriate response suggestions, which are then notified to Google Chat. This integration enables timely responses, allowing you to provide fast and accurate customer support.

Summary

By utilizing the flowbot introduced this time, you can automate customer support without the need for programming. The entire process, from ticket creation in Chat Plus to generating response suggestions with Dify and notifications to Google Chat, proceeds smoothly. This can lead to specific benefits such as improved response speed, consistent response quality, and prevention of missed responses. Furthermore, the settings can be intuitively configured with no-code, making it easy for beginners to implement immediately. This flowbot helps achieve comfortable and efficient customer support. Please consider implementing it on this occasion! You can try the flowbot from the banner below.

Well, see you again!