Introduction
Klero is a customer feedback management platform that helps you collect, organize, and act on feedback from your users. With Klero, you can:
- Collect Feedback - Gather feature requests, bug reports, and ideas from your customers
- Share Roadmaps - Show customers what you're building and let them influence priorities
- Publish Changelogs - Keep users informed about new features and improvements
- Run Surveys - Collect targeted feedback with customizable survey forms
Available Modules
Klero provides embeddable widgets that you can add directly to your website or mobile app. Instead of redirecting users to a separate feedback portal, you can display feedback boards, roadmaps, and changelogs right where your users are.
| Module | Description |
|---|---|
| Feedback | Display your feedback board and collect new submissions |
| Roadmap | Show your product roadmap organized by status |
| Changelog | Display product updates and release notes |
| In-App Widget | Floating widget for quick access to all features |
| Surveys | Embed surveys to collect targeted feedback |
Platform Support
Klero widgets work on:
- Web - Embed via script tag, or use the React or Vue SDK
- React Native - Native SDK with WebView integration
- Flutter - Native SDK for Flutter apps
- Android - Native SDK for Android apps
- iOS - Native SDK for iOS apps
Each module page includes examples for all supported platforms.
Integration Options
Web (Script Tag)
The simplest way to integrate Klero widgets is with a single script tag:
<script src="https://YOUR-PROJECT.klero.ai/embed/klero.js" async></script>Then add widget elements anywhere on your page:
<klero-feedback></klero-feedback>
<klero-roadmap></klero-roadmap>
<klero-changelog></klero-changelog>Web Frameworks
For React and Vue applications, use the dedicated SDK packages:
# React
npm install @kleroai/react
# Vue
npm install @kleroai/vueMobile SDKs
For mobile apps, install the appropriate SDK:
# React Native
npm install @kleroai/react-native react-native-webview
# Flutter
flutter pub add klero_flutter
# Android (Gradle)
implementation("com.github.klero-ai:klero-android:0.1.0")
# iOS (Swift Package Manager)
.package(url: "https://github.com/klero-ai/klero-ios.git", from: "0.1.0")Customer Authentication
If users are already logged into your application, you can pass their identity to Klero so they don't need to sign in again. See the Authentication Guide for details.
Next Steps
- Quick Start Guide - Get up and running in 5 minutes
- Authentication - Authenticate your logged-in users
- React SDK - React integration
- Vue SDK - Vue integration
- React Native SDK - React Native integration
- Flutter SDK - Flutter integration
- iOS SDK - Native iOS integration
- Android SDK - Native Android integration
- Direct Integration - WebView integration without SDKs