Show every new user the way in.
Product tours, checklists, announcements, hotspots and surveys, built right on top of your own web app. Ship them without a release, and see who finished.
Two script tags to install. Works with Angular, React, Vue or plain HTML.
Everything a new user needs, in one snippet
Mix them freely. A checklist can start a tour, a tour can end in a survey, and the resource center keeps all of it one click away.
Product tour
Step-by-step tooltips and modals that point at real buttons on the page and wait for the user to click.
Checklist
A launcher with the tasks that get a new account to its first success, ticked off as people finish them.
Announcement
Modals, and banners that sit next to your tours, for releases, trials and outages.
Hotspots
Pulsing beacons next to features people miss, with a short tip on hover or click.
Survey
NPS, ratings, single or multiple choice and free text, answered without leaving the page.
Resource center
One help panel with your guides, checklist, knowledge base articles, links and contact options.
Inline card
Cards placed inside your own pages, like an empty state with a video and a button that starts a tour.
From first draft to measured result
The dashboard covers authoring, targeting, translation and analytics, so onboarding doesn't wait on your engineers.
Build on your own page
Open your app with the builder, click the element a step should point at, and write the step right there. No browser extension.
Draft with AI
Describe the tour you want. Gemini reads the page you're on and drafts the steps, already pointed at the right elements.
Target the right people
Show guides by page, user attributes, company, language or what someone has already completed.
Speak every language
Write in English, translate with one click, and each user sees guides in their own language with English as fallback.
See what works
Views, completions and drop-off per step, daily and monthly active users, and survey results you can export to CSV.
Answer questions in the app
Write help articles in every language, or import them from Zendesk, Intercom or UserGuiding, and show them in the resource center.
Live in minutes, not sprints
Paste the snippet into your page head, call identify() when someone signs in, and everything else is managed from the dashboard.
- 1Add the snippet to every page
- 2Identify signed-in users
- 3Publish your first tour
<script>
window.UserOnboarder = window.UserOnboarder || { q: [] };
["identify", "track", "start", "page", "reset"].forEach(function (m) {
UserOnboarder[m] = UserOnboarder[m] || function () { UserOnboarder.q.push([m, arguments]); };
});
</script>
<script async src="https://your-server/sdk.js" data-key="pk_…"></script>Coming from UserGuiding?
Import your existing guides and checklists with their steps, targeting and images. Knowledge base articles come across from Zendesk, Intercom or UserGuiding.
Your next user signs up today. Be ready.
Create a workspace, install the snippet and publish a welcome tour before lunch.