logo

Build a Customer Support bot exactly like TypingMind Support Bot?

Just so you know, we have built a Support bot for TypingMind.com to help resolve user queries directly through a chat widget on our website.
Image without caption
If you are curious about how we built it and want to make a version of support bot for your company, then check out this article for detailed guidelines!
πŸ’‘
Please note that this support bot can only be done with TypingMind Custom (custom.typingmind.com). With Typing Mind Custom, you can create a chat instance under your own domain that functions just like TypingMind.com. It allows full control and customization of the chat instance through an Admin Panel.

Step 1: Create a chat instance

In case you haven’t had a chat instance for TypingMind Custom yet, please sign up for one at https://www.typingmind.com/new-deployment
πŸ’‘
You can choose your hosting location: US and EU to better comply with your company policy.
Image without caption

Step 2: Connect the chatbot with your API keys

After signing up, you will be landed in the Admin Panel, where you can customize almost everything on the chat interface.
To get the chatbot to work properly, you will need to connect it with the chat model’s API key:
  • Go to API keys menu and enter your API key, currently, we offer:
    • OpenAI models: GPT-4 Turbo, GPT-3.5, GPT-4 Vision
    • Anthropic Claude: Claude 3, Claude Instant, etc.
    • Gemini models: Gemini 1.0, Gemini 1.5, Gemini 1.0 Pro Vision, Gemini Ultra
Image without caption
  • Go to Manage Models menu and click Add Custom Models if you want to use Azure OpenAI, Perplexity, Mistral, etc. by adding custom models on your Admin Panel.
Image without caption
As for TypingMind Support bot, we currently using the latest GPT-4 Turbo model and found that it delivers pretty good results.

Step 3: Upload your knowledge base

Connect your knowledge base to the chatbot to help the AI model generate accurate responses based on your company data.
  • Go to the Knowledge Base menu
  • Enable β€œEnable Knowledge Base”
  • Click β€œAdd Data Source”
  • Select a data source to connect with your chat instance. It can be Web URLs, PDF files, Notion pages, Google Docs, and more.
Image without caption
Currently, we are training our support bot with knowledge mostly from our help center: docs.typingmind.com
However, uploading knowledge base isn’t enough for the bot to work properly. That’s why we also need the next step - set up Global System Instructions.

Step 4: Set up Global System Instruction

The AI support bot will provide answers more accurately if you provide it with some rules and guidelines to follow.
  • In the System prompts section, navigate the Global System Instruction to provide guidelines
Image without caption
Best practices to get the AI support bot to work in a manner:
  • Create rules (for example, it shouldn’t answer when users ask a specific topic, it can only give short and concise answers, etc.)
  • Provide your product’s basic information. Let the AI model know a quick overview of how your bot operates.

Step 5: Create AI Agents

The TypingMind Support bot categorizes user queries based on their question types.
  • If users ask for product guidelines, app information, etc, they should go with the β€œGeneral Questions” character
  • If they encounter any issues, they use β€œReport bug” to help resolve the issue or create a complete bug report so they can copy and send it directly to the TypingMind support team. This also helps the team investigate the issue more easily.
You can create as many AI Agents as you want:
  • Go to AI Agents section
  • Create AI Agent and enter the necessary guidelines. For example, within the β€œReport bug” character, you should guide the model on which questions to ask to track down the issue.
Image without caption
πŸ’‘
Please note that you can also connect knowledge base to your AI Agents, here’s the guideline This allows the AI model to surf proper knowledge base for specific needs.

Step 6: Test your chatbot

Test your chatbot with multiple questions varied in different scenarios to ensure the chatbot answers correctly on your queries.
Update your system prompts and knowledge base accordingly, and continue until you are confident with the AI responses.

Step 7: Control Access

Decide on how you want your user to access your support bot:
  • Users use the bot publicly - no login option is needed: Public Mode
  • Users use the bot publicly but have the option to log in: Public Mode and enable β€œAllow anyone to sign-up” / β€œAllow member to log in”
  • Users need to sign up to use the bot: Authorized mode
  • Only invited members can use the bot: Private mode
Currently, the TypingMind Support bot enables Public Mode with limited usage for users, details setup in Step 8.
Image without caption
  • Go to Access Control
  • Enable Public mode for your chat instance

Step 8: Restrict usage

You can restrict usage on your Support bot to control cost and ensure fair use for your members.
  • Go to Usage and Limit
  • Choose the chat model you are currently using for the Support bot
  • Control its visibility and its allowed usage
FYI, TypingMind currently applies a limit of 200 characters per message for users.
Image without caption

Step 9: Control Chat Features visibility

To ensure a no-hassle experience for your members, you should hide all unnecessary features on the chat interface:
  • Go to Chat Features
  • Disable options you do not want to show on the Chat UI
Image without caption

Step 10: Set up your branding

Get the bot to work under your branding:
  • Give your bot a name with your company tagline
  • Upload your brand logo
  • Set it up with your company domain (if any)
  • Choose your chatbot language
  • Pick a theme for the bot to match your brand style
Image without caption

Step 11: Embed chat widget to your website

The final step is to embed the Support bot widget on your website.
  • Go to Chat Widget
  • Copy the code
  • Paste it after the openingΒ <head>Β tag on the page you want to add this widget.
Image without caption

Step 12: Enable Chat logs for future monitor

This option allows you to view user chat history to make sure the AI model response as expected and adjust your guidelines accordingly:
  • Go to Chat logs
  • Click Settings on the top right corner
  • Enable the option β€œRecord all chats from your users”
Image without caption

Conclusion

In case you need further guidelines or clarification, please send us an email to support@typingmind.com, we would be happy to provide further assistance.