Yotpo React

Wrapper for the Yotpo widget to collect the product reviews in reactjs based website.

Installation

npm install yotpo-react

Usage

import the yotpo react widget as:

import YotpoWidget from 'yotpo-react';

//Load the widget anywhere in your components
<YotpoWidget
    productId='PRODUCT_ID'
    productName='PRODUCT_TITLE'
    productUrl='PRODUCT_URL'
    productImageUrl='PRODUCT_IMAGE_SRC'
    productPrice='PRODUCT_PRICE'
    apiKey='YOUR_YOTPO_API_KEY'
/>

Getting the product reviews states

Product specific states can be fetched through YotpoProductReviewStates as:

import {YotpoProductReviewStates} from 'yotpo-react';

const productReviewStates = YotpoProductReviewStates({'PRODUCT_ID','YOUR_YOTPO_API_KEY'});

Attribute	Description
productReviewStates.total_reviews	Total product reviews count
productReviewStates.average_score	Everage review score
productReviewStates.total_organic_reviews	Total organic reviews count
productReviewStates.organic_average_score	Everage organic review score