SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Custom Review App

Annie

Written by Annie

Last updated

5075 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 -->

🎁 Exclusive Deals for The4 Customers

SectionAI

🤖 SectionAI – Build Sections with AI

Generate Shopify sections from text or wireframes.
The4 users get +20,000 bonus tokens when verifying their theme license.

  • ✅ No-code section builder
  • ✅ Works with your The4 theme
  • ✅ Build FAQs, banners, product grids & more
🚀 Try Free – Claim Tokens
EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114).

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

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