Feedback

Embedding feedback widgets

Learn how to embed feedback widgets directly into your application to make it easy for users to submit feedback from anywhere.

Embedding Feedback Widgets

Make it incredibly easy for users to give feedback by embedding widgets directly into your application. Meet users where they are and increase engagement with your feedback boards.

Widget Types

Floating Button Widget

A discreet floating button in the corner of your app that opens a feedback form when clicked. Perfect for general feedback and suggestions.

Inline Widget

Embed feedback forms directly in specific pages or sections. Great for context-specific feedback (e.g., "How's this feature?").

Modal Widget

Triggered by specific actions or events, such as after a user completes a task. Ideal for capturing feedback at key moments.

Adding Widgets to Your Application

Step 1: Get Your Widget Code

1. Navigate to the Feedback section in your dashboard

2. Select the board you want to add a widget for

3. Click "Widgets" in the board settings

4. Choose your widget type (floating, inline, or modal)

5. Customize the appearance to match your brand:

   • Colors and branding

   • Button text

   • Form fields (title, description, category selection)

6. Copy the embed code

Step 2: Add the Widget to Your App

For a React application:

import { FeedbackWidget } from '@yourapp/sdk';

function App() {
  return (
    


{/* Your app content */}




);
}


For a vanilla JavaScript application:

Step 3: Test the Widget

1. Preview your application with the widget embedded

2. Test the feedback form - make sure submissions go through correctly

3. Check mobile responsiveness - ensure the widget works well on all devices

4. Verify branding - confirm colors and styling match your app

Customization Options

• Positioning - Choose corner placement for floating widgets

• Trigger conditions - Set when inline or modal widgets appear

• Pre-filled fields - Auto-populate category or other fields based on context

• Capture screenshots - Allow users to include screenshots with their feedback

• Custom branding - Apply your company colors, logo, and styling

Best Practices

• Don't overwhelm users - Use widgets strategically, not everywhere

• Be context-aware - Place widgets where they're most relevant

• Test thoroughly - Ensure widgets work across browsers and devices

• Monitor performance - Check that widgets don't slow down your application

• A/B test placement - Experiment with widget positions to maximize engagement

Integration Tips

• Track widget usage - Monitor how often users interact with widgets

• Connect user context - Pass user information (if available) for better follow-up

• Set up notifications - Get alerted when feedback is submitted via widgets

• Use inline widgets for specific features - Capture feedback right where users are using the feature

Widgets dramatically increase feedback participation by removing friction. Once you're collecting feedback, learn how to effectively manage and triage feedback to turn user input into actionable insights.