Feedback Widget Demo

Welcome to the Feedback Widget Demo

This page demonstrates the feedback collection tool that can be embedded into any website. The widget appears as a floating icon on the right side of the page and provides three types of feedback collection:

📝 Feedback Form

Comprehensive form with fields for name, email, feedback type, and detailed message. Perfect for structured feedback and bug reports.

📸 Screenshot Feedback

Capture and annotate screenshots with drawing tools. Users can highlight specific areas and add comments.

⚡ Quick Feedback

One-click feedback that automatically captures console errors and a screenshot without any user interaction.

🧪 Test the Widget

Look for the blue circular icon on the right side of your screen. Click it to see the available actions.

Widget Features:

Domain Authorization: Only whitelisted domains can use the widget
Console Error Capture: Automatically captures JavaScript errors
Screenshot Capability: Takes screenshots of the current page
Cross-Origin Safe: Works across different domains with proper CORS setup
No Dependencies: Doesn't interfere with existing page functionality

🔥 Generate Test Errors

Click these buttons to generate console errors that will be captured by the feedback widget:

// Console errors will appear here and be captured by the widget

🛠️ Implementation

To add this widget to your website, include the following script tag:

Requirements:

Your domain must be whitelisted in the backend
The backend API must be accessible from your domain
Modern browser with ES6 support

🔧 Feedback Collection Tool Demo