We will be on holiday from September 1st to September 3rd. Sorry for the inconvenience. See Detail  

Header background

Custom Review App

Annie

Written by Annie

Last updated

252 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 can show the review app.

Step 1:

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

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

Step 2:

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

2023-05-15_10-01-16.gif

Step 3:

Each app has a different snippet code, you need to contact the support app to ask for the embed code.

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

You need to click edit code, then find the "review_grid_other.liquid" and Add Snippets Liquid like the guideline. 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 after product price on product page

You need to click on Product Price, review block > Enable Use Rating > Add Snippet Liquid.

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 -->
2023-05-15_10-52-15.gif

3.3. Show review on product tab

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 -->
2023-05-15_10-53-47.gif

[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 uses cookies to ensure you get the best experience on our website.