NPS Widgets

NPS (Net Promoter Score) widgets let you measure customer satisfaction by asking users how likely they are to recommend your product. Responses are collected and shown in a dashboard for analysis.

Navigate to produktly.com/app/nps-widgets/create to create a new NPS widget.

Settings

Scale

Choose the rating scale type:

0-10 - Classic NPS scale from 0 to 10
1-5 - Simplified 5-point scale
Emojis - Emoji-based rating scale

Display Cadence

Controls how often the NPS widget is shown to each user:

Once a month
Once a quarter
Once a year
Once a week
Just once - Show only once ever
Always - Show on every visit

Display Trigger

Choose what triggers the NPS widget to appear:

Immediate - Shows as soon as the page loads
Manual - Only shown when triggered via the Client SDK
Time on page - Shows after the user has been on the page for a specified number of seconds
Click - Shows when the user clicks a specific element (requires CSS selector)
Element visible - Shows when a specific element becomes visible on the page (requires CSS selector)

Dismiss behavior

Clicking the cross - User can dismiss by clicking the close button. After dismissed, the widget won't show again for the current cadence period.
Don't allow to dismiss - No close button is shown. The user must respond to dismiss.

Email Collection

Collect email - Toggle to ask for the user's email with their response
Email is required - When enabled, users must provide an email to submit
Validate email - When enabled, validates the email format

Text Feedback

Collect text feedback - Toggle to show a text input where users can leave additional comments

Bottom Bar

Appears as a bar fixed to the bottom of the page.

Bottom Bar Hovering

Similar to Bottom Bar but floats above the page content.

Toast Left / Toast Right

Appears as a smaller card in the bottom-left or bottom-right corner.

Styling

Display options vertically on mobile - When enabled, rating options stack vertically on small screens
Theme - Select a pre-made theme

Text Customization

All text in the NPS widget can be customized:

Title / Question text (default: "How likely are you to recommend us?")
Scale labels: "Least likely" and "Most likely"
Label text after selecting a rating
Success text after submitting
Email input placeholder
Feedback input placeholder
Email error messages (missing / invalid)
Submit button text
Close button text

All text fields support localization.

Integrations

Get notified about new NPS responses:

Slack webhook URL - Send notifications to a Slack channel
Discord webhook URL - Send notifications to a Discord channel
Zapier webhook URL - Connect with thousands of tools via Zapier
Custom webhook URL - Send to any custom endpoint

Targeting

NPS widgets support the full targeting rules engine.

Two rules are especially useful for NPS, because asking a brand new user to rate you rarely gives a useful answer:

Visit Count or Days Active, to hold the widget back until someone has actually used your product. "Visit count is 2 or more" or "days active is 3 or more" are good starting points.
Widget state, to ask only after onboarding is done. For example, "Checklist: Getting started has been completed".

Note that display cadence controls how often somebody who already matches sees the widget again. It does not delay the first time they see it. Use targeting rules for that.

Opening with code

window.Produktly.openNpsWidget({ id: npsWidgetId });