Catch trial users at the moment they get stuck
Most SaaS trials are lost quietly: a user hits a confusing setting, can't find the answer and never comes back. HTchat puts chat on your marketing site and inside your app, tells you which screen the user is on, and lets the AI agent answer how-to questions from your own documentation.
Free during beta · No card required · Installs with one line of code
Built for
- Early-stage SaaS with founders doing support
- Product teams running free trials
- B2B tools where sales and support share one queue
What gets in the way — and how HTchat helps
Friction is invisible
Chat opened from /settings/billing tells you more than any survey. HTchat stores the page path for every conversation.
How-to questions repeat
"How do I invite my team?" doesn't need a human. Paste your docs into AI knowledge and it answers — and hands over when it can't.
Sales and support collide
Pricing questions and bug reports land in the same inbox. Assign each to the right person and leave private notes so nobody answers twice.
What a conversation looks like
Pick an example to see how HTchat handles it. These are illustrations of how the product works, not real customers.
Outcome: Answered from documentation pasted into AI knowledge.
Visitor
How do I add a teammate to my workspace?AI agent
Go to Settings → Team and click Invite. They'll get an email to join your workspace.How it works day to day
- 01
Add the snippet to your site and app shell
One script tag in your app's layout. It runs in Shadow DOM, so your app's CSS can't break it and it can't break your app.
- 02
Require an email for in-app chats
Turn on email capture so every conversation is tied to a real user you can find in your own system.
- 03
Let AI handle the docs questions
Q&A plus pasted documentation covers setup and how-to questions; handoff keywords like "bug" or "refund" go straight to people.
- 04
Mention the engineer in a private note
Type @name in a note to pull a teammate in. The customer never sees notes.
The HTchat features you'll use
| Feature | How it helps | |
|---|---|---|
| Shadow DOM widget | Isolated from your app's styles and scripts; loads asynchronously. | Learn more → |
| AI agent with handoff keywords | Answers from your docs and Q&A; words you choose send the chat to a person. | Learn more → |
| Assignment & private notes | Route chats to sales, support or engineering and discuss them with @mentions. | Learn more → |
| Page context | See the in-app screen path and past conversations from the same user. | Learn more → |
| Analytics | Average first response time, AI conversations and handoffs over any date range. | Learn more → |
Setup checklist
Tick the steps as you go — most teams finish in under 15 minutes.
0 of 5 done
Install on your platform
The snippet
Your real widget key appears in Settings → Installation after you sign up.
<script src="https://thchat.app/widget.js" data-htchat="YOUR_WIDGET_KEY" async></script>What HTchat doesn't do yet
So you can decide with the full picture.
- There's no JavaScript API yet to pass a logged-in user's ID or plan to the widget; use email capture instead.
- No Slack or helpdesk integrations yet.
- The AI agent doesn't crawl your docs site automatically — paste the text you want it to use.
Common questions
Will the widget conflict with my React/Vue app?
It's a dependency-free script that renders inside Shadow DOM, so it doesn't share CSS or global variables with your app.
Can I identify logged-in users?
Not automatically yet. Turn on email capture so users enter their account email, which links all their chats as one contact.
Can engineers join a conversation without replying to the customer?
Yes. Private notes are visible only to your team, and @mentioning someone notifies them.
Try HTchat on your own site
Free during beta. Your first conversation can happen today.