Documentation

Widget usage

Widget types

talksprout supports three widget types. Each uses a different script and trigger attribute.

Sentiment

Emoji ratings (1–5) with optional open text. Uses ts.js and the [data-talksprout] attribute.

<script type="module" src="https://www.static.talksprout.com/js/ts.js"></script>

CSAT

Thumbs up / down satisfaction score with optional open text. Uses csat.js and the [data-talksprout-csat] attribute.

<script type="module" src="https://www.static.talksprout.com/js/csat.js"></script>

NPS

Net Promoter Score, a 0–10 likelihood-to-recommend scale with optional open text. Uses nps.js and the [data-talksprout-nps] attribute.

<script type="module" src="https://www.static.talksprout.com/js/nps.js"></script>

HTML and widget positioning

Once you have added the correct <script> tag and a valid workspace ID, add the appropriate trigger attribute ([data-talksprout], [data-talksprout-csat], or [data-talksprout-nps]) to any HTML element. The widget anchors to that trigger and positions itself correctly while respecting the current viewport.

Adding user information to submissions

To attach user information to a feedback submission, pass any string value to the [data-talksprout-user] attribute. This works across all widget types: Sentiment, CSAT, and NPS. This can be a username or email from your identity provider.