Vanilla Script Tag

Floating Button

Add a viewport-fixed feedback button using auto-FAB or your own button element.

Framework Guides

Option 1: Auto-created FAB

<script
  src="https://cdn.cornercue.com/widget.js"
  data-cc-key="YOUR_PROJECT_ID"
  data-cc-float
  defer
></script>

Customize auto-FAB

<script
  src="https://cdn.cornercue.com/widget.js"
  data-cc-key="YOUR_PROJECT_ID"
  data-cc-float
  data-cc-float-position="bottom-left"
  data-cc-float-color="#7c3aed"
  data-cc-float-size="56"
  data-cc-float-offset="24"
  data-cc-float-tooltip="Report a Bug"
  data-cc-float-type="bug"
  defer
></script>

Auto-FAB attributes

Attribute	Values	Default
`data-cc-float`	Presence enables FAB	-
`data-cc-float-position`	`bottom-right`, `bottom-left`	`bottom-right`
`data-cc-float-offset`	Pixels	`20`
`data-cc-float-color`	Any CSS color	`#1e293b`
`data-cc-float-size`	Diameter in px	`48`
`data-cc-float-type`	`bug`, `feature`, `feedback`	Menu
`data-cc-float-tooltip`	String	`Send Feedback`

Option 2: Float your own button

<button data-cc-btn data-cc-key="YOUR_PROJECT_ID" data-cc-float>
  Send Feedback
</button>

<button
  data-cc-btn
  data-cc-key="YOUR_PROJECT_ID"
  data-cc-float
  data-cc-float-position="bottom-right"
  data-cc-float-offset="24"
  data-cc-float-tooltip="Report a Bug"
>
  Report Bug
</button>

Only position-related CSS and the tooltip are applied by the widget. Your custom visual styles remain unchanged.

Custom float button attributes

Attribute	Values	Default
`data-cc-float`	Presence enables floating	-
`data-cc-float-position`	`bottom-right`, `bottom-left`	`bottom-right`
`data-cc-float-offset`	Pixels	`20`
`data-cc-float-tooltip`	String	-