Developer docs
Feedback button
One script tag adds a button that opens your board.
Install
Paste this before the closing body tag. Each board's settings have the snippet with its address filled in.
<script src="https://fdbk.online/widget.js" data-board="acme/app" defer></script>The board opens in a panel over your page, where people vote, post and comment; on phones it takes the whole screen. Where the browser blocks the board's cookies inside the panel (Safari, by default), the board offers a link to open it in its own window, and the button opens that window from then on. If your site sets a Content-Security-Policy, add https://fdbk.online to script-src and frame-src.
Options
| Attribute | Description |
|---|---|
data-boardrequired | Your board as workspace/board, e.g. acme/app. |
data-label | Button text. Default: Feedback. |
data-color | Button color as #rrggbb. Default: near black. |
data-position | right (default) or left. |
data-page | Where it opens: empty for the board, new to start a post, roadmap or changelog. |
data-button | false hides the floating button, for when you open it from your own links. |
data-mode | popup opens the board in its own window instead of the panel. |
data-sso-token | A single sign-on token from your server, so people arrive signed in (Pro). |
Your own link
Any element with data-fdbk opens the board; its value picks the page. Or call FDBK.open(), FDBK.close() or FDBK.toggle().
<script src="https://fdbk.online/widget.js" data-board="acme/app" data-button="false" defer></script>
<a href="#" data-fdbk>Send feedback</a>
<a href="#" data-fdbk="new">Request a feature</a>
<a href="#" data-fdbk="changelog">What's new</a>To have people arrive signed in, add data-sso-token with a token from your server: see single sign-on.