CornerCue CornerCue Docs

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>