Live in three steps
Paste a snippet, capture a report, watch it route. No SDK to set up, nothing to deploy.
1. Add the snippet
Copy your project key from the dashboard (Projects → Install snippet) and drop this before</body>.
<!-- FeedbackGraph widget -->
<script>
(function(s,i,g,n,a,l){s.FeedbackGraph=s.FeedbackGraph||function(){(s.FeedbackGraph.q=s.FeedbackGraph.q||[]).push(arguments)};
a=i.createElement(g);a.async=1;a.src=n;l=i.getElementsByTagName(g)[0];l.parentNode.insertBefore(a,l);})
(window,document,'script','https://cdn.feedbackgraph.com/widget.js');
FeedbackGraph('init', { projectKey: 'pk_live_xxx' });
</script>2. Capture a report
Your users click “Report a bug”, draw on a screenshot or record their screen, and send. Console, network and error context are attached automatically. Control it programmatically:
FeedbackGraph('open', { mode: 'screenshot' }); // or 'video' | 'describe'
FeedbackGraph('setContext', { appVersion: '2.4.1', plan: 'pro' });
FeedbackGraph('identify', { email: 'user@acme.com' });
FeedbackGraph('close');3. Triage & route
Reports land in your inbox with an AI title, summary, severity and evidence attached. Set routing rules, or create an issue in Jira, Linear, GitHub or Slack with one click — statuses sync back automatically.
What gets captured automatically
- Console logs
- Network requests
- JavaScript errors
- Screenshot or screen recording
- Page URL and route
- Browser, OS and viewport
No-code option
Prefer a hosted form? Share your public feedback URL — no snippet required:
https://app.feedbackgraph.com/feedback/<projectKey>Quickstart FAQ
Where do I find my project key?+
In the dashboard under Projects → Install snippet. Each project has its own publishable key (pk_live_…) that goes in the init call.
Can I use it without writing code?+
Yes. Share your hosted feedback URL (app.feedbackgraph.com/feedback/<projectKey>) — no snippet required. Reporters get the same two-click capture experience.
What data is captured automatically?+
Console logs, network requests, JavaScript errors, the screenshot or recording, the page URL, and browser context — so engineers can reproduce the issue without a back-and-forth.
Which frameworks are supported?+
Any website. The widget is a single script tag and runs in a Shadow DOM, so it works alongside React, Vue, Angular, plain HTML, or anything else — without clashing with your styles.
How do reports reach my issue tracker?+
Connect Jira, Linear, GitHub or Slack in the dashboard, then route any report in one click or set rules to auto-route. Statuses sync back both ways.