CornerCue CornerCue Docs

Vanilla Script Tag

Script Tag Setup

Configure the vanilla JavaScript integration using script attributes.

Framework Guides


Basic setup

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

Script attributes

AttributeRequiredDescription
data-cc-keyYesDefault project ID for all trigger buttons.
data-cc-floatNoEnables auto-created floating button.
data-cc-float-positionNobottom-right or bottom-left.
data-cc-float-offsetNoDistance from viewport edge in pixels.
data-cc-float-colorNoFAB background color.
data-cc-float-sizeNoFAB diameter in px.
data-cc-float-typeNoOpens directly with bug, feature, or feedback.
data-cc-float-tooltipNoTooltip text for auto-FAB.

Trigger button basics

<button data-cc-btn>Feedback</button>
<button data-cc-btn data-cc-key="OTHER_PROJECT_ID">Feedback for another project</button>

The button-level data-cc-key overrides the script-level data-cc-key.