Widget Active

BugHarbor Widget Demo

Experience seamless feedback collection with our powerful widget

Look for the floating feedback button in the bottom-right corner →

⚡ Powerful Features

Everything You Need to Collect Feedback

The BugHarbor widget provides everything you need to collect valuable user feedback

Screenshot Capture

Users can capture and annotate screenshots directly from your application

Screen Recording

Record screen activity with audio to show exactly what users experience

Audio Notes

Let users record voice feedback for quick and detailed explanations

AI-Powered Analysis

Automatic categorization, priority suggestions, and solution recommendations

Customizable

Match your brand with custom colors, positions, and styling options

Lightweight

Less than 5KB gzipped - no impact on your site's performance

Try It Now!

Click the feedback button in the bottom-right corner to see it in action

👇
⚡ Quick Setup

Installation in 60 Seconds

Add BugHarbor to your website in under 60 seconds

Installation Steps

  1. 1

    Get your API key

    Get your API key from your BugHarbor project settings

  2. 2

    Add the widget script

    Add the widget script to your HTML page (see code below)

  3. 3

    Customize appearance

    Customize the widget appearance with data attributes

  4. 4

    That's it!

    The widget will appear automatically

Installation Code 
<!-- BugHarbor Widget -->
<script 
    src="https://bugharbor.space/widget.js" 
    data-api-key="YOUR_API_KEY"
    data-api-url="https://bugharbor.space"
    data-position="bottom-right"
    data-button-color="#6366f1"
    data-button-text="Feedback"
    data-primary-color="#6366f1"
    data-modal-title="Submit Feedback"
    data-success-message="Thank you! Your feedback has been submitted successfully."
    data-show-branding="true"
    data-branding-text="Powered by BugHarbor"
></script>

Configuration Options

Customize the widget to match your brand and needs

Available Options 
// Widget Position
data-position="bottom-right" // bottom-right | bottom-left | top-right | top-left

// Colors
data-button-color="#6366f1"    // Button background color
data-primary-color="#6366f1"   // Primary action color

// Text Customization
data-button-text="Feedback"    // Button label
data-modal-title="Submit Feedback"
data-success-message="Thank you!"

// Branding
data-show-branding="true"      // Show/hide branding
data-branding-text="Powered by BugHarbor"

// Features
data-enable-audio="true"       // Enable audio recording
data-enable-screen-recording="true" // Enable screen recording

Ready to Get Started?

Start collecting feedback from your users in under 60 seconds. No credit card required.

Start Free Trial View Pricing Plans