Overview

The official NPM module for embedding the Userback Widget into your React application.

Official NPM Package: @userback/react
Official GitHub Repository: Userback React SDK

Prerequisites

Before you begin, ensure the following:

Userback Workspace: A workspace is needed to collect and manage feedback.
Access Token: Retrieve your token via the Code Icon in your workspace.
Plan Requirements: Available on all plans.

Installation

Install the Userback package for React using the following command:

NPM Installation

npm i @userback/react

Quickstart

Embed the Userback Widget in your React application using the example below:

React Example

import { UserbackProvider } from '@userback/react';

// Optionally identify logged-in users
const user_data = {
    id: "123456", // Unique user ID
    info: {
      name: "someone", // User's name
      email: "[email protected]" // User's email
    }
};

ReactDOM.createRoot(document.getElementById('root')).render(
  <UserbackProvider token="**Userback Access Token**" options={{ user_data }}>
    <App />
  </UserbackProvider>
);

For advanced customization, refer to the JavaScript SDK Documentation.

🛟 Support

Need help? Here’s how to get assistance:

Log in to your Userback workspace.
Click the Help Center icon in the top-right corner.
Select Contact us to start a chat with our support team.