Try the AI Widget inside a SaaS app

You're signed in to Flowline, a made-up analytics app. Follow the steps, or just click around: every way HelpCenter.io can sit inside a product is switched on, and the code panel shows what a developer adds for each.

Start free trial For your developer

Interactive demo

All 11 steps
Your setup
Brand colours

Set in your dashboard, with the launcher icon and texts.

Corner
AI Answers

Off is the widget on a plan without AI. On: Catalyst, or $29/mo add-on.

Step 1 of 11 Every plan

The help button

Click the round button in Flowline's corner. This is the widget's home screen: search, suggestions for the screen you're on, the most read articles, categories and a way to reach the team.

app.flowline.io/reports/weekly
Acme Studio

Weekly report

Last 7 days · All workspaces
Schedule
Active users
4,812
+12%
Activation
38%
+4 pts
D30 retention
41%
flat

A simulation with scripted answers and a made-up app. In your help center, AI answers come only from your own published articles.

What your developer adds for this
HTML Install 
<script>
  window.hcOptions = { app_id: 'YOUR_WIDGET_ID' };
</script>
<script src="https://helpcenter.io/js/init.js" async></script>

Paste it before the closing body tag. Colours, texts and proactive messages are set in your dashboard.

Read more
Add the widget to your website All integration options developers.helpcenter.io