How to add reviews widget to React

Integrating a reviews widget into your React project is simple using a custom HTML element. This widget is implemented as a WebComponent, ensuring compatibility across various browsers and frameworks. Here’s how you can get started:

Step 1: Install the Package

Begin by installing the wally-reviews package. You can use either npm or Yarn:

• Using npm:

npm install wally-reviews

• Using Yarn:

yarn add wally-reviews

Step 2: Import and Use the Widget

In the React component where you want to display the reviews widget, import the wally-reviews package and add the custom HTML element <wally-reviews> to your JSX.

⚠️ Replace YOUR_WIDGET_ID with your actual widget ID.

import React from 'react';
import 'wally-reviews';

const WallyReviews = () => (
  <div>
    <wally-reviews data-wally-widget="YOUR_WIDGET_ID"></wally-reviews>
  </div>
);

export default WallyReviews;