Home Stack Angular
Angular

Add User Onboarding to Angular in 15 Minutes

Guidez is an Angular-compatible overlay that adds product tours, checklists, and AI guidance to any Angular application. It runs completely outside Angular's change detection and module system — no NgModules, no services, no DI. Zero impact on your Angular bundle or performance.

Start Free — No Credit Card Platform Overview
Installation

Angular integration — 3 steps

1
Add the Guidez script tag to your app's HTML entry point
2
Call window.Guidez.identify() after your user authentication resolves
3
Use the Guidez dashboard or AI generator to create your first tour
Angular code example
// In angular.json, add to scripts (or add to index.html):
// index.html
<script src="https://cdn.guidez.io/js" data-token="YOUR_TOKEN" async></script>

// In your auth service or AppComponent ngOnInit:
ngOnInit() {
  this.authService.user$.subscribe(user => {
    if (user) {
      (window as any).Guidez?.identify({
        userId: user.id,
        email: user.email,
        name: user.name
      });
    }
  });
}
Platform Highlights

Everything you need for Angular user onboarding

🤖

AI Tour Generation

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

📋

Onboarding Checklists

Persistent progress trackers that drive users to activation milestones. Works outside Angular's component tree — no re-renders.

💬

AI Guide Assistant

A trained AI chat widget answers user questions 24/7 inside your Angular app — deflecting support tickets.

🔔

In-App Banners

Target banners to specific user segments — plan, role, page, or custom attribute. Zero Angular component overhead.

📊

Analytics & Funnels

Step completion, dropout, and activation rates. Events sync to Amplitude, Mixpanel, and 18+ integrations.

🔌

20+ Native Integrations

HubSpot, Salesforce, Segment, Amplitude, Slack, Jira — events sync automatically, no Zapier required.

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 Angular onboarding

Add the Guidez script tag to your index.html, then call window.Guidez.identify() in your AppComponent ngOnInit() or an authentication resolver after login. Guidez runs outside Angular's change detection — no modules, no services, no injection tokens required.
Yes. Guidez listens to the History API pushState/replaceState events that Angular Router uses. Tours trigger correctly on every route change. For more precise control, call window.Guidez.track() in a Router event subscription.
Yes. Add the Guidez script to your index.html — it will be ignored during server-side rendering and activate only after hydration on the client. Wrap the identify() call in an isPlatformBrowser() check to avoid SSR errors.
No. Guidez is a pure DOM overlay with no knowledge of Angular's module system, DI, or state management. It does not interact with NgRx stores, Angular services, or change detection cycles.
Yes. Guidez provides TypeScript definitions for window.Guidez. Add the type declaration to your tsconfig or use (window as any).Guidez for quick integration. Full TypeScript support is available via the @guidez/types package.

Explore more

React Onboarding Vue.js Onboarding Next.js Product Tours What is User Onboarding? Pricing →

Add User Onboarding to Angular. Starting today.

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

Start Free Today

Free forever · No credit card · Session-based pricing