Home React Onboarding
React Onboarding

Add User Onboarding to React in 15 Minutes

Guidez is a React-compatible overlay that adds product tours, checklists, and in-app guidance to any React application — CRA, Vite, or custom setup. No React component wrappers, no re-renders, no bundle size impact.

Start Free — No Credit Card Platform Overview
Platform Highlights

Everything you need to succeed at react onboarding

🤖

AI Tour Generation

Describe your flow in plain English — AI builds every step, copy, and element selector in seconds. No CSS selectors, no guesswork.

📋

Onboarding Checklists

Persistent progress trackers that drive users to activation milestones across sessions. Completion events sync to HubSpot automatically.

💬

AI Guide Assistant

A trained AI chat widget answers user questions 24/7 inside your product — deflecting support tickets and guiding users to the right tour.

🔔

In-App Banners

Targeted banners, tooltips, and announcements based on plan, role, page URL, or any user attribute. Publish in minutes, no engineers.

📊

Funnel Analytics

Step completion, dropout, and retention impact — see exactly how your onboarding drives activation and long-term retention.

🔌

20+ Native Integrations

HubSpot, Salesforce, Segment, Amplitude, Slack, Jira, and 14+ more. Events sync automatically — no Zapier, no middleware.

Pricing

Start free. Scale predictably.

Free
$0
5,000 sessions/mo
Start Free
Starter
$99/mo
50,000 sessions/mo
Start Trial
Growth
$199/mo
100,000 sessions/mo
Start Trial
Business
$299/mo
200,000 sessions/mo
Start Trial

Session-based pricing — no MAU traps. Full pricing →

FAQ

Frequently asked questions about react onboarding

Add the Guidez script tag to your public/index.html (CRA) or index.html (Vite), then call window.Guidez.identify() inside a useEffect after your user authentication resolves. Guidez runs as an overlay outside of React's rendering tree — no React components, hooks, or context required.
No. Guidez installs as a script tag and runs outside React's component tree. There are no React component wrappers, no context providers, no hooks to add. This means zero impact on your bundle size, no re-renders, and no interference with your React application's state.
Guidez automatically listens to History API pushState/replaceState events, which React Router uses for client-side navigation. Tours trigger correctly on every route change without any additional configuration.
Yes. Guidez provides TypeScript type definitions for the window.Guidez API. Install @types/guidez or use the provided types in your tsconfig to get full IntelliSense for identify(), track(), and show() methods.
Guidez does not interfere with Jest or React Testing Library tests. The Guidez snippet is not loaded in the test environment, and all Guidez methods are no-ops if the script is not present — no mocking required.

Explore more

Nextjs Product Tours Product Tours User Onboarding Software Pricing →

Add User Onboarding to React in 15 Minutes. Starting today.

Free forever for small teams. First tour live in under an hour. No engineers required.

Start Free Today

Free forever · No credit card · Session-based pricing