TourKit
Dashboard

How it works

A thin client on your site, a hosted config API, and the dashboard as your control plane.

Architecture at a glance

  • Dashboard — you define projects, tours, steps, and appearance.
  • Public API — the SDK requests tour JSON by script key.
  • SDK — positions tooltips, handles navigation, and sends analytics events.

Runtime behavior

On load, the SDK resolves each step’s CSS selector, scrolls the target into view, draws focus (spotlight), and anchors the tooltip. Users move forward, back, skip, or complete — events can be recorded for analytics.