How to Reposition the Review Widget on Your Store
Plans: All plans Platforms: Shopify
Reviews play a pivotal role for potential customers in making up their minds about a purchase, and that’s why reviews should be shown in the best possible manner. With AfterShip Reviews, you can easily change the position of the review widget to drive better sales results.
In this tutorial, we’ll discuss:
Reposition the review widget in Shopify 1.0 themes
Reposition the review widget in Shopify 2.0 themes
Always back up your original theme files to prevent any unforeseen events
Download your theme file before making any edits.
Save EACH file after removing or adding our reviews widget code block.
Applicable to all Shopify 1.0 themes.
Step 1: Access your theme's code editor:
Navigate to Shopify admin portal > Sales channel > Themes > Actions > Edit code
Step 2: Locate and open the product template file
Search for and open the "product.liquid" file in the Templates folder to view it in the right-side panel.
If you encounter a '.json' file (e.g., 'product.json') within your Templates folder of theme codes, this guide may not apply. Please refer to this help article or contact our support team for assistance.
Step 3: Copy the following code block for the 'review widget'
Step 4: Paste the above 'review widget' code block into your desired position
For example, if you want the review widget above the "We Also Recommend" section:
After opening the "product.liquid" file, locate the 'product-template' section above the 'product-recommendations' section.
Insert the 'reviews widget' code block between these sections.
Step 5: Save the edited files and verify changes on your storefront
Verify the position of the review widget on your store. It should be right below your product, which is its ideal position.
If you are using a Shopify 2.0 theme, follow the steps described in the video below:
For any help, contact our chat support team.
Overview
Reviews play a pivotal role for potential customers in making up their minds about a purchase, and that’s why reviews should be shown in the best possible manner. With AfterShip Reviews, you can easily change the position of the review widget to drive better sales results.
What you'll learn
In this tutorial, we’ll discuss:
Reposition the review widget in Shopify 1.0 themes
Reposition the review widget in Shopify 2.0 themes
Key points to remember
Always back up your original theme files to prevent any unforeseen events
Download your theme file before making any edits.
Save EACH file after removing or adding our reviews widget code block.
How to move the review widget to the desired position in Shopify 1.0 themes
Applicable to all Shopify 1.0 themes.
Step 1: Access your theme's code editor:
Navigate to Shopify admin portal > Sales channel > Themes > Actions > Edit code
Step 2: Locate and open the product template file
Search for and open the "product.liquid" file in the Templates folder to view it in the right-side panel.
If you encounter a '.json' file (e.g., 'product.json') within your Templates folder of theme codes, this guide may not apply. Please refer to this help article or contact our support team for assistance.
Step 3: Copy the following code block for the 'review widget'
<!--BEGIN_AS_REVIEWS:production:product_reviews_widget-->
{% render 'asrv-product-reviews-widget' %}
<!--END_AS_REVIEWS:production:product_reviews_widget-->Step 4: Paste the above 'review widget' code block into your desired position
For example, if you want the review widget above the "We Also Recommend" section:
After opening the "product.liquid" file, locate the 'product-template' section above the 'product-recommendations' section.
Insert the 'reviews widget' code block between these sections.
Step 5: Save the edited files and verify changes on your storefront
Verify the position of the review widget on your store. It should be right below your product, which is its ideal position.
How to move the review widget to the desired position in Shopify 2.0 themes
If you are using a Shopify 2.0 theme, follow the steps described in the video below:
For any help, contact our chat support team.
Updated on: 20/12/2024
Thank you!