Widget configuration

window.FeedbackFlowConfig accepts the following options. Only apiKey is required. Everything else is optional and falls back to the default shown.

Option	Type	Default	Description
apiKey	string	None (required)	Project API key used to authenticate submissions.
accentColor	CSS color	#000	Background of the launcher button and the Send button.
accentTextColor	CSS color	#fff	Text and foreground color shown on the accent color.
theme	"light" or "dark"	"light"	Panel color scheme. Use "dark" on dark-background sites so the panel, inputs, and text match.
position	"bottom-right" or "bottom-left"	"bottom-right"	Which corner the launcher sits in.
buttonText	string	"Feedback"	Launcher button label.
title	string	"Share feedback"	Heading shown at the top of the panel.
captureContext	boolean	true	Capture technical context (browser, OS, screen size, plus recent console and network errors) with each submission. Set to false to disable.

Color values are sanitized before being injected into the widget CSS. An unsafe value falls back to its default.

Example: dark site with an indigo launcher

On a dark background a black launcher is invisible. Pick an accent color that contrasts and set theme: "dark" so the panel matches:

<script>
  window.FeedbackFlowConfig = {
    apiKey: "YOUR_API_KEY",
    accentColor: "#6366f1",
    accentTextColor: "#fff",
    theme: "dark",
    position: "bottom-right",
  }
</script>
<script src="https://usefeedbackflow.com/widget.min.js"></script>

Accent colors that contrast well on dark backgrounds: indigo #6366f1, blue #3b82f6, violet #8b5cf6, or emerald #10b981. For maximum contrast, use a white launcher with dark text (accentColor: "#ffffff", accentTextColor: "#0f172a").