AtlasCustomer portalAPI DocumentationGo to Atlas

Chatbot examples

Last updated October 16, 2026

Who can use this feature?
Admins and Agents. Viewers can only view chatbots.

Overview

These four examples show how real teams use chatbots in Atlas. Together they use every block and every start option, so you can see how each one works in a real conversation before you build your own.

Each example includes what it's for, how to set it up, the flow block by block and what the customer sees in the chat.

Related articles:
•  How to configure a chatbot/workflow: Create a chatbot, connect blocks and publish it.
•  Learn about blocks in chatbots/workflows: Every setting of every block.
•  Chatbots overview: The difference between chatbots and workflows, and best practices.

Key Features

  • Real use cases: Routing, FAQs, sales leads and order help.
  • Every block covered: Each block appears in at least one example.
  • Every start option covered: "Immediately", "When user starts a chat", "When user clicks an element" and "Via SDK".
  • Customer view included: See what the customer reads and clicks at each step.

Which example uses each block

Each example uses its blocks in this order. Together they cover all 15 blocks.

Blocks used in each example

1Route customers

Starts: Immediately

By customer segmentSend messageAdd delayGive choicesBy business hoursCreate ticket

2Answer FAQs

Starts: When user starts a chat

By URLShow articlesGive choicesCreate ticketCall WorkflowSend messageUser message

3Qualify sales leads

Starts: When user clicks an element

Create formCode branchingShow articlesCreate ticket

4Order help

Starts: Via SDK

Dynamic choicesCreate formAPICodeSend messageCall WorkflowCreate ticket

How to route customers to the right team

Customers pick a topic, and the ticket goes straight to the right team. VIP customers skip the questions.

SetupThe flowWhat the customer sees
  • "Start Conversation": "Immediately". The chatbot greets customers as soon as they open the chat widget.
  • "Show to users who are": "Everyone".

Prerequisites: A "VIP" customer segment and a "Billing" and a "Technical" team.

  1. "By customer segment": Add the "VIP" segment.
    • VIP: "Send message": "Hi! You're a VIP customer, so an agent will help you right away." Then "Create ticket" with "Priority" set to high.
    • All others: Continue to step 2.
  2. "Send message": "Hi! 👋 Let's get you to the right person."
  3. "Add delay": 2 "Seconds", so the messages don't appear all at once.
  4. "By business hours":
    • During business hours: "Send message": "Our team is online and will reply in a few minutes."
    • Outside business hours: "Send message": "We're offline now. Leave your question and we'll reply by email."
    • Connect both messages to step 5.
  5. "Give choices": "What do you need help with?" with "Billing", "Technical issue" and "Something else".
  6. "Create ticket": One for each choice:
    • Billing: "Assign team" set to Billing.
    • Technical issue: "Assign team" set to Technical.
    • Something else: No team, so any agent can pick it up.
  • Bot: Hi! 👋 Let's get you to the right person.
  • Bot: Our team is online and will reply in a few minutes.
  • Bot: What do you need help with? [Billing] [Technical issue] [Something else]
  • Customer: clicks Billing

In the inbox, the ticket arrives assigned to the Billing team.

How to answer frequently asked questions

Customers find the answer in your help center articles, and only talk to an agent if the articles don't help. A reusable workflow collects their question when they still need help.

SetupThe flowWhat the customer sees

Prerequisites: At least two published help center articles, for example "How to change your plan" and "How billing works".

The workflow: Go to "Chatbots", click "Add" and select "Workflow". Name it "Collect question".

  1. "Send message": "Tell us what you're looking for and we'll get back to you."
  2. "User message": Waits for the customer's question. Click the ellipsis icon, select "Add Timeout" and enter the minutes to wait.
  3. "Create ticket" on each branch:
    • If user responds: A regular ticket with the customer's question.
    • If user does not respond: "Status" set to Pending and the tag "No reply", so agents know they need to write first.
  4. Click "Publish workflow". Only published workflows can be selected in "Call Workflow".

The chatbot: Click "Add" and select "Chatbot". Name it "FAQs".

  • "Start Conversation": "When user starts a chat". The chatbot starts when the customer starts a new conversation.
  • "Show to users who are": "Everyone".
  1. "By URL": Click "Add URL" and enter your help center URL, exactly as it appears in the browser.
    • Your help center URL: "Show articles" with your billing articles.
    • All others: "Show articles" with a general article, for example "welcome".
  2. "Give choices": Connect both "Show articles" blocks to it. Ask "Did this answer your question?" with "Yes, thanks!" and "No, I need help".
  3. Yes, thanks!: "Create ticket" with "Status" set to Closed, so the conversation is saved but nobody needs to reply.
  4. No, I need help: "Call Workflow" with "Collect question". The workflow asks for the question and creates the ticket.
  5. Click "Publish chatbot".
  • Customer: opens the chat on the help center home page
  • Bot: How to change your plan · How billing works
  • Bot: Did this answer your question? [Yes, thanks!] [No, I need help]
  • Customer: clicks No, I need help
  • Bot: Tell us what you're looking for and we'll get back to you.
  • Customer: Can I pay yearly instead of monthly?

In the inbox, the ticket arrives with the whole conversation. Customers who clicked "Yes, thanks!" leave a Closed ticket, and customers who never replied leave a Pending ticket tagged "No reply".

Example 3: Qualify sales leads

On your pricing page, a "Talk to sales" button starts a chatbot that collects the visitor's details. Larger companies go to your sales team; smaller ones get self-serve resources.

SetupThe flowWhat the customer sees
  • "Start Conversation": "When user clicks an element". In "Element Selector", enter the button's selector, for example #talk-to-sales. Your developers can give it to you.
  • "Show to users who are": "Visitors", so only people who aren't customers yet see it.
  • "Restrict to certain pages": Your pricing page.
  1. "Create form": Add these inputs:
    • "What's your name?" ("Text"), mapped to Customer.FullName.
    • "Work email" ("Email"), mapped to Customer.email.
    • "Phone" ("Phone"), optional.
    • "Company size" ("List") with "1–10", "11–50", "51–200" and "200+".
  2. "Code branching": Decide the path from the company size. Add the outputs "Sales" and "Self-serve":
// Companies with more than 50 people go to Sales
if (context.company_size === "51–200" || context.company_size === "200+") {
  return "Sales";
}
return "Self-serve";
  1. Connect each output:
    • Sales: "Create ticket" with "Assign team" set to Sales and the tag "Lead".
    • Self-serve: "Show articles" with your getting-started guides.
    • Error: "Create ticket" for the Sales team, so no lead is lost.
  • Customer: clicks Talk to sales on the pricing page
  • Bot: shows the form: name, work email, phone, company size
  • Customer: fills it in and selects 200+
  • Bot: Thanks! Someone from our sales team will contact you shortly.

Example 4: Help customers with their orders

Customers check an order's status in the chat, without waiting for an agent. Returns reuse a workflow you already built.

SetupThe flowWhat the customer sees
  • "Start Conversation": "Via SDK". Your app starts the chatbot when the customer clicks "Help" on the "Orders" page:
window.Atlas.call("triggerChatbot", "order_help");
  • "Chatbot key": order_help.

Prerequisites: An API template that gets an order's status from your system, a published "Returns" workflow, and a list custom field with the customer's recent orders, for example Customer.recent_orders.

  1. "Dynamic choices": "Which order do you need help with?" with the variable Customer.recent_orders. The customer sees their own orders as options.
  2. "Create form": "What do you need?" ("List") with "Where is my order?" and "I want to return it".
  3. "API": Select your order status API template. Save the response in variables, for example order_status and delivery_date.
    • If the action fails: "Create ticket" so an agent can check the order.
  4. "Code": Turn the delivery date into a friendly format, for example "Friday, October 23".
  5. "Send message": "Your order is {{order_status}} and should arrive on {{delivery_date}}."
  6. If the customer wants a return, "Call Workflow": select the "Returns" workflow. It runs all its steps here, so you don't build them again.
  7. "Create ticket": End the conversation with a ticket, so the agent sees the whole history.
  • Customer: clicks Help on the Orders page
  • Bot: Which order do you need help with? [#1042 · Desk lamp] [#1038 · Coffee mug]
  • Customer: clicks #1042
  • Bot: What do you need? [Where is my order?] [I want to return it]
  • Customer: clicks Where is my order?
  • Bot: Your order is on its way and should arrive on Friday, October 23.

Tips to build your own

  • Start with one example: Copy the flow that's closest to your case and adjust the texts.
  • Connect every branch: Every choice, timeout and failure branch needs a next block.
  • Always plan a handoff: End each path with "Create ticket", so no customer gets stuck.
  • Test in a private window: You'll start as a new visitor each time.

FAQs & Troubleshooting

Do I need a developer for these examples?

Not for Examples 1 and 2. Example 3 needs the button's selector, and Example 4 needs the SDK code, an API template and a list custom field.

Why doesn't my chatbot appear in the chat widget?

Check that it's published, not in "Draft", and that the start option and audience match the person testing it.

Can I combine examples?

Yes. For example, start with Example 1 and add Example 2's "Show articles" as the first step for the "Something else" choice.

Was this article helpful?