WiseReviews
  • Welcome to WiseReviews
  • OVERVIEW
    • โญWhat is WiseReviews?
    • โœจOur Features
  • PRODUCT GUIDES
    • ๐Ÿ› ๏ธSetting up your WiseReviews
    • โฌ‡๏ธImporting Reviews
    • ๐Ÿ”Automatically Sync New Reviews
    • ๐Ÿ“Creating a Single Review
    • โœ๏ธEditing a Review
    • ๐Ÿ“Importing Reviews via CSV
    • ๐ŸŒŸShop review vs Product reviews
    • ๐Ÿ“„Changing or Removing Reviews tab
    • ๐Ÿ”ฝFiltering Reviews
    • ๐Ÿ”กTranslating Reviews
    • ๐Ÿ’ฌCustomizing my Review Widgets
    • ๐Ÿˆท๏ธChanging my Review Widget Language
    • ๐Ÿช„What is Magic review reply?
    • ๐Ÿ’ŒCustomizing the Review Request Email to Customers
    • โœ…Managing New Reviews
    • ๐Ÿ“งSend emails using custom email or domain.
    • ๐ŸŽซGiving Customers a Discount on their Future Purchases as an Incentive for Posting a Review
    • โฌ†๏ธExporting all reviews in bulk?
    • ๐Ÿ—‘๏ธDeleting Imported Reviews in Bulk
    • ๐ŸšซDisabling Review Widgets?
    • ๐Ÿ“„Creating a Reviews Page
    • ๐ŸŒAdding Review Widgets to my Homepage
    • ๐Ÿ“ŒAdding Featured Reviews
    • ๐Ÿ”ŽDisplaying Star Ratings on Organic Google Search Results
    • โฌ‡๏ธInstalling Review Widgets Manually
    • ๐Ÿ“ƒWhy are all my product pages showing the same reviews?
    • ๐ŸงจMy review widget is not rendering properly
    • โ€ผ๏ธDelete duplicate reviews
  • OTHER GUIDES
    • ๐Ÿ“ฉSubmitting a Feature Request
    • ๐Ÿ“ขView New Updates - Changelogs
    • โœณ๏ธRemoving WiseReviews Branding/ Watermark
    • ๐Ÿ’ณWiseReviews Subscription Plan
    • โ“Why can't I Import more than 100 Rreviews from Amazon?
    • โ“Why can't I import more than 100 reviews from Etsy?
    • โ“Why can't I import more than 150 reviews from Shein?
    • โ“Why can't I import more than 20 reviews from Temu?
    • ๐Ÿ‘ฅAdding a Staff Account
    • ๐Ÿ”ŽFinding Product Handle
    • ๐Ÿ“Terms of Service
    • โ›”Uninstalling WiseReviews
    • ๐Ÿ”ขFinding Shopify's Collaborator Request (Access) Code
    • ๐Ÿ“‘Export reviewer/customer data
Powered by GitBook
On this page
  • Create WiseReviews snippets
  • Rendering the widgets
  • Installing WiseReviews on Page Builder
  1. PRODUCT GUIDES

Installing Review Widgets Manually

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

PreviousDisplaying Star Ratings on Organic Google Search ResultsNextWhy are all my product pages showing the same reviews?

Last updated 5 months ago

Create 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 โ†’ Themes โ†’ Edit Code.

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

Product Reviews

{% 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)

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

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

Star Rating (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

โฌ‡๏ธ
Edit your theme code
Add the WiseReviews snippets
Preview of product reviews in product page
Preview of star rating in collection page
Preview of star rating in product page