Step-by-step tutorial Getting started

WebChatAgent dashboard tutorial: every menu explained

Click through all 27 dashboard areas and learn what each page is for, what a real record looks like and what to do next.

Beginner54 min readJuly 16, 2026
WebChatAgent dashboard tutorial: every menu explained

This WebChatAgent dashboard tutorial gives beginners a complete map of the current interface before they configure their first assistant.

This guide is a complete dashboard manual rather than a quick orientation. It follows the same path a beginner takes: finish the first-login setup, understand one assistant, then open every account-wide workspace and every control in the header.

Every screenshot shows the real English interface in Light Mode at 1440 × 1000 pixels. The complete application frame stays visible, so the highlighted menu item, header and current page always remain connected. Some pages contain verified tutorial records; intentionally empty pages are identified as empty instead of being filled with invented results.

Plan, role and organization features can hide individual entries. Calls, for example, appears only when phone features are available. If your menu differs, compare permissions and enabled features before treating the difference as an error.

Privacy-protected two-click player

WebChatAgent Dashboard Tutorial: Every Menu Explained

Follow this WebChatAgent dashboard tutorial to understand every sidebar, assistant and header menu through practical examples in the current Light Mode UI.

YouTube · 9:56 · English

The YouTube player stays blocked until you choose Play. Loading it connects your browser to YouTube and may transfer technical data to Google.

Open directly on YouTube

What you will have at the end

  • Know the purpose of every item under Main, AI Assistants and Tools
  • Understand Overview, Settings, Knowledge, Functions and Channels for one assistant
  • Interpret real examples in Live Chats, Analytics, Questions, Feedback and Leads
  • Use Documentation, language, appearance, news, tutorials, help, account and logout safely
  • Choose the correct follow-up workspace for a customer question, content gap or conversion record

Before you start

  • A WebChatAgent account; assistant creation requires the corresponding permission
  • About 35 minutes for the click-through and another 15 minutes to repeat it yourself
  • No technical knowledge, website or API key is required for this dashboard tour

Choose the workspace from the question you need to answer

Assistant tabs change one selected bot. Main and Tools pages organize activity across the account. The header changes the surrounding workspace or opens guidance; it does not modify assistant answers by itself.

Use a simple decision rule: open Conversations for one complete history, Analytics for a trend, Questions or Knowledge Optimizer for missing content, Live Chats for a waiting person and Leads, Bookings or Calls for a conversion record.

Open the relevant recordUnderstand the evidenceTake the next action

01–27

Set it up step by step

1

Start with the Setup Assistant

Choose website-guided setup or a controlled manual start.

On a new account, the Setup Assistant opens over the dashboard. Website creates an assistant from a public URL, Answer is where the first response is checked and Usage explains where visitors can use the result. Closing the overlay only dismisses it; it does not delete account data.

Use the website field only with public content you are allowed to index. For this walkthrough choose Set up manually, because an empty assistant makes every later menu easier to recognize and prevents accidental use of production content.

  • Example input: https://example.com/help
  • Expected: public help pages are indexed and a first answer becomes testable
  • Walkthrough choice: Set up manually; no website is submitted
Choose website-guided setup or a controlled manual start.
2

Create “Tutorial Lab” once

A clear name prevents changes to the wrong bot.

Select Set up manually, enter Tutorial Lab in the Create New dialog and select Create once. The button remains disabled until the name is valid. Wait for the assistant overview instead of pressing Create repeatedly on a slow connection.

Choose names that state purpose or environment, such as Website Support, Internal HR or Storefront Staging. Avoid several assistants named Test because conversations, analytics and knowledge sources later become difficult to assign.

  • Input: Tutorial Lab
  • Observed: one assistant entry appeared under AI Assistants
  • Check: breadcrumb and page heading both show Tutorial Lab
A clear name prevents changes to the wrong bot.
3

Use the assistant Overview

Readiness, missing setup tasks and safe testing in one place.

Selecting Tutorial Lab in the sidebar opens the assistant-specific workspace. Ready to use means the assistant record is active; it does not prove that knowledge, functions or channels are finished. The setup cards show which core task still needs attention.

Use Test chatbot before publishing a channel. Read the assistant name, breadcrumb and selected tab before every change—this small habit prevents edits to the wrong bot when several assistants exist.

  • Example: connect one source, ask one question with a known correct answer, then publish
  • Overview is a checklist; detailed settings live in the adjacent tabs
  • Chatbot actions contains management commands for this assistant only
Readiness, missing setup tasks and safe testing in one place.
4

Configure assistant Settings

Control model behavior, language and service context.

Settings contains the AI connection, model choice, response behavior, service name, timezone, language and advanced options. Change one group at a time and save before running a comparison question so you know which setting caused the difference.

A useful beginner example is the service context: set the service name and primary language, then ask a normal customer question. Provider credentials, temperature and system instructions require their own deeper tutorial because they can materially change every response.

  • Example: Service name “Northstar Support”, language English, timezone Europe/Berlin
  • Expected: replies use the selected business context and language
  • Verify with Test chatbot; do not infer quality from the saved form alone
Control model behavior, language and service context.
5

Manage Knowledge and sources

Ground answers in approved, current content.

Knowledge lists websites, documents, text and connected source systems used for grounded answers. A new assistant correctly shows Data sources required. Add only authoritative material owned or approved by your organization and wait for indexing to finish.

The account-wide usage value measures indexed capacity, not answer quality. After adding a source, ask a question whose answer appears only in that source and verify the wording. Remove duplicates and contradictions before adding more volume.

  • Example source: an approved support-policy PDF
  • Expected: status changes to Completed before testing
  • Verification question: use one unique code or policy detail from the document
Ground answers in approved, current content.
6

Add Functions deliberately

Turn on actions only when the team can process their results.

Functions contains capabilities such as live handoff, questions, feedback, lead capture and connectors. Enabling a function changes what the assistant may do; it does not automatically create a staffed process behind that function.

For example, enable Leads only after choosing the required contact fields and the team that will follow up. Enable Live Chat only when availability and timeout behavior match actual support coverage. Test the full visitor-to-dashboard path.

  • Example: enable Leads with name and email as required fields
  • Expected: a completed visitor form creates a Lead record
  • Verify in Dashboard → Leads, not only in the widget preview
Turn on actions only when the team can process their results.
7

Publish through Channels

Choose where people can reach the tested assistant.

Channels contains deployment surfaces such as the website widget and other enabled messaging or phone channels. The website integration displays the embed code and preview while additional channels can require external authorization.

Publish only after knowledge and one answer are verified. Copy the generated code to a staging page first, check desktop and mobile placement, then confirm that the conversation appears in Conversations under the intended assistant.

  • Example: install the floating widget on staging.example.com
  • Expected: the widget opens without covering navigation or consent controls
  • Verify: send one test question and find its new conversation record
Choose where people can reach the tested assistant.
8

Read Dashboard Home

Use seven-day signals, plan usage and shortcuts as a control center.

Dashboard Home summarizes the rolling Last 7 Days, plan capacity and Quick Actions. Sessions and message cards describe activity; Conversion, Leads and Bookings describe outcomes. Zeroes are expected for a new account and are not a failure state.

Use the cards to notice change, then open the corresponding detail page. Analytics explains trends, Conversations explains individual histories and Leads or Bookings explains stored outcomes. Usage bars are capacity indicators, not performance scores.

  • Example signal: Sessions rise while Leads stay flat
  • Next check: open Analytics for trend and Leads for individual records
  • Do not optimize from one small seven-day sample
Use seven-day signals, plan usage and shortcuts as a control center.
9

Review Conversations

Inspect one complete visitor history and its metadata.

Conversations is the account-wide history of customer chats. Filter by assistant, date or available status fields, then open one record to read user and assistant messages in order. Use the originating page and timestamps to understand context.

A practical support example is a visitor asking about a 2028 warranty policy. Open the complete history before changing knowledge: the issue may be missing content, unclear wording, a channel problem or a deliberate safe refusal.

  • Example input: “What is the 2028 warranty policy?”
  • Inspect: exact answer, previous messages, assistant and source page
  • Next action: Knowledge for missing facts; Settings for behavior; Live Chats for takeover
Inspect one complete visitor history and its metadata.
10

Handle Live Chats

Claim waiting requests and return control deliberately.

Live Chats is the operational queue for human handoff. Review the visitor identity and conversation before selecting Take Over. During takeover, the agent writes directly to the visitor; ending the chat returns the session to the configured bot behavior.

The verified example shows Alex Example in an active human session with the original request and agent response visible together. This is stronger evidence than an empty queue because it proves the request, context and takeover state.

  • Verified example: visitor asked for a human, Alex Example was claimed, an agent reply was delivered
  • Before takeover: confirm staffing and expected response time
  • After resolution: end the human session so the bot can resume
Claim waiting requests and return control deliberately.
11

Investigate trends in Analytics

Compare date range, assistant filter and detailed records.

Analytics turns activity into a date-based comparison. Select the intended assistant and range before reading sessions, user messages, assistant messages, answers with sources, unanswered questions and conversion outcomes. Compare like-for-like traffic periods.

The verified example contains real tutorial activity rather than empty cards. Read the date, selected assistant and KPI values together, then use the lower table or related workspace to find the records behind a surprising change.

  • Verified example: 2 sessions, 5 user messages and 5 assistant messages in the selected period
  • Question to answer: did traffic change, or did behavior within similar traffic change?
  • Next: Conversations for histories; Questions for gaps; Leads for outcomes
Compare date range, assistant filter and detailed records.
12

Use Knowledge Optimizer

Audit weak answers and compare improvements with evidence.

Knowledge Optimizer groups workflows for testing knowledge, running audits, comparing models and reviewing optimization suggestions. Start with one reproducible question and keep the same input while changing only one source, instruction or model.

The example shows an audit and role refinement workflow. A suggestion is not proof of improvement: accept only changes that preserve the correct fact, reduce unsupported wording and pass the same regression question afterward.

  • Example input: a question whose expected answer is known from an approved PDF
  • Compare: before answer, proposed change, after answer and evidence
  • Reject a smoother answer if it becomes less factual
Audit weak answers and compare improvements with evidence.
13

Coordinate work with Tickets

Turn an observed issue into an owned, trackable task.

Tickets provides a board for operational follow-up. Create a ticket from a supported source or manually, give it a specific title, choose a lane and priority, add enough context for another person and assign an owner when the workflow supports it.

The captured board is intentionally empty. A useful first ticket would be “Review unanswered pricing question” with the originating conversation linked in the description. Move it only when the real work state changes.

  • Example title: Review unanswered pricing question
  • Description: exact customer question, assistant, conversation link and desired outcome
  • Done means the fix was implemented and re-tested—not merely discussed
Turn an observed issue into an owned, trackable task.
14

Find knowledge gaps in Questions

Prioritize repeated unknowns using the source conversation.

Questions records visitor questions and their classification. Filter No Information first, then prioritize by frequency and business impact. Open the source conversation before adding content so the intended meaning and surrounding context are clear.

The verified example stores the exact 2028 warranty question, safe abstention answer and conversation context. Add information only when an approved answer exists; otherwise keep the safe refusal instead of inventing policy.

  • Verified input: “What is the 2028 warranty policy for Northstar Services?”
  • Observed: exact question and safe answer stored as No Information
  • Next: add approved text or document, re-index, then repeat the same question
Prioritize repeated unknowns using the source conversation.
15

Understand Feedback

Read the rated answer together with its original question.

Feedback stores visitor ratings or interest signals when the corresponding function is enabled. Filter by feedback type and assistant, then open a record to see the rated answer, original question, page context and timestamp.

The verified example contains a positive rating for a safe warranty-policy abstention. Positive does not always mean the customer received the desired business outcome; here it confirms that the honest no-information response was useful and appropriate.

  • Verified example: one Positive Feedback record with exact question and answer context
  • Investigate patterns across several records before changing behavior
  • Use Conversations when a rating needs the complete message history
Read the rated answer together with its original question.
16

Process Leads

Verify contact details, interest, source and follow-up status.

Leads contains contact records created by enabled lead flows. Open details and verify chatbot, name, email or phone, stated interest, source conversation, timestamp and current status before assigning or exporting the record.

The verified example shows Alex Example with real tutorial email and phone records for Premium plan interest. The email lead was moved from New to Qualified only after the stored details and originating conversation were checked.

  • Verified input: Alex Example, alex@example.com, +49 30 5550123, Premium plan
  • Observed: one email and one phone lead were stored
  • Next: assign owner, update status according to the real sales process, then follow up
Verify contact details, interest, source and follow-up status.
17

Review Bookings

Confirm appointment details created through the configured booking flow.

Bookings lists appointment records produced by an enabled scheduling integration. Filter by assistant, date or status and verify visitor details, selected slot, timezone and external calendar result before treating the appointment as confirmed.

The captured tutorial account correctly contains no bookings because no external calendar was connected. A realistic example is a 30-minute onboarding call requested for 10:00 Europe/Berlin; the result remains unverified until the connected calendar confirms the event.

  • Example request: 30-minute onboarding call at 10:00 Europe/Berlin
  • Expected: one booking plus one matching external calendar event
  • Verification status here: requires an external calendar; no result is fabricated
Confirm appointment details created through the configured booking flow.
18

Inspect Calls

Use phone logs only when the phone feature is enabled.

Calls lists phone interactions when the organization has the phone feature and an assistant phone channel. Filter by assistant, direction, language or status, then open a call to review timestamps, duration and available transcript or outcome fields.

The tutorial account shows the genuine empty call-log interface. A meaningful example would be an inbound support call answered by Tutorial Lab; it becomes verified only after a configured number receives the call and the log appears here.

  • Example: inbound English support call to the configured assistant number
  • Expected: call row with assistant, status, duration and details
  • If Calls is missing, check phone entitlement and role permissions
Use phone logs only when the phone feature is enabled.
19

Open Documentation

Use the reference site for exact fields and integration requirements.

Documentation sits below the operational sidebar groups and opens in a new tab. Use it for the current meaning of settings, payloads, channel prerequisites and technical integration steps while keeping the dashboard open beside it.

For example, after seeing a WhatsApp option under Channels, open Documentation to verify Meta account and number requirements. Return to Tutorials when you need a beginner-friendly end-to-end workflow rather than a field reference.

  • Documentation: exact reference and prerequisites
  • Tutorials: guided workflow with screenshots and examples
  • Support: unexpected product or account state
Use the reference site for exact fields and integration requirements.
20

Collapse or expand the sidebar

Gain horizontal space without hiding navigation permanently.

Collapse menu reduces the desktop sidebar to icons and leaves the current workspace unchanged. Hover an icon to read its tooltip, or select Expand menu at the bottom to restore labels. The preference is remembered for the workspace.

This is useful on narrower laptop screens or wide tables, but beginners should keep labels expanded until the icons are familiar. Collapsing does not change permissions and cannot make a truly unavailable feature appear.

  • Example: collapse while reviewing a wide Calls table, then expand before navigation
  • The selected page and filters remain unchanged
  • Use the bottom control, not browser zoom, to reclaim sidebar width
Gain horizontal space without hiding navigation permanently.
21

Change the interface language

Switch labels while preserving the same workspace.

The language switcher displays the current locale, EN in this walkthrough. Open it to see available account languages. Selecting a language changes interface labels and localized routes; it does not translate stored customer messages or rewrite assistant knowledge.

Keep English selected when following these screenshots. If a colleague uses German, compare icon, section and position rather than expecting the literal English label. Conversation translation, where available, is a separate action.

  • Example: EN → Deutsch changes “Conversations” to its German interface label
  • Stored chat content remains in its original language
  • This guide stays on English so all screenshots match
Switch labels while preserving the same workspace.
22

Control Appearance

Cycle through System, Light and Dark without changing data.

The appearance button cycles through System, Light and Dark. System follows the operating-system preference; Light and Dark remain explicit. The selected mode changes only the visual theme and does not modify records or assistant behavior.

All tutorial screenshots use Light Mode for consistent colors and readable controls. If the interface unexpectedly changes with the computer theme, select the control until the tooltip identifies Light rather than System.

  • Walkthrough state: English interface, explicit Light Mode
  • Expected: white content surfaces and unchanged records
  • Accessibility: use the mode with sufficient contrast for your environment
Cycle through System, Light and Dark without changing data.
23

Read product News

Check recent changes before assuming the interface is broken.

News opens a popover with recent product announcements and dates. An unread marker indicates an item published after the last read point. Open an item for details and mark entries read only after the relevant team has seen the change.

A practical use is checking News when a menu label or feature location differs from an older internal process. News explains the change; Documentation provides the current reference; Tutorials show the new workflow.

  • Example: a release announces a redesigned dashboard navigation
  • Next: compare the publication date with your internal screenshot or SOP
  • Do not use News as a substitute for technical integration documentation
Check recent changes before assuming the interface is broken.
24

Open Tutorials and video guides

Learn a complete workflow without losing dashboard context.

Tutorials & video guides opens a learning dialog over the current dashboard. Explore all tutorials leads to detailed written instructions; video cards provide shorter visual walkthroughs. Closing the dialog returns to the unchanged page beneath it.

Choose the written guide when exact steps, verification states and troubleshooting matter. Choose video for orientation or onboarding, then repeat the workflow in a non-production assistant rather than clicking along in a live customer bot.

  • Example: open this complete Dashboard guide from Explore all tutorials
  • Video: watch the click-through and pause at each example
  • Written guide: copy exact inputs and verify observed results
Learn a complete workflow without losing dashboard context.
25

Use Help & Support

Keep the current page visible while describing an unexpected state.

Help & Support opens a panel beside the dashboard. Describe what you expected, what actually appeared, the affected assistant and the safe steps already attempted. Attach a screenshot without secrets when visual context is necessary.

Use support for an account-specific or unexpected product state, not as the first source for a documented field. For example, report that an entitled Calls page remains unavailable after permissions were checked; include the page URL and timestamp.

  • Good report: expected Calls, observed no menu item, Premium account, permission checked, 14:20 UTC
  • Never include passwords, API keys or private visitor data
  • Keep the panel open while copying the exact visible error
Keep the current page visible while describing an unexpected state.
26

Manage Account settings

Review identity, subscription, billing and account-level controls.

Account opens account information and subscription-related sections. Verify the signed-in identity and organization before changing billing, seats, plan or other account-wide values. Assistant configuration does not belong here.

The screenshot shows the real Tutorial Demo account and Premium subscription state used for capture. Purchases, upgrades and external billing actions require confirmation; opening the page alone does not change the plan.

  • Example check: correct email, organization role and current plan
  • Account scope: identity and commercial settings
  • Assistant scope: Settings, Knowledge, Functions and Channels under the selected bot
Review identity, subscription, billing and account-level controls.
27

Log out safely

End only the current session; account data stays intact.

Logout clears the current authenticated session and returns to the login page. It does not delete assistants, conversations, sources or subscription data. Save any open form before selecting it because unsaved local edits can be lost.

Use Logout on shared or managed devices instead of merely closing the tab. To continue later, sign in again and verify the correct account before opening an assistant. Account deletion is a separate, explicit process.

  • Before logout: save the form and confirm no upload is still running
  • Expected result: login page; existing dashboard data remains available after the next sign-in
  • Security: always log out on shared devices
End only the current session; account data stays intact.

Example & result

See the practical test and its result

Every tutorial includes a fixed input, the expected outcome and a transparent record of what was actually verified locally.

Practical example: The complete WebChatAgent dashboard explained

This exact scenario was completed with the temporary tutorial account.

Verified end to end

Exact test input

Create “Tutorial Lab”, open all five assistant tabs, click every Main and Tools page, then inspect every desktop header control.

Expected result

All 27 tutorial targets remain reachable in the English Light Mode workspace, the full 1440 × 1000 frame stays visible and no click changes or fabricates business data.

What was actually verified

Verified end to end across all 27 tutorial targets, with 28 fresh screenshots and a real click capture. The run created Tutorial Lab once, opened every available sidebar and header target without browser errors, then returned to the current assistant overview for the final evidence frame. Test-account cleanup was verified separately.

Verified end to end across all 27 tutorial targets, with 28 fresh screenshots and a real click capture. The run created Tutorial Lab once, opened every available sidebar and header target without browser errors, then returned to the current assistant overview for the final evidence frame. Test-account cleanup was verified separately.

Tips & tricks

Make the setup reliable

Test with realistic examples, record your baseline and change one setting at a time. That makes real improvements visible.

Follow scope before labels

Assistant tabs affect one bot; Main and Tools pages organize account-wide records. Confirm the assistant, page heading and date filter before acting.

Keep one repeatable example

Use the same known-answer question before and after a change. A stable input makes regressions and real improvements visible.

Separate empty from broken

A new account should have empty conversations, bookings and calls. Verify configuration and create one controlled test record before diagnosing a failure.

Protect customer data

Use purpose-built tutorial identities and redact secrets before sharing screenshots or support reports.

When something does not work

Troubleshooting

Check status, permissions and test data systematically before changing the model or prompt.

A sidebar item is missing

Compare role permissions, plan and organization features. Calls is phone-gated; other pages can be hidden for team members without the matching permission.

The dashboard appears cropped

Use a normal browser zoom, expand the window and remember that page content scrolls inside the fixed header/sidebar frame. The tutorial captures use a 1440 × 1000 viewport.

A metric differs from the example

Confirm date range, assistant filter, timezone and processing delay. The tutorial values prove the workflow; they are not target values for another account.

A click opens an empty page

Check whether the underlying function and channel are configured, then create one controlled test record. Do not seed a production page merely to imitate a screenshot.

Ready for a production-style test

Repeat the 27-step route in a non-production account, then choose one business workflow—answer testing, human handoff or lead capture—and verify it from visitor input to the stored dashboard record.

Related resources