Pintelly

Feedback Widget

The Pintelly Feedback Widget transforms your live website into a collaborative canvas. When a user clicks the persistent Feedback button, they can seamlessly report issues, request features, and interact with the exact DOM elements they are looking at.

Key Features

  • Element Highlighting: Hover over and select any specific element on the page to attach feedback directly to it.
  • Screenshot Module: Takes pixel-perfect visual snapshots of the user's viewport directly in the browser, without requiring users to install any extensions.
  • Drawing Module: Allows users to draw freely on the captured screenshot, obfuscate sensitive data, or draw arrows and boxes to point out visual bugs.
  • Tagging Module: Users can select predefined categories (e.g., Bug, Suggestion, Other) and provide a detailed text description.

Installation & Configuration

The Feedback Widget is automatically injected alongside the Analytics core. No extra JavaScript is needed.

You control the display and position of the widget entirely from the Pintelly Dashboard > Project Settings.

Available options:

  • Enable Feedback Module: Toggle the widget on/off globally.
  • Widget Position: Choose where the trigger button floats (e.g., Bottom Right, Bottom Left, Middle Right).

How Feedback is Collected

  1. Activation: The user clicks the feedback button.
  2. Selection: A crosshair appears, enabling the user to click a specific section of the page.
  3. Capture: The SDK captures the HTML structure of the selected element, its CSS selector, and takes a full viewport screenshot.
  4. Annotation: The Drawing Module overlays a canvas for highlighting or obfuscating.
  5. Submission: The Tagging Module collects text input and securely sends the feedback and screenshot directly to your Pintelly Dashboard.

[!NOTE] All captured feedback retains the exact URL, Screen Resolution, User Agent, and Analytics Session ID, allowing you to cross-reference feedback with the user's analytics journey.