Reference

Complete Examples

Ready-to-copy examples for common integration patterns.

Framework Guides

Minimal setup

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

Multiple buttons with context

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

<button data-cc-btn data-cc-user-id="user_123" data-cc-meta-source="navbar">
  Feedback
</button>

<button data-cc-btn data-cc-type="bug" data-cc-meta-context="checkout_page">
  Report Bug
</button>

<button
  data-cc-btn
  data-cc-type="feature"
  data-cc-user-id="user_123"
  data-cc-user-email="john@example.com"
  data-cc-meta-plan="pro"
  data-cc-meta-version="2.1.0"
>
  Request Feature
</button>

Script tag with floating button

<script
  src="https://cdn.cornercue.com/widget.js"
  data-cc-key="YOUR_PROJECT_ID"
  data-cc-float
  data-cc-float-position="bottom-right"
  data-cc-float-color="#4f46e5"
  data-cc-float-tooltip="Help us improve"
  defer
></script>

Your own floating button

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

<button
  data-cc-btn
  data-cc-float="bottom-right"
  data-cc-float-offset="24"
  style="background:#4f46e5;color:white;border:none;padding:12px 20px;border-radius:999px;font-weight:600;cursor:pointer;"
>
  Send Feedback
</button>