Quick Start

1. Choose Your Plan

Start with our Free plan (Webhook only) or upgrade to Pro for ready-made integrations.

2. Configure Your Channel

Set up where you want to receive feedback:

  • Webhook: Universal integration (Free plan)
  • Slack: Create a webhook URL in your Slack workspace (Pro plan)
  • Telegram: Create a bot and get your bot token + chat ID (Pro plan)
  • Discord: Create a webhook URL in your Discord server (Pro plan)

3. Customize Your Widget

Choose your widget appearance:

  • Button color from our color palette
  • Button text (e.g., "Send Feedback", "Report Bug")
  • Button position on the page
  • Pro only: Feedback type presets (Bug Report, Feature Request, Review, Support) with automatic styling

4. Copy and Paste Code

Copy the generated JavaScript code and paste it before the closing </body> tag on your website.

Integration Guides

Webhook Integration (Free)

  1. Create an endpoint on your server that accepts POST requests
  2. The endpoint will receive JSON with feedback data
  3. Process the data and send it to your preferred service
  4. Return HTTP 200 status for successful processing
  5. Enter your webhook URL in Feedback Pipe configuration

Slack Integration (PRO)

  1. Go to your Slack workspace
  2. Navigate to "Apps" → "Incoming Webhooks"
  3. Click "Add to Slack"
  4. Choose the channel where you want feedback
  5. Copy the webhook URL
  6. Paste it in Feedback Pipe configuration

Telegram Integration (PRO)

  1. Open Telegram and search for @BotFather
  2. Send /newbot command
  3. Follow the instructions to create your bot
  4. Copy the bot token
  5. Start a chat with your bot
  6. Get your chat ID (you can use @userinfobot)
  7. Enter both token and chat ID in Feedback Pipe

Discord Integration (PRO)

  1. Go to your Discord server
  2. Navigate to "Server Settings" → "Integrations" → "Webhooks"
  3. Create a new webhook
  4. Copy the webhook URL
  5. Paste it in Feedback Pipe configuration

Widget Customization

Button Colors

Choose from our predefined color palette or use custom hex colors.

Button Text

Customize the button text to match your needs:

  • "Send Feedback"
  • "Report Bug"
  • "Share Idea"
  • "Contact Us"

Button Position

Choose where the button appears on your page:

  • Bottom-right (default)
  • Bottom-left
  • Top-right
  • Top-left

Technical Details

How It Works

Feedback Pipe acts as a "postman" for your feedback:

  1. User clicks the feedback button on your website
  2. Widget captures a screenshot of the current page
  3. User enters their feedback message
  4. Data is sent to our server
  5. We immediately forward it to your configured channel
  6. No data is stored on our servers

Data Privacy

We don't store any of your data. All feedback is immediately forwarded to your chosen channel and then deleted from our servers.

Browser Support

Feedback Pipe works on all modern browsers:

  • Chrome 60+
  • Firefox 55+
  • Safari 12+
  • Edge 79+

Troubleshooting

Widget Not Appearing

Check that:

  • The script is placed before the closing </body> tag
  • There are no JavaScript errors in the browser console
  • Your website allows external scripts

Feedback Not Being Received

Verify that:

  • Your channel configuration is correct
  • Webhook URL is correct and accessible
  • Webhook URLs are correct (for Slack/Telegram)
  • Check your webhook endpoint is working

Still Having Issues?

Contact our support team at support@feedbackpipe.space