Add Feedback Widget to Cloudflare Pages

Deploying to Cloudflare Pages and need a quick way to collect user feedback?

You're in the right place. This guide shows you exactly how to add a feedback widget on Cloudflare Pages in less than 5 minutes.

Why You Need Feedback on Cloudflare Pages

After launching, feedback becomes critical. But building a feedback system takes weeks:

✓Backend APIs
✓Database schemas
✓Admin dashboards
✓Email notifications

There's a faster way.

The Fast Way: Boost Toad

Boost Toad is a feedback widget that works instantly on Cloudflare Pages.

What you get:

✓🐛 Bug reports with screenshots
✓💡 Feature request voting + public roadmap
✓⭐ NPS surveys
✓📧 Email notifications
✓👥 Team collaboration
✓🎨 Customizable design

Setup time: 5 minutes

Backend required: Zero

Step-by-Step Setup

▸Step 1: Create Your Project

✓Go to boosttoad.com
✓Sign up (free, no credit card)
✓Click "New Project"
✓Name it (e.g., "Cloudflare Pages App Feedback")
✓Copy your Project ID

Add this script tag before </body>:

<script src="https://boosttoad.com/api/widget/bundle?projectId=YOUR_PROJECT_ID" async></script>

html

Replace YOUR_PROJECT_ID with your actual project ID from Step 1.

▸Step 3: Deploy to Cloudflare Pages

Deploy your site as normal. The widget loads asynchronously and doesn't affect page speed.

▸Step 4: Customize (Optional)

From your Boost Toad dashboard:

Appearance

✓Widget position (bottom-right, left, center, etc.)
✓Brand colors
✓Custom button text

Features

✓Enable/disable bug reports
✓Enable/disable feature voting
✓Enable/disable NPS surveys

Notifications

✓Email alerts for new feedback
✓Team member access
✓Slack/Discord webhooks (coming soon)

Advanced Tips

▸Custom Triggers

Open widget programmatically:

document.getElementById('feedback-btn').addEventListener('click', () => {
  window.FeedbackWidget?.init({
    projectId: 'YOUR_PROJECT_ID'
  })
})

javascript

What Users See

Once installed, users see a feedback button on your website.

Clicking it opens a form where they can:

✓Choose feedback type (bug, feature, NPS)
✓Describe the issue/idea
✓Attach screenshots (for bugs)
✓Submit instantly

You see it in your dashboard immediately.

Pricing

Free Tier

✓50 submissions/month
✓All features included
✓Perfect for getting started

Pro: $19/month

✓1,000 submissions/month
✓3 projects
✓Team collaboration

Teams: $49/month

✓10,000 submissions/month
✓10 projects
✓Priority support

Common Questions

Q: Does this work with Cloudflare Pages? Yes. It's a script tag that works with any platform.

Q: Will this slow down my site? No. The script loads asynchronously and doesn't block page rendering.

Q: Do I need a backend? No. Boost Toad handles all backend infrastructure.

Q: Can I customize the design? Yes. Colors, position, and button text are all customizable from the dashboard.

Wrapping Up

Adding feedback to your Cloudflare Pages site shouldn't take weeks of development.

With Boost Toad:

✓Setup: 5 minutes
✓Backend: None required
✓Maintenance: Zero
✓Features: Everything you need

Start with the free tier and scale as you grow.

Get started free →