Home Stack Vue.js
Vue.js

Add User Onboarding to Vue.js in 15 Minutes

Guidez is a Vue-compatible overlay that adds product tours, checklists, and in-app guidance to any Vue application — Vue 3, Vue 2, Nuxt, or custom setups. It runs completely outside Vue's component tree, meaning zero impact on reactivity, no Vuex/Pinia contamination, and no interference with Vue Router.

Start Free — No Credit Card Platform Overview
Installation

Vue.js 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
Vue.js code example
// In your main HTML (index.html or app entry)
<script src="https://cdn.guidez.io/js" data-token="YOUR_TOKEN" async></script>

// In your Vue component (App.vue or router guard)
// Call after your auth resolves:
window.Guidez.identify({
  userId: user.id,
  email: user.email,
  name: user.name,
  plan: user.plan
})
Platform Highlights

Everything you need for Vue.js 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 Vue's component tree — no re-renders.

💬

AI Guide Assistant

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

🔔

In-App Banners

Target banners to specific user segments — plan, role, page, or custom attribute. Zero Vue 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 Vue.js onboarding

Add the Guidez script tag to your public/index.html (Vue CLI) or index.html (Vite), then call window.Guidez.identify() in your App.vue mounted() hook or router.afterEach() guard after authentication resolves. Guidez runs outside Vue's component tree — no components, no reactivity, no bundle impact.
Yes. Guidez automatically listens to the browser's History API pushState/replaceState events, which Vue Router uses for client-side navigation. Tours trigger correctly on every route change without any additional configuration.
Yes. For Nuxt, add the Guidez script via the head config in nuxt.config.ts. Call identify() in your authentication middleware or in a plugin. Guidez works identically in SSR and CSR environments — it activates after hydration on the client side.
Yes. Guidez supports Vue 2 and Vue 3 equally. The integration is identical — script tag + identify() call. There are no Vue-specific APIs used.
No. Guidez is completely isolated from Vue's reactivity system. It does not read or write to Vuex or Pinia stores, does not trigger Vue watchers, and does not cause re-renders. It's a pure DOM overlay.

Explore more

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

Add User Onboarding to Vue.js. Starting today.

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

Start Free Today

Free forever · No credit card · Session-based pricing