Yotpo Reviews Integration by vtex

The Yotpo Reviews Integration app is a product review and rating integration with Yotpo.

{"base64":" ","img":{"width":992,"height":384,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":22977,"url":"https://user-images.githubusercontent.com/6306265/71126858-d7b64580-21b7-11ea-8d88-c8ef90b3ad41.png"}}

Configuration

Install the yotpo app in the desired account;
In the admin's account, access Apps and then select the Yotpo Integration box;

{"base64":" ","img":{"width":1104,"height":611,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":90688,"url":"https://user-images.githubusercontent.com/6306265/71126888-e997e880-21b7-11ea-88da-287ab588d2a6.png"}}

Once in the app's page, define the app’s configurations in the setup section:

{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAIAAADwyuo0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIElEQVR4nGPo6Ox8/fr1fzBgePb8+bPnz////y8qqQQABegTC/U2DNcAAAAASUVORK5CYII=","img":{"src":"https://user-images.githubusercontent.com/6306265/71126932-016f6c80-21b8-11ea-9af5-7f6da2b3ad9b.png","width":658,"height":318,"type":"png"}}

Yotpo App Key: Enter the app key that you have received from Yotpo's admin interface.
Use Reference Id: Check this box if you wish to use the product's reference id rather than its product id to link the product to its reviews.

:warning: This app fills the standard VTEX review blocks with content using abstract interfaces from vtex.product-review-interfaces . The VTEX review blocks are:

"product-reviews": This block can be added to the product page (store.product). It renders the main Yotpo widget which lists any reviews or answered questions for the product being viewed as well as a form to add a new review or ask a new question.
"product-rating-summary": This block can be added to the product page (store.product) and renders the average rating for the product being viewed as well as the number of reviews that have been submitted.
"product-rating-inline": Similar to the previous block, but intended to be used in product shelves.

Additional Yotpo review blocks are:

"yotpo-all-reviews": This block can be added to a custom page (store.custom). It allows you to display all your site and product reviews in one page by rendering a Yotpo widget.

This app also includes a pixel integration to send order conversation tracking data to Yotpo.

Customization

In order to apply CSS customizations in this and other blocks, follow the instructions given in the recipe on Using CSS Handles for store customization.

CSS Handles
`reviewsContainer`
`ratingSummaryContainer`
`ratingInlineContainer`
`allReviewsContainer`