Customer support
Answer repeat questions about delivery, returns, pricing and setup from your own help documents, around the clock, and pass the rest to your team as tickets.
- Home
- Chat Widget
- Live Demo
Design your chat widget, see it live
These are the same options you get in the dashboard. Change a setting and the widget updates instantly. Nothing is saved and no sign-up is needed to explore.
Quick answer
What is the RSFlowHub chat widget demo?
It is a working copy of the RSFlowHub website chatbot widget that you can customize and chat with in your browser, without an account. Change the title, brand colour, theme, position, greeting and quick replies, try the mobile-number lead form and add your WhatsApp number to see the WhatsApp button, and the widget updates instantly. The widget you build on your own site looks and behaves the same, but answers from your documents and is installed with one script tag.
Go ahead, ask it something.
This demo chat is powered by the same assistant as Flowy AI, RSFlowHub’s own support bot, so it can answer questions about our APIs, pricing and credits. It is a separate chat from the Flowy button at the bottom right. On your own site, the widget answers from the documents you upload.
What you can customize in your chatbot widget
Every option in the demo above is also in the Widget tab of your dashboard. Changes are saved on RSFlowHub and appear on your website the next time a page loads, with no code change.
| Setting | What it does |
|---|---|
| Chat title and subtitle | The name and one-line status shown in the chat header, for example “Acme Support, typically replies instantly”. |
| Brand colour | Colours the header, launcher button and your visitors’ messages. Text colour adjusts automatically so it stays readable. |
| Light or dark theme | Match your site design with a light or a dark chat window. |
| Position | Bottom right or bottom left of the page. |
| Launcher label and avatar | A short text next to the chat button and your own logo as the chat avatar. |
| Greeting message | The first message visitors see when they open the chat. |
| Quick replies | Up to four one-tap suggestions such as “Pricing” or “Talk to sales”. |
| Collect visitor details | Optionally ask for a name and mobile number, a name and email, or all three before the chat starts. Mobile numbers are checked. Leads are saved in your dashboard and can be exported as CSV. |
| WhatsApp button | Add your WhatsApp number and visitors get a “Chat on WhatsApp” button in the header, the menu and next to “Talk to Human”. It opens WhatsApp with your number and a ready message. |
| Human handoff | Adds “Talk to Human”. On Starter and up your team can then join the chat and reply live; the visitor can always leave a support ticket. |
| Attention bubble | A short message that pops up next to the chat button to invite visitors to ask a question. |
| Notice under the message box | A line such as “Replies are generated by AI” so visitors know who they are talking to. |
Also in the dashboard: open the chat automatically after a delay, restrict the widget to your own websites, set a daily message limit with email alerts, choose how long chats are kept, and ask visitors for consent. See the install and settings guide.
How to add an AI chatbot to your website in 4 steps
No developer needed. Most people finish in about five minutes.
-
1
Create a chatbot
Sign up free and create a chatbot in your dashboard. Give it a name and a short description of what it helps with.
-
2
Upload your knowledge
Add PDFs, Word files and FAQs to a knowledge base and attach it. The chatbot answers from this content, and says so when it does not know.
-
3
Customize the widget
Open the Widget tab and set the same options you just tried in the demo: colours, theme, position, greeting, quick replies and lead capture.
-
4
Paste one script tag
Copy the one-line script from the Widget tab and paste it before the closing body tag of your site. You are live.
What a website chat widget is used for
Lead capture
Ask for a name and mobile number (or email) before the chat starts, so every conversation from your site becomes a lead you can call or WhatsApp back.
Documentation and FAQ assistant
Let visitors ask questions in plain language instead of searching a long help centre or knowledge base.
Online stores
Help shoppers with product, shipping and policy questions on Shopify and other online stores while they browse.
Agencies and freelancers
Add a branded chatbot to client websites: your colours, your logo and your tone, set up in minutes.
SaaS and product sites
Guide new visitors to the right plan or feature, and route sales questions to a person.
Works on any website
It is a single script tag, so it works anywhere you can add a script. The install guide has a copy-paste snippet for each platform.
- HTML
- WordPress
- Shopify
- React
- Next.js
- Laravel
- Any site that accepts a script tag
This demo vs the widget on your site
| Topic | Live demo | Your widget |
|---|---|---|
| Answers from | RSFlowHub’s own support assistant (the same as Flowy AI) | The documents and FAQs you upload |
| Look and settings | The real widget, fully customizable | The real widget, fully customizable |
| Settings saved | No, they reset when you leave | Yes, on RSFlowHub, applied on every page load |
| Leads and tickets | Not stored | Saved in your dashboard, leads exportable as CSV |
| Cost | Free | Free to create; replies use your credits, with daily and monthly limits |
| Install | Nothing to install | One script tag |
Built to be safe to put on a public site
A public token, not your API key
The widget token only chats with one chatbot. Your private API key never appears in your website code.
Your websites only
Restrict the widget to your own domains so nobody else can use your chatbot.
Cost limits
Set a daily message limit and a monthly spending limit, with email alerts as you approach them.
Automatic deletion
Choose how many days chats, leads and resolved tickets are kept. Older ones are deleted every night.
Consent and visitor rights
Add a consent checkbox, and download or erase everything stored about one visitor on request.
No billing data shown
Visitors never see credits, usage or plan details, only a short generic message if the chatbot is unavailable.
Frequently asked questions
Plans, limits, privacy and setup, answered in plain language. More in the FAQ centre, or contact us.
Can I try the WhatsApp button in the demo?
Yes. Type your own WhatsApp number in the WhatsApp section and the button appears in the chat header, the menu and next to "Talk to Human". Clicking it opens WhatsApp with that number, so you can see exactly what your visitors will get. The number is not saved.
Can the lead form ask for a mobile number?
Yes. Set "Collect visitor details" to yes and choose name + mobile number, name + email, or all three. The demo checks the number the same way the real widget does: a 10-digit Indian mobile, or any number with its country code. In the demo nothing is stored.
Can I try a website chatbot widget before I sign up?
Yes. This page is a live demo of the RSFlowHub chat widget. You can change its look and behaviour and chat with it without creating an account. Nothing you change here is saved.
Is the demo the same as the real chat widget?
The look and the settings are the same, because the demo uses the real widget. The difference is the knowledge: the demo chats with RSFlowHub's own support assistant, while the widget on your website answers from the documents you upload. In the demo, leads and tickets are not stored.
How do I change the colour of the chat widget?
Pick a brand colour in the Customize panel and the widget updates instantly. On your own site you set the same brand colour in the Widget tab of your chatbot, and the text colour is adjusted automatically so it stays readable.
Can the chat widget sit on the bottom left instead of the bottom right?
Yes. Position can be bottom right or bottom left, and you can switch between a light and a dark theme. Try both in the demo.
Does the chat widget work on WordPress, Shopify and React sites?
Yes. It is one script tag, so it works on plain HTML, WordPress, Shopify, React, Next.js, Laravel and any site builder that lets you add a script. The install guide has a copy-paste snippet for each.
Do I have to change my website code when I change the widget settings?
No. Settings are saved on RSFlowHub and loaded each time a page opens, so you paste the script tag once and every later change appears on your site without touching the code.
Is there a free chatbot widget for a website?
Creating a chatbot and its widget is free. Each reply uses credits from your RSFlowHub wallet, and you can set a daily message limit and a monthly spending limit so costs stay under control.
How long does it take to put the chatbot on my website?
About five minutes: create a chatbot, upload your documents, set up the widget the way you like it, and paste the one-line script tag before the closing body tag of your site.
Put this widget on your website
Create a free account, upload your documents, set it up exactly like this and paste one script tag. It then answers your visitors from your own content.