Skip to main content

Feedback Collectors

Feedback Collectors let you add a feedback widget to your site so users can submit feedback at any time. Users can categorize their feedback (e.g. bug, idea, other), write a message, and optionally provide their email.

Creating a Feedback Collector​

Navigate to produktly.com/app/feedback/create to create a new feedback collector.

Settings​

Question​

The main question shown at the top of the feedback widget. Default: "We would love to hear your feedback".

Email collection​

  • Collect email - Toggle to ask for the user's email
  • Email is optional - When enabled, email is requested but not required
  • Validate email - When enabled, validates the email format

Beacon​

  • Show beacon - Toggle whether a floating beacon button is shown on the page. If hidden, the feedback widget can only be opened with code: window.Produktly.openFeedback({id: feedbackId})
  • Beacon text - The text displayed on the minimized beacon button. Default: "Feedback"
  • Beacon / Widget location - Choose where the beacon and widget appear:
    • Right (vertical), Left (vertical)
    • Bottom right (horizontal), Bottom left (horizontal)
    • Bottom right (vertical), Bottom left (vertical)
    • Top right (horizontal), Top left (horizontal)
    • Top right (vertical), Top left (vertical)

Answer Options​

Feedback collectors show categorized options that users can select before writing their message. You can choose from presets or create custom options:

Presets​

  • Default (Issue, Idea, Other) - Three options with bug, lightbulb, and thought bubble emojis
  • 3 Emojis: Happy/Content/Sad - Three emoji-based sentiment options
  • 5 Emojis - Five emoji-based sentiment options from very happy to angry
  • 4 Emojis - Four emoji-based sentiment options
  • Feelings/Emotions - Seven emotion-based options
  • Default with happy/angry - Five options combining categories and sentiments

Custom Options​

Each option has an emoji and a name. You can add, remove, and reorder options as needed.

Styling​

Select a pre-made theme or set custom theme and text colors.

Text Customization​

All user-facing text can be customized and supports localization:

  • Question text
  • Beacon text
  • Email field labels (required and optional variants)
  • Message field label
  • Submit / Submit another button text
  • Success message
  • Error messages (submit error, email missing, email invalid, message missing)

Integrations​

Get notified about new feedback 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

See Slack Integration and Webhook Integration for setup instructions.

Targeting​

Feedback collectors support the full targeting rules engine.

Localization​

Feedback collectors support full localization, including question text, beacon text, all labels, and answer option names.

Opening with code​

window.Produktly.openFeedback({ id: feedbackId });