Integrations
Tour Kit + Intercom: show tours before chat, not afterIntegrate Tour Kit with Intercom to show contextual product tours before users open chat. Working code, event bridging, and the gotchas we hit.Apr 9 · 8 min readIntegrations
Tour Kit + Segment: piping tour events to every analytics toolBuild a custom Segment plugin for Tour Kit that sends tour lifecycle events to 400+ destinations. TypeScript code, gotchas, and free tier limits.Apr 9 · 8 min readIntegrations
Tour Kit + Storybook: documenting tour components in isolationBuild and test product tour components in Storybook with Autodocs, play functions, and the a11y addon. Working TypeScript examples included.Apr 9 · 9 min readIntegrations
Tour Kit + Supabase: tracking tour state per userPersist product tour progress in Supabase PostgreSQL with Row Level Security. Replace localStorage with cross-device tour state in under 100 lines.Apr 9 · 8 min readIntegrations
Tour Kit + TanStack Router: multi-page tours with type safetyBuild type-safe multi-page product tours with Tour Kit and TanStack Router. Route context, beforeLoad guards, and typed search params for onboarding flows.Apr 9 · 8 min readIntegrations
Tour Kit + Clerk: role-based tours with auth contextBuild role-based product tours using Clerk's useAuth and useOrganization hooks with Tour Kit. TypeScript examples for admin, member, and custom role onboarding.Apr 9 · 9 min readIntegrations
Tour Kit + Formbricks: in-app surveys after tour completionWire Tour Kit's onComplete callback to Formbricks surveys for post-tour NPS, CSAT, and custom feedback. Open source stack with working TypeScript examples.Apr 9 · 9 min readIntegrations
Tour Kit + HubSpot: trigger CRM workflows from tour completionWire Tour Kit's onComplete callback to HubSpot's Contacts API. Update lifecycle stages and automate CRM follow-ups with TypeScript code.Apr 9 · 8 min readIntegrations
Tour Kit + LaunchDarkly: feature-flagged onboarding flowsWire LaunchDarkly feature flags into Tour Kit to show the right onboarding flow per cohort. TypeScript guide with kill switches and rollouts.Apr 9 · 9 min readIntegrations
Tour Kit + Lemon Squeezy: handling license validation for Pro featuresWire Lemon Squeezy license keys to Tour Kit Pro feature gating in React. Server-side validation, client caching, and the three gotchas we hit.Apr 9 · 9 min readIntegrations
Tour Kit + Novu: omnichannel onboarding notificationsConnect Tour Kit tour events to Novu's notification infrastructure for omnichannel onboarding. Send emails, push, and in-app messages based on tour behavior.Apr 9 · 10 min readIntegrations
Tour Kit + OpenTelemetry: observability for onboarding flowsBuild an OpenTelemetry plugin for Tour Kit that turns tour events into distributed traces. TypeScript code, OTel Collector setup, and Jaeger visualization.Apr 9 · 7 min readIntegrations
Tour Kit + Polar.sh: managing Pro subscriptions with license keysWire Polar.sh license keys to Tour Kit Pro packages in React. Client-side validation, activation limits, and the real cost at international scale.Apr 9 · 9 min readIntegrations
Tour Kit + Prisma: storing tour progress in your databaseStore product tour progress in PostgreSQL with Prisma ORM. Replace localStorage with cross-device, queryable tour state using React Server Components.Apr 9 · 9 min readIntegrations
Tour Kit + React Email: onboarding emails that continue the tourConnect Tour Kit analytics callbacks to React Email and Resend to send behavior-based onboarding emails. Working TypeScript code for multi-channel onboarding.Apr 9 · 7 min readIntegrations
Tour Kit + Sentry: catch tour errors before users report themWire Tour Kit callbacks to Sentry breadcrumbs and error boundaries so tour failures surface in your dashboard, not in support tickets. TypeScript examples.Apr 9 · 7 min readIntegrations
Tour Kit + Stripe Billing: show upgrade tours at the right timeConnect Stripe webhook events to contextual product tours in React. Trigger upgrade prompts on trial expiry, feature limits, and payment failures.Apr 9 · 9 min readIntegrations
Tour Kit + tRPC: type-safe tour configuration from the serverServe product tour steps from a tRPC backend with Zod validation and TanStack Query caching. Update tour content without redeploying your React app.Apr 9 · 10 min readIntegrations
Tour Kit + Vercel Analytics: measuring tour impact on speedConnect Tour Kit to Vercel Analytics and Speed Insights to measure how product tours affect Core Web Vitals. TypeScript code, CLS/INP gotchas included.Apr 9 · 8 min read