Back to Widgets

Helpful Widget Demo

A simple "Was this page helpful?" widget that lets users quickly rate content and provide feedback.

Quick Ratings

Simple Yes/No interface for instant user feedback on your content.

Inline Comments

Optional inline comment form to collect detailed improvement suggestions.

Auto Dark Mode

Automatically adapts to light and dark themes using system preferences.

Live Demo

Try the widget below. Click "No" and then "Add a comment" to see the inline feedback form.

Usage

<script
  src="https://seggwat.com/static/widgets/v1/seggwat-helpful.js"
  data-project-key="YOUR-PROJECT-KEY"
  data-question="Was this page helpful?"
  data-show-comment-link="true"
  data-language="en"
></script>

Configuration Options

Attribute Description Default
data-project-key Your SeggWat project key (required) -
data-question Custom question text "Was this page helpful?"
data-show-comment-link Show "Add a comment" link after negative rating false
data-show-powered-by Show "Powered by SeggWat" footer false
data-language UI language (en, de, sv) Browser language
data-button-color Primary color (hex format) #2563eb
data-container CSS selector for target container Script location
data-version App version to track in analytics -
data-api-url Override API endpoint URL Auto-detected

JavaScript API

// Set the user ID (for analytics)
SeggwatHelpful.setUser("user-123");
// Reset the widget to initial state
SeggwatHelpful.reset();
// Access the widget container element
SeggwatHelpful.container;