Skip to main content

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.

Creating an NPS Widget​

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

NPS Widget Types​

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.

Opening with code​

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