Tracya Documentation

Tracya is a no-code in-app onboarding widget. You define guided tours, tooltips, and banners in the dashboard editor, then a lightweight JavaScript snippet renders them inside your web app — no code changes required after the initial installation.

---

Quick start

Step 1 — Copy your project ID

Sign in at app.tracya.io, open the Projects tab, and click Copy next to your project's UUID.

Step 2 — Add the snippet to your app

Paste the following before the closing </body> tag:

<script>
  window.OnboardFlow = window.OnboardFlow || { q: [] };
  window.OnboardFlow.q.push(['init', {
    projectId: 'YOUR_PROJECT_ID',
    apiUrl: 'https://api.tracya.io'
  }]);
  (function () {
    var s = document.createElement('script');
    s.src = 'https://api.tracya.io/static/widget/onboardflow.min.js';
    s.async = true;
    document.head.appendChild(s);
  })();
</script>

Replace YOUR_PROJECT_ID with the UUID from Step 1.

Step 3 — Create and publish a flow

In the dashboard, open the Editor tab, load your app URL, use Select mode to pick elements, add steps, and click Save flow. The flow is live immediately.

---

Documentation

Installation : Full snippet reference, configuration options, SRI hashes, and troubleshooting for CORS, CSP, and element-not-found errors.

User Guide : Step-by-step instructions for creating projects, building flows with the visual editor, testing, and reading analytics.