customer-reviews
Customer Reviews is a MFE that holds ratings and reviews supplied by customers in the tool Qualtrics. In this component you get the average rating of the hotel and overview ratings of specific topics such as rooms, pool, drinks and food.
You can read reviews from the customers, sort those reviews on latest and on average rating. You can also filter the reviews on language, travel company and time of year. Overall it’s giving the customer great insights on the quality of the hotel
The component is market specific and supplies the market specific languages. It can also show reviews in the chosen languages per market.
Screenshots
Usage
Add the following script tag to your web page to load the microfrontend. Note: This is required only once per webpage, even when you embed multiple instances of the microfrontend.
<script src="https://nonprod.cloud.tui.com/osp/ao/ui/customer-reviews/current/customer-reviews.esm.js" defer></script>
Add the following HTML code anywhere in your webpage at the position where you want the microfrontend to show. You can create multiple instances of the microfrontend.
<tui-customer-reviews
hotel-id="VALUE"
locale="VALUE">
</tui-customer-reviews>
Examples
An MFE that displays customer-reviews.
<tui-customer-reviews
locale="sv-SE"
hotel-id="A0976941"
languages="de,fr,nl"
number-of-reviews-per-page="5">
</tui-customer-reviews>
Attributes
This microfrontend accepts the following attributes:
Name | Description | Values | Default | Required |
---|---|---|---|---|
anchor-link | Where View all reviews should link to | no | ||
default-language | Default language to show reviews in | no | ||
hotel-id | Hotel id to fetch rating and reviews for | yes | ||
languages | Which languages reviews should be fetched for | no | ||
locale | Locale to be used within UI | da-DK , de-DE , en-GB , fi-FI , fr-BE , fr-FR , nb-NO , nl-BE , nl-NL , sv-SE | yes | |
mode | Render the MFE in compact or full mode | COMPACT , FULL , SLIM | no | |
number-of-reviews-per-page | Number of reviews to show per page | no |