TG-Staff 团队 avatar TG-Staff 团队

Building Telegram customer service system from scratch: visual command process and manual configuration tutorial

build-tg-cs command-flow telegram-bot customer-service no-code

Build Telegram customer service system from scratch: visual command process and manual configuration tutorial

Building a professional Telegram customer service system used to mean that you needed to understand Bot API, write code, deploy servers, and maintain bugs. Now, this can all be done through a visual command flow. This tutorial will teach you how to use TG-Staff step by step, and you can build a complete customer service bot including welcome message, FAQ menu and manual transfer function without coding.

Why do we need a visual command process to build a customer service system?

The development threshold for traditional Telegram Bot is high: you have to be familiar with Python or Node.js, handle webhook callbacks, manage session states, and write a bunch of conditional judgments for each menu branch. Once the requirements change (such as adding a new FAQ category or adjusting manual trigger words), the code must be changed and redeployed.

The visual command flow editor turns everything into a drag-and-drop operation. You only need to place nodes, connect lines, and fill in the copy on the canvas to define the behavioral logic of the Bot. The benefits of this approach are straightforward:

  • Zero-code construction: Operations personnel and product managers can also configure Bot independently, no longer relying on development schedules.
  • Quick Iteration: Modify the welcome message and add a FAQ branch, and it will be completed and effective within a few minutes.
  • Reduce maintenance costs: The process structure is clear at a glance, and team members can understand and modify it.

TG-Staff’s visual command process editor is designed for this purpose. It has built-in common components such as message nodes, button menu nodes, and transfer manual nodes, making the process of building a Telegram customer service system as simple as building blocks.

Preparation: Register an account and create a Bot project

Before starting the setup process, you need to complete three preparations: register a TG-Staff account, get a free trial, and bind your Telegram Bot.

Step 1: Register TG-Staff and enter the console

Visit TG-Staff Console and use your email address to register an account. After successful registration, the system will automatically activate a 3-day free trial without binding a payment method. After logging in, you will see the “My Project” page, click “Create Project” to start binding Bot.

Step 2: Bind your Telegram Bot

If you don’t have a Bot yet, open Telegram, search for @BotFather, send the /newbot command, follow the prompts to name it and get the API Token (the format is similar to 123456:ABC-DEF1234ghIkl-zyx57W2v1u123ew11).

Return to the TG-Staff console, paste the Token in the “Create Project” pop-up window, and click “Add Bot”. After a few seconds, the Bot will display the “online” status, indicating that the binding is successful.

Tips

If you don’t have a Bot yet, first search for @BotFather in Telegram, follow the prompts to create a new Bot and copy the API Token. After binding, the Bot can be managed in TG-Staff.

Core steps: Use the visual command process editor to build the welcome message and FAQ menu

Now let’s get to the core part – using the drag-and-drop editor to build the Bot’s automatic reply process. Let’s take the typical path of “the user starts the Bot for the first time → sees the welcome message → selects the FAQ category → gets the answer” as an example.

Node 1: Design welcome message and first screen menu

On the “Command Process” page of the TG-Staff console, click “New Process”. An empty start node will appear on the canvas.

  1. Drag a Message Node from the node library on the left to the canvas and connect it to the start node.
  2. In the editing area of the message node, write the welcome copy, for example:
    欢迎来到 [你的品牌] 官方客服!
    请选择以下服务:
  3. Drag another Button Menu Node and connect it below the message node.
  4. In the Button menu node, add a button. Each button corresponds to a FAQ category, for example:
    • How to place an order?
    • Refund policy
    • Logistics inquiry
    • Contact customer service

Click “Save” and your Bot will have an interactive home screen menu.

Node 2: Build FAQ classification and automatic reply

Each menu button requires a corresponding reply branch. Let’s take the “How to place an order” button as an example:

  1. Drag a connection line from the “How to place an order” output point of the button menu node.
  2. Connect to a new Message Node and fill in the reply content, for example:
    下单步骤:
    1. 点击菜单中的「选购产品」
    2. 选择心仪商品并加入购物车
    3. 填写收货地址并支付
    4. 等待发货通知
    
    如有其他问题,请随时联系人工客服。
  3. Repeat the above steps to create corresponding message nodes for the “Refund Policy” and “Logistics Inquiry” buttons.

When completed, your Bot process will look like a tree: the root node is the welcome message and the main menu, and each branch corresponds to an automatic reply for a FAQ category. When the user clicks any button, the Bot will immediately give a preset answer.

Key configuration: Add a manual node to achieve seamless customer service

Automated replies can solve 80% of common problems, but there are always some complex scenarios that require manual intervention. At this time, you need to insert convert manual node into the process.

Placement and triggering conditions of artificial nodes

There are two common placement strategies for TG-Staff’s artificial nodes:

  • Menu button trigger: In the button menu node in the previous section, we have reserved a “Contact Customer Service” button. Drag a line from the button’s output point to the Transfer Artificial Node. When the user clicks this button, the Bot will automatically create a customer service ticket and assign it to the currently online agent.
  • Keyword matching trigger: If the user enters keywords such as “manual”, “customer service”, and “human transfer”, you can add a keyword matching node at the beginning of the process, and jump directly to the manual transfer node when the match is successful. In this way, even if the user does not click the menu button, he or she can trigger manual transfer by entering text.

Switching to a manual node does not require additional configuration - it is just a signal to tell the TG-Staff system: this user requires manual services. The system will automatically create sessions and assign them to agents according to your preset rules.

Combined with session diversion rules to optimize reception efficiency

After the manual transfer request is triggered, who will receive it? This depends on the session offloading rules you configured in your project settings. TG-Staff provides two distribution modes:

Diversion modeWorking methodApplicable scenarios
Allocation in turnsPoll authorized agents in order, and each person receives a new sessionAll agents are online and hope to distribute the workload evenly
Online PriorityGive priority to the currently online agents; fall back to rotating assignment when all are offlineThe agent schedule is not fixed, and those who are online are expected to pick up first

For most small and medium-sized teams, the “online first” model is more practical - whoever is online will take orders to avoid a backlog of messages. You can modify this rule in “Project Settings” → “Session Diversion” and specify the project customer service scope (“All Customer Service” or “Specified Customer Service”).

Notice

Make sure that at least one agent in your team is online (log in to the web console), otherwise manual transfer requests will not be accepted in time. TG-Staff supports session transfer and collaborative notes to facilitate internal communication.

After the basic construction is completed, you can further optimize the conversion effect of the customer service system. TG-Staff’s Diversion Link function can help you track the source channel of each user.

A divert link is a short link (such as https://app.tg-staff.com/{code}) that you can place in different advertising channels (Google Ads, Facebook, Twitter, email marketing). After the user clicks the link, they will automatically jump to your Telegram Bot, and TG-Staff will capture the following information:

  • Visitor IP address
  • Browser and device information
  • Parameters carried by the URL (such as utm_source, utm_campaign)

When a user interacts with the bot and is eventually transferred to a human agent, the agent can see this source information in the session panel of the web console. Combined with the User Portrait function of the professional version, you can see the user’s historical conversation records, click behavior, group tags, etc., so as to quickly understand the user’s background during customer service conversations and provide more accurate services.

For example, a user enters the Bot through the “Double Eleven Promotional Advertisement” link to inquire about product prices. After the agent sees the source information, he can directly inform the promotional discount instead of repeatedly asking the user where he saw it, thereby improving conversion efficiency.

FAQ

Question: Does visualizing the command process require writing code?

Answer: No. TG-Staff provides a drag-and-drop process editor. All nodes (welcome, menu, manual transfer, etc.) can be completed by dragging and configuring with the mouse, without any programming foundation.

Question: Can the manual node be assigned to an agent?

Answer: Yes. In the project settings, you can set the project customer service scope to “Designated Customer Service” and select specific agents. Session diversion rules support two modes: rotational allocation and online priority. Manual transfer requests will be allocated to authorized agents according to rules.

Question: Can a complete customer service process be built during the free trial period?

Answer: Yes. After registration, you can get a 3-day free trial. The standard version package supports 3 agents, session offloading, offloading links and other functions, which is enough to build and test a complete customer service system. It can be renewed and restored after expiration.

Question: How to monitor whether the messages sent by agents meet compliance requirements?

Answer: The Professional Edition package provides content risk control (internal control management) functions. You can configure sensitive words or wallet addresses in the risk phrase. If the agent hits the risk word before sending the message, the system will pop up a secondary confirmation window or block the sending, and record the trigger log.

Conclusion: Start building your Telegram customer service system today

The visual command process reduces the threshold for building Telegram customer service system to a minimum. You no longer need to write code or handle complex Bot API callbacks. You only need to drag and drop nodes, fill in copywriting, configure and transfer manually, and you can launch a professional customer service Bot within dozens of minutes. Whether it is overseas e-commerce, Web3 projects or community operations teams, this method can help you quickly accept user inquiries and improve response efficiency and conversion rate.

Visit TG-Staff Console now to register an account and start your 3-day free trial. For detailed configuration guide, please consult Official Documentation. If you have any questions, feel free to contact @tgstaff_robot.

next steps

Visit TG-Staff Console to register an account now and start your 3-day free trial. For detailed configuration guide, please consult the Official Documentation. If you have any questions, feel free to contact @tgstaff_robot.