Show Review List

In order to show the review list you need to add the below code to your page. This code can be used to show the review list in areas such as product list page, product detail page etc.

Code required to show review list for individual product: <div class="review-container" data-pid="PRODUCT_ID" data-action="widget"></div>

Code required to show review list for grouped products: <div class="review-container" data-pid="PRODUCT_ID" data-group="true" data-action="widget"></div>

Code required to show review list for individual group (without rich snippet support)： <div class="review-container" data-gname="GROUP_NAME,GROUP_NAME" data-group="true" data-action="widget"></div>

Code required to show review list for individual group (with rich snippet support)： <div class="review-container" data-gname="GROUP_NAME,GROUP_NAME" data-group="true" data-name="PRODUCT_NAME" data-description="PRODUCT_DESC" data-url="PRODUCT_URL" data-image-url="PRODUCT_IMG" data-price="PRODUCT_PRICE" data-currency="PRODUCT_CURRENCY" data-action="widget"></div>

Code require to show review list as a dedicated page: <div class="review-container" data-action="dedicated-widget"></div>

You can also use these perimeters: 【data-review-count】➡ Number of reviews to show (number) 【data-sort】➡ Order to sort reviews (date,rate,like,buyer,response,picture) 【data-sort-order】➡ Order to sort reviews (asc,desc) 【data-review-type】➡ Type of reviews to show (site,product) 【data-

Question 2

Tag Insert

Accepted Answer

Add JS tag to header

In order to show U-KOMI related content inside your website you need to add the JS tag to your header.

Code required to add the JS tag to your header: <script type="text/javascript"> (function u(){var u=document.createElement("script");u.type="text/javascript",u.async=true,u.src="//api.u-komi.com/API_KEY/widget.js";var k=document.getElementsByTagName("script")[0];k.parentNode.insertBefore(u,k)})(); </script>

| "API_KEY" should be the API key value found inside the U-KOMI Admin || It is required to load jQuery before the U-KOMI JS tag

Question 3

Star Rating

Accepted Answer

Show Star Rating

In order to show the star rating you need to add the below code to your page. This code can be used to show the star rating in areas such as top page, product list page, product search result page, product detail page etc.

Code required to show the star rating: <div class="review-summary-container" data-pid="PRODUCT_ID" data-action="summary"></div>

Code required to show the star rating for grouped products: <div class="review-summary-container" data-pid="PRODUCT_ID" data-group="true" data-action="summary"></div>

| "PRODUCT_ID" should be the ID of the product

Question 4

Data Syncing

Accepted Answer

Data syncing support

In order to automatically send out review request emails you need to sync order data using the below API call.

http://doc.u-komi.com/#/Orders/orders_create

Review request emails will be sent out automatically based on the settings in the U-KOMI Admin email settings page after the data has been sent to U-KOMI via the above API call.

Question 5

Scroll Height Fix

Accepted Answer

Scroll Height Fix

If you have sticky header in your website you can execute the below JS to fix the scroll height when using pagination and other scroll elements within U-KOMI.

Code required to fix the scroll height: <script> jQuery(function($){ $('MENU_ELEMENT').addClass('sticky-container'); }); </script>

| "MENU_ELEMENT" should be the class or id of the sticky header (you can use either a .class or #id)

Question 6

Conversion Tracking

Accepted Answer

Conversion Tracking Support

In order to show analytics data in the U-KOMI Admin you need to add the below code to your completon (thank you) page.

Code required to support conversion tracking: <script>ukomiOrderTrackData = {orderId: "######ORDER_ID######", orderAmount: "######ORDER_AMOUNT#####", orderCurrency: "######ORDER_CURRENCY#####"}</script>

| "APIKEY" should be the API key value found inside the U-KOMI Admin | "ORDERID" should be the ID of the order | "ORDERAMOUNT" should be the amount of the order | "ORDERCURRENCY" should be the currency of the order

Frequently Read Articles

Browse All Categories