Skip to Content
Feedback & MonitoringFeedback

💬 Feedback

Capture bug reports, feature requests, and general feedback from your end users through an embeddable widget, customizable templates, and intelligent routing rules.

🌟 Overview#

The Feedback module lets your team collect structured input directly from customers, beta testers, and internal stakeholders. Instead of relying on email threads, Sniffer provides an embeddable JavaScript widget that users interact with on your live website, and a centralized management interface for triaging submissions.

Each feedback submission automatically captures contextual data — screenshots, screen recordings, browser information, console logs, and network requests — giving developers full context from the first report. Submissions can be converted into issues on the 📋 Task Board  with a single click.

📑 Sidebar Navigation#

The Feedback section includes five sub-modules accessible from the project sidebar:

ModuleIconRouteDescription
💬 FeedbackFeedback icon/sf/projects/:id/feedbackView and manage all feedback submissions
💡 Feature RequestsLightbulb icon/sf/projects/:id/feature-requestsFeature request dashboard with analytics
🐛 Bug ReportBug icon/sf/projects/:id/bug-reportCustomer-reported bug submissions
📝 Feedback TemplateDocument icon/sf/projects/:id/feedback-templateCreate custom feedback forms
📘 Widget DocsScanner icon/sf/projects/:id/feedback-widget-docsEmbed code and setup instructions
🛤️ Feedback ConfigSettings icon/sf/projects/:id/feedback-configPath rules, routing, widget configuration

💬 Feedback List#

Navigate to Feedback from the sidebar to view all submissions.

📋 List Columns#

ColumnDescription
IDUnique feedback identifier
CategoryBug Report 🐛, Feature Request 💡, or General Feedback 💬
Reporter EmailEmail of the submitter
SummaryBrief description of the feedback
StatusNew, Under Review, Accepted, Rejected, Converted
PriorityCritical, High, Medium, Low
TemplateWhich feedback template was used
DateSubmission timestamp
ActionsView · Convert · Reject · Delete

🔍 Filtering#

FilterOptions
StatusNew, Under Review, Accepted, Rejected, Converted
CategoryBug Report, Feature Request, General Feedback
PriorityCritical, High, Medium, Low
Date RangeFilter by submission date
TemplateFilter by feedback template used
URLPage where the feedback was submitted
SearchFull-text search across content

🔄 Bulk Actions#

  • Convert multiple feedbacks to issues
  • Reject a batch
  • Assign triager
  • Export as CSV

🐛 Bug Reports#

Route: /sf/projects/:id/bug-report

Dedicated interface for managing external bug report submissions — typically from customers using the widget or extension.

📝 Bug Report Fields#

FieldDescription
TitleBrief summary of the bug
DescriptionDetailed reproduction steps
Reporter EmailContact email of the submitter
URL / PageWhere the bug occurred
Browser / DeviceAuto-captured technical environment
AttachmentsScreenshots, recordings, or files
SeverityReporter-assessed severity level
Console LogsAuto-captured
Network LogsAuto-captured

🔄 Bug Report Workflow#

📝 Submitted → 👁️ Under Review → 🐛 Converted to Bug (on Task Board)
                                → ❌ Rejected (with reason)
                                → 💡 Converted to Feature Request
                                → 🔁 Marked as Duplicate of existing

Tip: Converting a bug report creates a full issue on the 📋 Task Board  with all the captured context attached — screenshots, logs, device info — and copies the reporter email into the issue’s reporter field.

💡 Feature Requests#

Route: /sf/projects/:id/feature-requests

FeatureDescription
Request ListAll submitted feature requests
📊 AnalyticsTrends and popular requests over time
👍 UpvotesCustomer votes / interest count
🔴 PrioritizeSet priority and importance
🔄 ConvertConvert accepted requests into tasks on the board
📊 Status TrackingTrack request progress (Open → Planned → Shipped)
🗨️ Public DiscussionOptional public roadmap thread per request

📝 Feedback Templates#

Route: /sf/projects/:id/feedback-template

Create custom feedback forms with configurable field types:

Field TypeDescription
📝 Text InputSingle-line text field
📄 Text AreaMulti-line text field
📋 DropdownSelect from predefined options
☑️ CheckboxMultiple selection options
🔘 Radio ButtonSingle selection from options
⭐ RatingStar or numeric rating scale
📎 File UploadAllow file attachments
🔢 NumberNumeric input with min/max
📅 DateDate picker
📧 EmailEmail input with validation

Template Actions#

ActionDescription
➕ CreateBuild a new feedback template
✏️ EditModify existing template fields
📋 CloneDuplicate a template as starting point
🗑️ DeleteRemove a template
👁️ PreviewPreview the form as users will see it
🔗 DefaultSet as default for the project

🧩 Feedback Widget#

The embeddable JavaScript widget lets end users submit feedback directly from your website.

⚙️ Widget Configuration#

Configure from Feedback Config or during 📁 Project creation :

SettingTypeDescription
Brand Color🎨 Color pickerPrimary accent color for the widget
PositionSelectionFloating or corner placement (4 corners)
Display ModeSelectionPopup, inline, or sidebar
TriggerSelectionFloating button, custom selector, both
Bug ReportToggleEnable/disable bug report category
General FeedbackToggleEnable/disable general feedback
Feature RequestToggleEnable/disable feature requests
SuggestionToggleEnable/disable suggestions
Collect EmailTogglePrompt users for their email
Required EmailToggleMake the email field required
Dark ModeToggleDark theme for the widget UI
Auto-Detect ThemeToggleMatch user’s prefers-color-scheme
Max Recording SecondsSliderMaximum screen recording duration
Powered ByToggleShow/hide “Powered by Sniffer” attribution
Company NameText inputYour company name in the widget header
Privacy / MaskToggleAuto-mask input fields and PII

📘 Widget Installation#

Navigate to Widget Docs in the sidebar to get your embed code:

<script
  src="https://cdn.snifferweb.com/sniffer.js"
  data-project-id="YOUR_PROJECT_ID"
></script>

Note: This same script tag also powers 📡 Live Error Monitoring  and 🤖 Sniffer AutoBug . One snippet, multiple features.

🛤️ Feedback Path Rules#

Route: /sf/projects/:id/feedback-config

Auto-route incoming feedback based on conditions:

Rule ComponentDescription
🌐 URL PatternMatch feedback from specific pages (e.g., /mobile/*)
📂 CategoryMatch by category (Bug Report, Feature Request, etc.)
🏷️ Auto-TagAutomatically apply tags based on matching rules
👤 Auto-AssignRoute to specific team members
📊 Auto-StatusSet initial status for matched submissions
📝 TemplateUse specific templates for matched paths
🔔 NotifySend Slack/Teams/email when matched

Creating a Path Rule#

  1. Navigate to Feedback Config.
  2. Click ➕ Add Path Rule.
  3. Define matching conditions (URL pattern, category).
  4. Set automatic actions (tag, assign, status, template).
  5. Optionally add notification target.
  6. Save the rule.

Rules are evaluated top to bottom — drag rows to reorder priority.

🔐 Permissions#

ActionRequired Permission
📋 View feedbackFEEDBACK.VIEW
➕ Create feedbackFEEDBACK.CREATE
✏️ Edit feedbackFEEDBACK.EDIT
🗑️ Delete feedbackFEEDBACK.DELETE

🔗 Related Topics#

TopicDescription
📋 Task Board → Converted feedback appears as issues on the board
🔗 Integrations → Route feedback to Jira, Zendesk, or Slack
📡 Live Logs → Auto-detected errors complement user-reported feedback
🤖 Sniffer AutoBug → Auto-capture pipeline that uses the same CDN snippet
⚙️ Settings → Configure feedback permissions and routing
🔌 Browser Extension → Another way to capture bugs — from any webpage
Feedback & MonitoringLive Logs
© 2026 Your Company