Current Page URL: https://docs.widgetkraft.com/available-widgets/feedback-loop

Feedback Loop Tool

A customizable feedback collection tool that helps you gather structured user insights, requests, and reports directly from your website.

Pricing Free

You can fully customize

Header title and subtitle
Branding and logo options
Feedback category styling
Message input behavior
Tool dimensions and placement
Theme and appearance settings

Gather the right kind of feedback without complicating the visitor experience.

Quick Start

Copy the snippet for your stack and paste it into your project your feedback widget is live in under a minute.

HTML

Paste this snippet into any HTML file before the closing </body> tag.

1<!-- 1. Add this where you want the feedback widget to appear -->
2<div id="feedbackloop-root"></div>
3
4<!-- 2. Load the widget script -->
5<script src="https://cdn.widgetkraft.com/feedback.js"></script>
6
7<!-- 3. Initialize with your Widget ID -->
8<script>
9  FeedbackLoopWidget.init({
10    widgetId: "YOUR_WIDGET_ID"
11  });
12</script>
TIPReplace YOUR_WIDGET_ID with the ID found in the Code tab of your feedback widget editor.

Creating a Feedback Loop tool

Four steps from the dashboard.

  1. 1Go to Available Tools -> Feedback Loop
  2. 2Click Add Tool
  3. 3Go to My Tools -> Feedback Loop
  4. 4Click Configure
Creating Feedback Loop tool
Dashboard - selecting Feedback Loop

Understanding the editor

Four core tabs.

Header

Title and branding

Input

Message and submission flow

Appearance

Size and visual design

Code

Embed snippet

1

Header tab

Set the tool identity and first impression.

Common adjustments

  • Tool title and subtitle
  • Logo URL and branding
  • Header colors and font choices
  • Optional title visibility
Feedback Loop header tab
Header tab with title, subtitle, and branding
2

Input tab

Control how people write and submit feedback.

Input settings

  • Placeholder text
  • Input background, border, and text color
  • Send button appearance
  • Readable contrast and spacing
Feedback Loop input tab
Input tab with message field customization
3

Appearance tab

Adjust size, placement, and presentation.

Feedback Loop appearance tab
Appearance tab with sizing and layout controls

Keep it simple

A subtle design and clear category labels usually work better than a highly decorative feedback tool.
4

Code tab

Copy the embed code and deploy.

Feedback Loop code tab
Code tab with copy-ready embed snippet
Feedback Loop dashboard
Dashboard for reviewing incoming feedback

Where this helps most

  • Feature request collection
  • Bug reporting
  • General suggestions and product ideas
  • Continuous feedback loops for product teams

Summary

The Feedback Loop Tool lets you:

Collect feature requests, ideas, bug reports, and general feedback
Customize the feedback prompt to match your product
Embed with one script and go live quickly
Review submissions inside a central dashboard
Keep the feedback experience lightweight and clear
Improve product decisions with direct user input