React embed

npm install @ethioreview/review-widget-react @ethioreview/review-widget-core

import "@ethioreview/review-widget-react/styles.css";

import { ReviewWidget } from "@ethioreview/review-widget-react";
import "@ethioreview/review-widget-react/styles.css";

export function Testimonials() {
  return (
    <ReviewWidget
      baseUrl="https://api.ethioreview.com"
      publicKey="pk_live_YOUR_KEY"
      widgetId="YOUR_WIDGET_ID"
    />
  );
}

VITE_ETHIOREVIEW_API_URL=https://api.ethioreview.com
VITE_ETHIOREVIEW_PUBLIC_KEY=pk_live_YOUR_KEY
VITE_ETHIOREVIEW_WIDGET_ID=YOUR_WIDGET_ID

import { createReviewWidgetConfig, ReviewWidget } from "@ethioreview/review-widget-react";

const config = createReviewWidgetConfig({
  baseUrl: import.meta.env.VITE_ETHIOREVIEW_API_URL,
  publicKey: import.meta.env.VITE_ETHIOREVIEW_PUBLIC_KEY,
  widgetId: import.meta.env.VITE_ETHIOREVIEW_WIDGET_ID,
});

export function Testimonials() {
  return <ReviewWidget {...config} />;
}

<ReviewWidget
  baseUrl="https://api.ethioreview.com"
  publicKey="pk_live_YOUR_KEY"
  businessId="YOUR_ORG_PROFILE_ID"
  layout="trust-score"
  minStars={4}
  limit={5}
/>

<ReviewWidget
  baseUrl="https://api.ethioreview.com"
  publicKey="pk_live_YOUR_KEY"
  widgetId="YOUR_WIDGET_ID"
  layout="hero-banner"
/>

import { buildReactEmbedSnippet } from "@ethioreview/review-widget-core";

console.log(
  buildReactEmbedSnippet({
    baseUrl: "https://api.ethioreview.com",
    publicKey: "pk_live_YOUR_KEY",
    widgetId: "YOUR_WIDGET_ID",
    useEnvVars: true,
  }),
);