Introducing Our Enhanced AI Chat Agent: Improved Accuracy, Customization, and Unified UI

Discover our new AI chat agent with advanced response accuracy, customizable prompts, and seamless integration through a unified UI. Learn how our latest features help you train, deploy, and manage AI agents for your website, boosting customer support efficiency.

By Jonathan Lapinsky

In this guide, we'll learn how to create and configure an external AI chat agent for your website using the unified UI. The goal is to help you set up an agent that can accurately respond to customer inquiries, use specific data sources for context, and be easily managed through a single interface.

You will also see how to connect your agent to various data sources, such as websites, files, and connectors like Confluence or SharePoint, to improve its responses. This process will allow you to tailor the agent's identity and behavior to match your brand and support needs.

Let's get started

I want to highlight our new AI agent.

1
This highlights the new AI agent, which has been improved based on user feedback to enhance response accuracy and add new functionalities for better user confidence in training and deployment.

We received feedback after launching our first external AI chat agent, indicating the need for improvements. We have worked to enhance response accuracy and added new features to help customers feel more confident when training and deploying their agents on their websites, leading to better results. We have used the second version of our AI agent for about a month and a half on our team’s customer support hub with great success. Ticket closure rates have increased from about 3–4% to over 30%. We are excited about the experience we will provide to our customers. We are building this within our unified UI, creating a new AI interface. This single location allows you to set up all AI-related features, regardless of which product you are using.

When you enter the admin section of the unified UI, you will see that we are building what I call our connector marketplace.

2
Click on the Connectors tab.
Step #2: Click on the Connectors tab.
3
The Connectors marketplace is a list of micro-integrations used to pull in documents from authenticated sources.

It's essentially a list of micro integrations. For example, Confluence, SharePoint, MindTouch—anywhere someone has documents behind authentication that they want to pull in and use for AI responses in our platform. We will support those.

4
Navigate to the Sites tab to manage your websites.
Step #4: Navigate to the Sites tab to manage your websites.

You will have a section to manage your website. Here, you can crawl websites, ingest their data, and use it as context.

5
Use the Sites section to crawl websites and use the ingested data as context.

We will add a new section for uploading individual files. You can upload these files and use them as context. You will also see a section called Agents, which I will highlight today. The Agent section refers to external agents that can be embedded on customer websites. These agents are used to provide support for customer software. The middle section displays a list of all agents. You can also create a new agent. The agent icons will provide more metadata, including information to help customers understand the accuracy of the responses.

You will be able to see how many messages that agent has exchanged with customers.

6
Click the Create Agent button.
Step #6: Click the Create Agent button.

Let's go through the process of creating an agent. We’ve made this a simple four-step walkthrough. First, set up your agent name. Then... One of the newest features customers requested, and that we needed to offer to stay competitive, was the agent prompt.

7
In the Agent Instructions field, provide instructions to define the AI's identity, boundaries, and tone to reflect your brand.

Now, we are exposing the system prompt to customers. You can give it an identity and set boundaries. You can also specify the tone to match your brand or any other preference. We will take that information and combine it with our system prompt for the agent. This allows customers to customize it. This is a basic prompt written in natural language. You could say, "Hey, you're a friendly..."

8
In the Agent Instructions text box, type 'You are friendly support agent for my SaaS product.'

"You are a friendly support agent for my SaaS product." This is a very basic prompt. This essentially gives the agent an identity. This was a major feature customers requested. It was missing from the first version, but we are adding it in the second.

9
Click the CONTINUE button.
Step #9: Click the CONTINUE button.

After entering your agent's name and adding the customer or agent prompt, proceed to the training section. As we move to the unified UI and combine our products into one platform, AI training will be set up at the account level. If I’m working with team support, any changes I make in my AI settings—such as adding a connector, a website, or documents—will be set up at the team support level.

10
Add knowledge to your AI agent from websites or documents.
11
Determine which TeamSupport AI functionality should use which documents as context.

From there, I can decide which AI features to use with different documents as context. For example, I may have indexed support.teamsupport.com and want my AI agent to use only that website for context. However, I may not want my support ticketing AI to use it.

12
Delineate between sources depending on which AI you are trying to configure.
Step #12: Delineate between sources depending on which AI you are trying to configure.

I will be able to choose between sources based on the AI I am configuring. In this modal, you will see any websites you have already configured. We will make sure you do not accidentally duplicate the websites. If you've already added support.teamsupport.com to your account, you can select it from the added websites. If you have not, it will allow you to access the website and crawl it.

The same applies to files.

13
Click the 'Upload Files' tab.
Step #13: Click the 'Upload Files' tab.

Any files you upload will appear in the Uploaded Files section. You can then select them and allow the agent to view these files for context. If you have not uploaded those files, you can upload them directly in the interface. Connectors will follow a similar pattern.

14
Click the 'Continue' button.
Step #14: Click the 'Continue' button.

If you've already authenticated and set up a connector at your account level, such as Confluence or MindTouch, you can easily add it to the agent by clicking the plus symbol.

15
Click the plus symbol on a data source card to add it to the agent.
Step #15: Click the plus symbol on a data source card to add it to the agent.

If you have not added it to your account, you will still see all the available connectors. You can authenticate directly from this modal. It will then add it to your agent.

16
Click the CONTINUE button.
Step #16: Click the CONTINUE button.

Next, you'll see a summary with the name, description, and the prompt you added. You'll also see any training data provided to the AI agent and the connected data sources from our marketplace.

17
Review the agent's configuration, including Basic Information, Training Data, and Connected Data Sources.

Similar to messaging and live chat, we will provide a snippet for you to embed on your website. Customers can place this in the header of their site, just as they do with our standard messaging and live chat widgets.

18
Copy the installation code and embed it into the header of your website.
Step #18: Copy the installation code and embed it into the header of your website.

While it is independent, this is directly connected to our AI stack.

19
The AI is an independent service that is connected to the AI stack and can be used by all products.

Our AI is an independent service that all our products can use. It uses messaging and live chat features, including a chat bubble. If a customer wants to speak to a human, they can simply say, "Hey, transfer me to a human." Since it is already connected to messaging and live chat on the backend, the conversation is placed into the queue, and an agent can take over from there.

20
This feature utilizes the messaging and live chat bubble.
21
A user can request a transfer to a human agent using natural language.
22
Once a transfer is requested, the chat transcript is automatically moved to the human agent queue.
23
A human agent can then pick up the conversation from the queue.

It will transfer from our AI to messaging and live chat with a human. This is especially helpful for cross-selling. Users can use this autonomously, but if they want additional support, it's a great opportunity to offer human assistance with natural language.

24
The AI-to-human handoff is beneficial for cross-selling opportunities.
25
Offer human transfer as a cross-sell opportunity for AI chats.

We have another product available that allows you to staff a few human agents and easily transfer your AI chat to a human chat. This product will enter customer beta on August 11th. We will begin allowing some customers to try out the entire process.

26
Use the separate product to staff with human agents and transfer AI chats to them.
27
Note that the feature enters customer beta on August 11th.

We have a few things left to finish. We will gather feedback and make improvements based on it.

28
Click the PUBLISH AGENT button.
Step #28: Click the PUBLISH AGENT button.

Introducing Our Enhanced AI Chat Agent: Improved Accuracy, Customization, and Unified UI