How to Add User Feedback to a Replit App

Replit makes it easy to build and deploy web apps directly from the browser. With 40 million creators on the platform and Replit Agent automating up to 90% of foundational code tasks, more apps are being built on Replit than ever — but most launch without a feedback mechanism.

Last updated: May 13, 2026

This tutorial shows you how to add a feedback widget to any Replit app.

Step 1: Get your API key

Sign up at userdispatch.com and create an app. Copy the API key (starts with pk_).

Step 2: Add the widget script

Open your Replit project. Find your main HTML file — for most Replit apps, this is index.html or public/index.html.

Add this script tag before the closing </body> tag:

<script
  src="https://userdispatch.com/widget.js"
  data-api-key="pk_your-api-key"
  data-position="br"
  data-trigger-label="Feedback"
  defer
></script>

That's it. Run your Replit app and you'll see the feedback button in the bottom-right corner.

Step 3: Test it

Click the feedback button, submit a test bug report, and verify it appears in your UserDispatch dashboard or via your coding agent.

For Replit apps with multiple pages

If your Replit app uses a framework like React, Vue, or Svelte, add the script tag to the root HTML file that loads the framework. The widget persists across page navigations because it's loaded at the layout level.

Connecting your coding agent

If you export your Replit project to GitHub and work on it locally with Claude Code or Cursor, you can run npx userdispatch init to configure the MCP server automatically. Your agent can then read feedback, triage submissions, and propose fixes. See our getting started guide for full setup details and The Feedback Loop for Vibe Coding for why this matters for AI-built apps.

Pricing

The free tier includes 100 submissions per month, the full MCP server, and the widget. No credit card required.