Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Custom Review App

Annie

Written by Annie

Last updated

1103 views

On this page


Product reviews are important in E-commerce because they allow shoppers to leave a comment about their buying and using experiences. Besides, customers often believe that a good product is one that has many positive reviews. So product reviews have a huge impact on purchasing. In this article, we will show you how to integrate app reviews into your theme.

You need to install the app review that you want to use, then contact the app's support first to get the snippet code. You will follow the instructions of the app and theme to integrate it. Currently, our themes support these apps below:​

However, if the app you want to use is not one of the apps above, please install the app and select Other app.

This is the guideline to help you show the review app.

Step 1: Enable App Embeds

You need to click App Embeds > Enable the app review.

2023-05-15_09-58-58.gif

Step 2: Config Theme settings

Please click Theme settings > General Product > Reviews >Tick on the check box app review that you use.

If the app you want to use isn't on the list, you have to choose "Other app" option.

18.png

Step 3: Show review widgets

Each app has a different snippet code, you need to contact the support app to ask for the embed code for rating stars and review widget.

3.1. Show review stars on product grid of the Homepage and Collection Page

  • Go to Theme settings > Product Items > Enable rating

12.gif
  • If you tick on "Other app" at step 2, the rating stars haven't shown yet. You need to click edit code, then find the "review_grid_other.liquid" and add embed code into the file.

This is the example with Judge.me app review:

<!-- Start of Judge.me code --> 
    <div style='{{ jm_style }}' class='jdgm-widget jdgm-preview-badge'  data-id='{{ product.id }}'>
      {{ product.metafields.judgeme.badge }}
    </div>  
<!-- End of Judge.me code -->

3.2. Show review with product price on product page

  • You need to click on Product Price, review block > Enable Use Rating

13.gif
  • If you tick on "Other app" at step 2, the rating stars haven't shown yet. You need to add the app embed code in Add Snippet Liquid under Use rating option.

14.gif

Example, this is the embed code for Judge me rating:

<!-- Start of Judge.me code --> 
    <div style='{{ jm_style }}' class='jdgm-widget jdgm-preview-badge'  data-id='{{ product.id }}'>
      {{ product.metafields.judgeme.badge }}
    </div>  
<!-- End of Judge.me code -->

3.3. Show review on product tab

  • The tab review automatically shows if you choose one review app in theme settings.

15.gif
  • If you tick on "Other app" at step 2, the review tab hasn't shown yet. Please click on Tab Review > Add Snippets Liquid.

Example: this is the embed code for Judge me widget:

<!-- Start of Judge.me code --> 
    <div style='clear:both'></div>
    <div id='judgeme_product_reviews' class='jdgm-widget jdgm-review-widget' data-id='{{ product.id }}'>
        {{ product.metafields.judgeme.widget }}
    </div>
<!-- End of Judge.me code -->

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

We uses cookies to ensure you get the best experience on our website.