⬇️Installing Review Widgets Manually

You can add WiseReviews widgets manually to your theme. This requires technical knowledge and basic coding skills.

Create WiseReviews snippets

Edit your theme code
Add the WiseReviews snippets

This step is required in order to render the WiseReviews snippets. Copy the liquid files below and put them under the snippets folder.

snippets/wise-star-rating.liquid
<wise-star-rating {% capture productID %}{{ product.id }}{% endcapture %} data-average-rating="{{ shop.metafields.wisereviews.reviews.value.products[productID].average_rating }}" data-reviews-count="{{ shop.metafields.wisereviews.reviews.value.products[productID].reviews_count }}" data-star-size="{{ star_size }}" data-align="{{ align }}"></wise-star-rating>
snippets/wise-product-reviews.liquid
<wise-product-reviews data-product-id="{{ product_id }}" data-default-type="{{ default_type }}"></wise-product-reviews>
snippets/wise-featured-reviews.liquid
<wise-featured-reviews></wise-featured-reviews>

Rendering the widgets

  1. Navigate Online Store ThemesEdit Code.

  2. Paste the code snippet in your Shopify Liquid file.

Product Reviews

Preview of product reviews in product page
{% render 'wise-product-reviews', product_id: product.id, default_type: 'product_reviews' %}

You can change the default type to product_reviews, shop_reviews, product_reviews_only, and shop_reviews_only.

Where to add: /templates/product.liquid

Star Rating (Collection)

Preview of star rating in collection page
{% render 'wise-star-rating', product: product, star_size: '18', align: 'left' %}

Where to add: /snippets/card-product.liquid

Star Rating (Product Page)

Preview of star rating in product page
{% render 'wise-star-rating', product: product, star_size: '18', align: 'left' %}

Where to add: /sections/main-product.liquid


Installing WiseReviews on Page Builder

Page builders like PageFly, Ecomposer, and GemPages have slightly different installation processes. Please follow the video below to learn how to install the WiseReviews widget on your chosen page builder.


Note: If you have any questions or need any help, please reach out to support@codexapps.co

Tip: You can also display star ratings on organic Google search results See: Displaying Star Ratings on Organic Google Search Results

Last updated