Skip to Content
Feedback

πŸ’¬ 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:

ModuleIconDescription
πŸ’¬ FeedbackFeedback iconView and manage all feedback submissions
πŸ’‘ Feature RequestsLightbulb iconFeature request dashboard with analytics
πŸ› Bug ReportBug iconCustomer-reported bug submissions
πŸ“ Feedback TemplateDocument iconCreate custom feedback forms
πŸ“˜ Widget DocsScanner iconEmbed code and setup instructions

πŸ’¬ 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
DateSubmission timestamp

πŸ” 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
SearchFull-text search across content

πŸ› Bug Reports

Route: /projects/:id/bug-report

Dedicated interface for managing external bug report submissions.

πŸ“ 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

πŸ”„ Bug Report Workflow

πŸ“ Submitted β†’ πŸ‘οΈ Under Review β†’ πŸ› Converted to Bug (on Task Board) β†’ ❌ Rejected β†’ πŸ’‘ Converted to Feature Request

Tip: Converting a bug report creates a full issue on the πŸ“‹ Task Board with all the captured context attached β€” screenshots, logs, device info.


πŸ’‘ Feature Requests

Route: /projects/:id/feature-requests

FeatureDescription
Request ListAll submitted feature requests
πŸ“Š AnalyticsTrends and popular requests
πŸ”΄ PrioritizeSet priority and importance
πŸ”„ ConvertConvert accepted requests into tasks on the board
πŸ“Š Status TrackingTrack request progress

πŸ“ Feedback Templates

Route: /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

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

🧩 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
Display ModeSelectionPopup, inline, or sidebar
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
Dark ModeToggleDark theme for the widget UI
Max Recording SecondsSliderMaximum screen recording duration
Powered ByToggleShow/hide β€œPowered by Sniffer” attribution
Company NameText inputYour company name in the widget header

πŸ“˜ 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. One snippet, two features.


πŸ›€οΈ Feedback Path Rules

Route: /projects/:id/feedback-config

Auto-route incoming feedback based on conditions:

Rule ComponentDescription
🌐 URL PatternMatch feedback from specific pages (e.g., /mobile/*)
🏷️ 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

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)
  5. Save the rule

πŸ” Permissions

ActionRequired Permission
πŸ“‹ View feedbackFEEDBACK.VIEW
βž• Create feedbackFEEDBACK.CREATE
✏️ Edit feedbackFEEDBACK.EDIT
πŸ—‘οΈ Delete feedbackFEEDBACK.DELETE

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
βš™οΈ Settings β†’Configure feedback permissions and routing
πŸ”Œ Browser Extension β†’Another way to capture bugs β€” from any webpage