Widget Templates
Choose the right feedback widget template for your needs
Widget Templates
UserHero offers three widget templates, each optimized for different feedback scenarios.
Floating Feedback Button
The most versatile template. A floating button that opens a modal for collecting feedback.
Best for:
- General feedback collection
- Feature requests
- Questions and support
Features:
- Floating launcher button (customizable position)
- Modal overlay with feedback form
- Optional category selection
- Optional screenshot capture
- Optional rating
┌─────────────────────────────────────┐
│ │
│ Your Website │
│ │
│ │
│ │
│ ┌─────────┐ │
│ │ 💬 Help │ │
│ └─────────┘ │
└─────────────────────────────────────┘Bug Report Widget
Focused template for bug reports with structured input fields.
Best for:
- Software products
- Technical users
- QA teams
Features:
- Bug description field
- Steps to reproduce (optional)
- Screenshot capture (optional or required)
- Automatic context collection (URL, browser, device)
- Severity/priority selection (optional)
┌──────────────────────────────────┐
│ 🐛 Report a Bug │
├──────────────────────────────────┤
│ What happened? │
│ ┌────────────────────────────┐ │
│ │ │ │
│ └────────────────────────────┘ │
│ │
│ Steps to reproduce (optional) │
│ ┌────────────────────────────┐ │
│ │ │ │
│ └────────────────────────────┘ │
│ │
│ [ 📷 Capture Screenshot ] │
│ │
│ [ Submit Bug Report ] │
└──────────────────────────────────┘Rating + Comment (CSAT)
Lightweight template for collecting satisfaction ratings with optional comments.
Best for:
- Customer satisfaction surveys
- NPS-style feedback
- Quick pulse checks
Features:
- Star rating or emoji scale
- Optional comment field
- Quick to complete
- High response rates
┌──────────────────────────────────┐
│ How was your experience? │
├──────────────────────────────────┤
│ │
│ 😞 😐 🙂 😊 😍 │
│ │
│ Tell us more (optional) │
│ ┌────────────────────────────┐ │
│ │ │ │
│ └────────────────────────────┘ │
│ │
│ [ Submit ] │
└──────────────────────────────────┘Comparing Templates
| Feature | Floating | Bug Report | Rating |
|---|---|---|---|
| Launcher button | ✅ | ✅ | ✅ |
| Free-form text | ✅ | ✅ | Optional |
| Categories | Optional | ❌ | ❌ |
| Rating input | Optional | ❌ | ✅ Required |
| Screenshot | Optional | Optional/Required | ❌ |
| Steps to reproduce | ❌ | Optional | ❌ |
| Best for | General | Technical | Satisfaction |
Choosing a Template
Tip: You can create multiple widgets per project with different templates. For example, a floating feedback button for general feedback and a bug report widget on specific pages.
Decision Guide
-
Do you need ratings/scores?
→ Use Rating + Comment -
Are you collecting bug reports?
→ Use Bug Report -
General feedback from all pages?
→ Use Floating Feedback -
Not sure?
→ Start with Floating Feedback—it's the most flexible
Creating a Widget
- Go to your project in the dashboard
- Click "Create Widget"
- Select your template
- Configure fields, styling, and targeting
- Save and copy the embed code