AI onboarding SDK

Onboarding that walks your users there.

Canvise embeds an AI guide in your web app. It understands plain-language questions, then leads users step-by-step with an animated cursor. One script tag, no backend integration.

Early access as spots open. No spam.

The problem

Onboarding is broken.

Static tours, tooltips, and help docs get ignored. Users hit an unfamiliar, empty UI and churn before they ever reach value.

The core failure

Empty states kill activation

A brand-new dashboard with zero data feels dead. New users can’t picture it full of their own data, so they bounce before the first win.

“Where is X?” is the silent question

Users won’t file a ticket or read the docs when they get lost. They just quietly leave.

Tour builders are rigid and expensive

Hard-coded product tours break on every UI change and need engineering time to script each step.

How it works

Live in one line.

No backend changes. No SDK to wire into your data. No tour scripting.

index.html
<script
  src="https://cdn.canvise.com/canvise.js"
  data-canvise-key="YOUR_KEY"
  data-canvise-api="https://api.canvise.com"
  async
></script>
    1

    Drop in one script tag

    Add a single line to your app. Framework-agnostic: it works with React, Vue, Svelte, or plain HTML.

    2

    It configures itself

    On first load, Canvise scans your app to set up the navigation map, likely questions, and a matching accent. Everything stays editable anytime.

    3

    Go live

    Users start asking. You watch what they ask, what they find, and what they miss in analytics.

Guided navigation

It takes users there, not just tells them.

Most in-app AI answers with a wall of text. Canvise resolves the intent and runs a live guided tour across your real UI.

Dashboard
Invoices
Customers
Reports
Settings
Here are your invoices
where are my invoices?
Canvise
  1. 01

    Understands intent

    Reads plain-language questions like “where are my invoices?” and works out what the user actually wants.

  2. 02

    Guides to the exact spot

    Glides an animated cursor to the target element and frames it with a highlight ring.

  3. 03

    Narrates every step

    Explains each move in plain language, then navigates SPA routes client-side.

  4. 04

    Never touches your app

    It only points the way. Canvise never clicks or changes your page.

Demo mode

Make an empty product feel alive, instantly.

One tap fills empty tables with realistic sample records so new users see the value, tour it, then reset. It never touches your backend; injection is 100% client-side.

CustomersDemo mode off
NamePlanMRRStatus
No customers yetTurn on demo mode to preview
Three appearances

One AI core. Three looks.

Every appearance shares the same engine; they differ only in how it shows up. Each honors your accent, name, and position.

AskChatVoice
Action BarExpandable glass dock: Ask · Chat · Voice
Need a hand? Ask me.
AI OrbA living, pulsing orb popover
Ask anything…⌘K
Where are my invoices?
Invite a teammate
Export this report
Command BarCentered ⌘K spotlight: “Ask anything…”
On the roadmap

The most exciting parts are almost here.

Shipping soon: the differentiators that make Canvise configure and speak for itself.

Voice mode

Talk to your app: speech in, spoken answers, and a downloadable transcript. Hands-free, accessible, and genuinely an assistant.

AI auto-onboarding

On install, Canvise scans your site and auto-configures the navigation map, top questions, and branding. Zero setup; it configures itself.

For developers

Built to drop in, impossible to break.

One script tag, framework-agnostic. Shadow-DOM isolated and error-boundaried, so a widget failure can never touch your page.

  1. 01

    One script tag

    A single self-contained bundle from a CDN. Works with React, Vue, Svelte, or plain HTML.

  2. 02

    ~19 KB gzipped

    Tiny and lazy-loaded, so it never blocks your app’s first paint.

  3. 03

    Shadow-DOM isolated

    Sandboxed and error-boundaried, so a widget failure can never reach your page.

  4. 04

    SPA-safe

    Follows client-side route changes via pushState, so guidance survives navigation.

  5. 05

    Never touches your data

    Reads and writes nothing in your backend or your users’ data. TypeScript end-to-end.

Security & privacy

Safe by design.

Canvise guides and demos entirely on the client. It doesn’t read or write your users’ real data, and your secrets stay server-side.

  • Secrets never leave the server; the AI key and directive stay in the backend
  • Shadow-DOM sandboxed and error-boundaried
  • Row-level security on all tenant data; per-key rate limiting
  • Privacy-first analytics: usage events, not personal data
Your app · browser
Canvise widgetShadow-DOM sandbox
Guided tours · demoClient-side only
Canvise server
AI key and directive
Row-level security
Usage analytics
secrets never cross
Analytics

See exactly where users get stuck.

Per-site and org-wide: widget opens, queries, and answer rate, plus “map gaps”: the questions users asked that you haven’t mapped yet.

Query analyticsLast 7 days
MTWTFSS
Top questions
Where are my invoices?
How do I invite a teammate?
Export a report
Map gaps
Bulk-edit recordsUnmapped
Cancel subscriptionUnmapped
FAQ

Questions, answered.

Everything a developer asks before dropping in the script.

Get started

Drop in one script. Your app onboards itself.

Add the AI guide that walks your users there. No backend integration, framework-agnostic, live in minutes.