Skip to main content
← All articles

Integrations

19 articles

Integrations
Tour Kit + Intercom: show tours before chat, not after
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, 2026 · 8 min read
Integrations
Tour Kit + Segment: piping tour events to every analytics tool
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, 2026 · 8 min read
Integrations
Tour Kit + Storybook: documenting tour components in isolation
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, 2026 · 9 min read
Integrations
Tour Kit + Supabase: tracking tour state per user
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, 2026 · 8 min read
Integrations
Tour Kit + TanStack Router: multi-page tours with type safety
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, 2026 · 8 min read
Integrations
Tour Kit + Clerk: role-based tours with auth context
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, 2026 · 9 min read
Integrations
Tour Kit + Formbricks: in-app surveys after tour completion
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, 2026 · 9 min read
Integrations
Tour Kit + HubSpot: trigger CRM workflows from tour completion
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, 2026 · 8 min read
Integrations
Tour Kit + LaunchDarkly: feature-flagged onboarding flows
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, 2026 · 9 min read
Integrations
Tour Kit + Lemon Squeezy: handling license validation for Pro features
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, 2026 · 9 min read
Integrations
Tour Kit + Novu: omnichannel onboarding notifications
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, 2026 · 10 min read
Integrations
Tour Kit + OpenTelemetry: observability for onboarding flows
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, 2026 · 7 min read
Integrations
Tour Kit + Polar.sh: managing Pro subscriptions with license keys
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, 2026 · 9 min read
Integrations
Tour Kit + Prisma: storing tour progress in your database
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, 2026 · 9 min read
Integrations
Tour Kit + React Email: onboarding emails that continue the tour
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, 2026 · 7 min read
Integrations
Tour Kit + Sentry: catch tour errors before users report them
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, 2026 · 7 min read
Integrations
Tour Kit + Stripe Billing: show upgrade tours at the right time
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, 2026 · 9 min read
Integrations
Tour Kit + tRPC: type-safe tour configuration from the server
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, 2026 · 10 min read
Integrations
Tour Kit + Vercel Analytics: measuring tour impact on speed
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, 2026 · 8 min read