How to Integrate PowerReviews
Submitting Ratings and Reviews with PowerReviews
The integration with PowerReviews has been contributed to the React PWA Reference Storefront by Zilker Technology.
"Decoupling both the development and the architecture as one of the main advantages of headless commerce platform has shown its true potential for developers while improving shopping experiences with PowerReviews." - Zilker Technology
About this task
The React PWA Reference Storefront uses the PowerReviews service to get customer reviews, ratings, and queries.
The React PWA Reference Storefront is pre-configured with a custom component for PowerReviews. This component interacts with various widgets that PowerReviews displays. When PowerReviews adds new widgets, you can get the new widget by updating the component with the widget. For more information on updating components, see Consuming UI Components.
This implementation makes use of PowerReviews feedless product catalog synchronization. By using this method, the product information updates every time the product display page is presented. For more information, see Power Reviews Feedless Product Catalog.
This section provides guidelines to improve the customer experience with PowerReviews.
Procedure
- Update the
ep.config.jsonfile with the following configuration settings provided by PowerReviews:
| Parameter | Description |
|---|---|
PowerReviews.enable | Enable the integration component for PowerReviews. For more information, see here. |
PowerReviews.api_key | The PowerReviews API Key used to connect the PowerReviews component. |
PowerReviews.merchant_group_id | The PowerReviews Merchant Group Identifier used to connect the PowerReviews component. |
PowerReviews.merchant_id | The PowerReviews Merchant Identifier used to connect the PowerReviews component. |
The PowerReviews javascript libraries and snippets have already been added to the product detail page and standalone review wrapper pages in the React PWA Reference Storefront to enable writing a review, and questions and answers.
src/components/src/PowerReview/powerreview.main.tsxsrc/containers/WriteReviewPage.tsx
Properties presented in these snippets may be updated as required. For more information, see PowerReviews JavaScript Reference Guide.
PowerReviews injects the initialization code on these two pages and places the corresponding containers in the appropriate places on the pages.
In the PowerReviews Portal portal, you can view, filter, and export the statistics on
- Submitted ratings
- Review moderation
- Page Customizations
- Other solution customizations
After configuring the settings, the PowerReviews components are injected into the Product Details page:
Upon configuration of the above settings, the PowerReviews components will be injected into the Write a Review and Question and Answers page:
For more information on the customizations available to set using PowerReviews, Log in to the page or see the Help Center.