Skip to content
WEGMSTUDIO
AskBot AI Assistant website design
Custom ProjectsID: WGM038

A help desk chat that answers from your own knowledge base, with ratings you can act on

AskBot AI Assistant

Front-end demo of a clinic help desk chat: conversation list, typing indicator and word-by-word replies from a local keyword-matched knowledge base, a Q&A manager, feedback thumbs and a satisfaction chart.

Starting at

₹999

Includes customisation with your content. Final price depends on changes.

What's included

  • Chat thread with a typing indicator, word-by-word reply reveal and a Stop button
  • Keyword matching with synonyms (for example timings, open and hours) inside the page; no AI model or network calls
  • Each answer shows the matched article, related questions, a copy button and helpful/not-helpful thumbs
  • Conversation list in the sidebar with search, day grouping, New chat and Delete chat
  • Knowledge-base manager to add, edit, test and delete Q&A pairs with keywords and categories, saved to localStorage
  • Needs attention list of unanswered questions and unhelpful answers, with Write answer and Improve answer buttons
  • Insights view: satisfaction rate, questions asked, share answered, a 14-day ratings chart and top topics
  • Fallback reply with a WhatsApp link to the front desk, pre-filled with the patient's question
  • Starter question cards on a new chat and suggested-question chips above the composer

Pages included

  • App — Chat with conversation sidebar, How it answers panel, Knowledge base manager, Needs attention list, Insights
Mobile responsiveHTML5CSS3JavaScriptGoogle FontsSVGlocalStorage

Try the live website

This is the real site running — scroll, click and switch devices.

Loading live preview…

About this template

AskBot AI Assistant is a front-end demo of a help desk chat, shown for the sample Vriksha Family Clinic in Jayanagar, Bengaluru. It opens straight into a conversation. The sidebar holds navigation and the conversation list with search and New chat; the main area is the chat thread with suggested questions, and wide screens add a panel on how answers are found, popular questions and desk hours. Further views cover the knowledge base and insights. Answers come from 23 clinic Q&A pairs stored in the page. The app matches keywords and common spellings, shows a typing indicator, then reveals the reply word by word. No AI model or network call is used, and the interface says so. Each reply shows the matched article, related questions and helpful or not-helpful thumbs. Unanswered questions and unhelpful answers go to a Needs attention list for the owner to fix. Data is saved in localStorage, with Reset demo data. As a custom project the studio connects it to a real backend, and an AI service if wanted, and replaces the sample clinic and answers with the customer's own. The style is warm ivory with a deep indigo sidebar and apricot accents, in Fraunces and Plus Jakarta Sans, with an SVG satisfaction chart drawn by the app's own code. On phones the sidebar becomes a bottom tab bar; the word-by-word reveal switches off for reduced motion. It suits clinics, labs, insurance agencies and service businesses.

Design highlights

  • Ivory pages with a deep indigo sidebar and apricot accents
  • Fraunces display serif paired with Plus Jakarta Sans
  • Three-pane chat layout: conversation sidebar, thread and an explainer panel on wide screens
  • SVG stacked-bar ratings chart with a satisfaction line, drawn by the app's own JavaScript
  • Bottom tab bar and full-screen conversation sheet on phones

Who it's for

Clinics, diagnostic labs, hospitals, insurance agencies, schools and service businesses that answer the same questions every day and want a chat help desk on their site. Good for owners who want to see the full chat, knowledge-base and feedback flow before the studio builds the real backend, and an AI service if they choose one, as a custom project.

Related templates

A front-end demo of a restaurant point-of-sale with a live table map, menu grid by category, an order cart with 5% GST and service charge, printable KOT and bill, and today's sales.

Starting at

₹999

TaskBoard

WGM118

Front-end demo of a project management app for an agency: projects sidebar, drag-and-drop kanban with a keyboard Move menu, task details with checklist and comments, assignee and priority filters, My tasks and a workload chart.

Starting at

₹999

Front-end demo of shop inventory and GST billing on sample data: products with low-stock alerts, stock in/out ledger, an invoice builder with CGST/SGST split and print-ready invoices, and sales reports.

Starting at

₹999