Overview

With Reviews from Amazon, you can display highly trusted product ratings and reviews on Buy with Prime product detail pages (PDPs). The Reviews from Amazon have the same look that shoppers are familiar with on Amazon.com. Shoppers can find overall ratings, read detailed product reviews from other customers, and filter them by a particular star rating.

Reviews from Amazon is a solution that encompasses two components:

• Ratings. With this component, shoppers can find the aggregated product rating.
• Reviews. With this component, shoppers can find the individual product reviews.

Benefits of Reviews from Amazon

Reviews from Amazon can help your business with the following:

• Increase shopper trust and social proof. Tap into the volume and authenticity of reviews from Amazon on your product detail page for Buy with Prime activated products to help boost shopper trust and provide social proof.
• Boost brand credibility. Offer visibility into authentic reviews from Amazon for Buy with Prime activated products to help improve your brand’s credibility among shoppers.
• Keep shoppers on your site. Shoppers can see reviews from Amazon for Buy with Prime activated products directly on your ecommerce site.
• Expand product review volume. Amplify your site’s existing reviews solution to give shoppers more information about your Buy with Prime activated products.

Prerequisites

To set up Reviews from Amazon on your site, perform the following prerequisite steps:

• Create a Professional Seller Central account, and then import your existing Amazon product catalog information to your Buy with Prime catalog.
• Register your products in Amazon Brand Registry.
• Set up Buy with Prime for your products by completing the onboarding process.

Set up Reviews from Amazon for your site

Before you set up Reviews from Amazon, ensure you complete the Buy with Prime prerequisites and set up steps.

To set up Reviews from Amazon

Step 1Open the merchant console.

Step 2From the side menu, under Products, choose Amazon reviews.

Step 3Read the Eligibility for Reviews from Amazon section and complete the prerequisites. 

Step 4On the Reviews from Amazon page, choose Get started to find a verification workflow that checks that your products are active on Amazon.com and registered with Amazon Brand Registry. 

After completing the preceding steps, follow the instructions to pick which products to activate Reviews from Amazon.

Pick which products to display Reviews from Amazon

To set up Reviews from Amazon you can pick an individual product or select multiple ones from a listing page. 

To pick an individual product to set up Reviews from Amazon

Step 1Open the merchant console.

Step 2From the side menu, under Products, choose Reviews from Amazon.

Step 3Find the product that you want to display Reviews from Amazon on. Use the search bar to find a product by title or SKU. You can also sort products by title, or filter products by star rating.

Step 4Confirm your product selection to activate Reviews from Amazon. 

Step 5Turn on Show reviews. 

Step 6Go to Amazon.com to validate that Reviews from Amazon is active on the product detail page. Note: Reviews from Amazon is only displayed on products that are Buy with Prime eligible when the detail page is refreshed and loaded.

To pick multiple products to set up Reviews from Amazon

Step 1Open the merchant console.

Step 2From the side menu, under Products, choose Reviews from Amazon.

Step 3To select multiple products to activate Reviews from Amazon, click the checkbox next to the product image. To select all products, click the checkbox on the Product header. 

Step 4From the Show reviews banner, click Turn On.

Filter products by star rating

To sort or filter reviews by star rating, perform the following steps:

Step 1Open the merchant console.

Step 2From the side menu, under Products, choose Reviews from Amazon.

Step 3On the Product Table page, choose the Filter icon to see the filter pop-up screen.

Step 4Filter Reviews from Amazon by star rating.

Deactivate Reviews from Amazon

To  deactivate Reviews from Amazon, perform the following steps:

Step 1Open the merchant console.

Step 2From the side menu, under Products, choose Reviews from Amazon.

Step 3Find the products that you want to deactivate Reviews from Amazon.

Step 4Turn Show reviews off.

Customize your Reviews from Amazon feature

Step 1Open the merchant console.

Step 2From the side menu, under Products, choose Reviews from Amazon.

Step 3From the Eligible for reviews tab, click Customize & install reviews code.

You can customize the following elements:

• Feature to display: Reviews from Amazon consists of two components: 
  • Ratings: With this component, shoppers can find the aggregated product rating.
  • Reviews: With this component, shoppers can find the individual product reviews.

The default setting is to show both components on your product detail pages with Buy with Prime active. You can also choose to display only Reviews. Note: It's not possible to only display Ratings without Reviews. Find the feature code in the Install codes accordion.

• Color: Reviews from Amazon uses white background as a default. If the light background doesn't suit your website theme, you can pick the dark mode.
• Corner radius (dropdown & pagination): Reviews from Amazon use sharp corners for the dropdown menu and pagination buttons by default. You can also choose rounded corners or pill-shape to make Reviews from Amazon look consistent with your website style. 
• Number of reviews per page: Reviews from Amazon are organized vertically. Pagination allows shoppers to click the Previous and Next buttons through the full list of reviews. The default setting is to show eight reviews on each page. To shorten the reviews feature, you can select a minimum of four reviews on each page.

Add Reviews from Amazon code to your site

To install Reviews from Amazon, you need to set up your product for Buy with Prime. To display Reviews from Amazon, add the code to the product detail page template on your site.

Choose the process that applies to your site and theme:

Note: This content is applicable to standard themes.

• To add Reviews from Amazon to your BigCommerce site
• Simplified method to add Reviews from Amazon to your Shopify site using theme editor
• To add Reviews from Amazon to your Shopify site using code editor
• To add Reviews from Amazon to your WooCommerce site
• To add Reviews from Amazon to WordPress sites on WooCommerce

Note: To avoid overwriting your site content, save a copy of your product detail page template and follow the general instructions. After you finish installing the Reviews from Amazon code, preview the products that you set up on your site. 

To add Reviews from Amazon to your BigCommerce site

Option 1: Reviews from Amazon as a sole review solution

If you already have a reviews solution installed on your site and you plan to use Reviews from Amazon as your only reviews solution, remove your existing reviews tool first. To add Reviews from Amazon as the only reviews solution on your ecommerce site, follow these steps:

Step 1Open your BigCommerce dashboard.

Step 2From the side menu, under Storefront, choose Themes.

Step 3From the Advanced dropdown menu on your theme, choose Edit Theme Files.

Step 4In the file tree, open the product detail page template. For example, if you're using the default theme, navigate to Templates, then Components, Product View, and then choose product-view.html. Note: Depending on your theme, your pathway might be different.

Step 5If you choose to display Ratings from Amazon, paste the Ratings code between the product title and price sections on your site.

Step 6Paste the Reviews from Amazon code below the description section or another location of your preference.

Tip: Try searching for "title", "price" or "description" to find the correct location to add the Reviews from Amazon code.

Option 2: Reviews from Amazon as an additional review solution on your site

To add Reviews from Amazon alongside your existing reviews solution on your product detail page, follow these steps:

Step 1Open your BigCommerce dashboard.

Step 2From the side menu, under Storefront, choose Themes.

Step 3From the Advanced dropdown menu on your theme, choose Edit Theme Files.

Step 4In the file tree, open the product detail page template. For example, if you're using the default theme, navigate to Templates, then Components,  Product View, and then choose product-view.html. Note: Depending on your theme, your pathway might be different.

Step 5 If you choose to display Ratings from Amazon, paste the Ratings code above or below your existing ratings section on the page.

Step 6Paste the Reviews code above or below your existing reviews solution.

Simplified method to add Reviews from Amazon to your Shopify site using theme editor

Option 1: Reviews from Amazon as a sole review solution

If you already have a reviews solution installed on your site and you plan to use Reviews from Amazon as your only reviews solution, remove your existing reviews tool first. These instructions only support ecommerce stores that use a Shopify Online Store 2.0 theme. If you're using a vintage theme, go to Add Reviews from Amazon to your Shopify site using code editor.

To add Reviews from Amazon as the only reviews solution on your ecommerce site, use the Shopify theme editor and follow these steps:

Note: This install method might not work for all themes. 

Step 1Open your Shopify dashboard.

Step 2Choose Sales Channels, Online Store, Themes, and then Customize.

Step 3In the Shopify designer, choose Default Product or Product from the menu.

Step 4On the side menu, find the Product Information section that contains the Title or Price.

Step 5Choose Add block at the bottom of the Product Information section, and then choose Custom Liquid. You can add two blocks, if you want to display both Ratings and Reviews from Amazon.

Step 6In the two newly created Custom Liquid items, paste the Ratings code and Reviews code, respectively, and then choose Save.

Step 7From the side menu, drag the two Custom Liquid blocks in page location of your choice. For the Ratings component, it's typically located between Title and Price. For the reviews component, it's typically located below product description.

Option 2: Reviews from Amazon as an additional review solution on your site

These instructions only support ecommerce stores that use a Shopify Online Store 2.0 theme. If you're using a vintage theme, go to Add Reviews from Amazon to your Shopify site using code editor.

To add Reviews from Amazon alongside your existing reviews solution on your product detail page, follow these steps:

Step 1Open your Shopify dashboard.

Step 2Choose Sales Channels, Online Store, Themes, and then Customize.

Step 3In the Shopify designer, choose Default Product or Product from the menu.

Step 4From the side menu, find the Product Information section that contains the Title or Price.

Step 5Choose Add block at the bottom of the Product Information section, and then choose Custom Liquid. You can add two blocks, if you want to display both Ratings and Reviews from Amazon.

Step 6Paste the Ratings code and Reviews code, respectively, in the two newly created Custom Liquid items, and then choose Save.

Step 7From the side menu, drag the two Custom Liquid blocks in page location of your choice. For the Ratings component, it's typically located between Title and Price. For the Reviews component, it's typically located below product description.

To add Reviews from Amazon to your Shopify site using code editor

Option 1: Reviews from Amazon as a sole review solution

If you already have a reviews solution installed on your site and you plan to use Reviews from Amazon as your only reviews solution, remove your existing reviews tool first. These instructions only support your ecommerce store using a vintage theme. If you use a Shopify Online Store 2.0 theme, go to Simplified method to add Reviews from Amazon to your Shopify site using theme editor.

To add Reviews from Amazon as the only reviews solution on your ecommerce site, follow these steps:

Step 1Open your Shopify dashboard.

Step 2Under Sales Channels, choose Online Store, and then Themes.

Step 3Choose the Actions dropdown menu on your theme, and then Edit Code.

Step 4In the code editor, under Sections, choose the product detail page template file (for example, Product-Template.liquid). Note: Depending on your theme, your pathway might be different.

Step 5For Ratings from Amazon, paste the code between title or price on the page.

Step 6For Reviews from Amazon, paste the Reviews code below the description.

Step 7Choose Preview. If the Reviews from Amazon components don't appear where you expect them, you can copy the code somewhere else in the file, or choose Older versions to go back to a previous version.

Tip: Try searching for "title" or "price" or "description" to find the place in the code.

Option 2: Reviews from Amazon as an additional review solution on your site

These instructions only support your ecommerce store using a vintage theme. If you use a Shopify Online Store 2.0 theme, go to Simplified method to add Reviews from Amazon to your Shopify site using theme editor.

To add Reviews from Amazon alongside your existing reviews solution on your product detail page, follow these steps:

Step 1Open your Shopify dashboard.

Step 2Under Sales Channels, choose Online Store, and then Themes.

Step 3Choose the Actions dropdown menu on your theme, and then Edit Code.

Step 4In the code editor, under Sections, choose the product detail page template file (for example, Product-Template.liquid). Note: Depending on your theme, your pathway might be different.

Step 5For Ratings from Amazon, paste the code above or below or next to your existing rating component.

Step 6For Reviews from Amazon, paste the Reviews code above or below your existing reviews component.

Step 7Choose Preview. If the Reviews from Amazon components don't appear where you expect them, you can copy the code somewhere else in the file, or choose Older versions to go back to a previous version.

Tip: Try searching for "title" or "price" or "description" to find the place in the code.

To add Reviews from Amazon to your WooCommerce site

Option 1: Reviews from Amazon as a sole review solution

If you already have a reviews solution installed on your site and you plan to use Reviews from Amazon as your only reviews solution, remove your existing reviews tool first. 

If your store isn’t hosted on WordPress, follow these steps to add Reviews from Amazon as the only review solution on your product detail page. 

Step 1Open the dashboard of your hosting provider.

Step 2Navigate to your cPanel to access your WordPress/WooCommerce site files.

Step 3Find the product detail page template file (for example, "product-template.html").

Step 4For Ratings from Amazon, paste the Ratings code between title or price on the page.

Step 5For Reviews from Amazon, paste the Reviews code below description.

Tip: Try searching for "title" or "price" or "description" to find the place in the code.

Option 2: Reviews from Amazon as an additional review solution on your site

Follow these steps to add Reviews from Amazon to your existing reviews solution on your product detail page.

Step 1Open the dashboard of your hosting provider.

Step 2Navigate to your cPanel to access your WordPress/WooCommerce site files.

Step 3Find the product detail page template file (for example, "product-template.html").

Step 4For Ratings from Amazon, paste the Ratings code above or below your existing rating solution on the page.

Step 5For Reviews from Amazon, paste the Reviews code above or below your existing review solution.

To add Reviews from Amazon to WordPress sites on WooCommerce

Option 1: Reviews from Amazon as a sole review solution

If you already have a reviews solution installed on your site and you plan to use Reviews from Amazon as your only reviews solution, remove your existing reviews tool first. 

If your store is hosted on WordPress, use the following instructions to install the Reviews from Amazon code.

Step 1From your WordPress admin portal, choose Appearance, and then Theme File Editor.

Step 2From the side file hierarchy find the WooCommerce template-functions.php file. For example: inc, WooCommerce, and then THEME-WooCommerce-template-functions.php (your path might differ).

Step 3Install the Reviews from Amazon code at the end of the file.

Step 4For Ratings from Amazon, paste the Ratings code between title or price on the page.

Step 5For Reviews from Amazon, paste the Reviews code below description.

Tip: Try searching for "title" or "price" or "description" to find the place in the code.

Option 2: Reviews from Amazon as an additional review solution on your site

Follow these steps to add Reviews from Amazon alongside your existing reviews solution on your product detail page.

Step 1From your WordPress admin portal, choose Appearance, and then Theme File Editor.

Step 2On the side file hierarchy find the WooCommerce template-functions.php file. For example: inc,  WooCommerce, and then THEME-WooCommerce-template-functions.php (your path might differ).

Step 3Install the Reviews from Amazon code at the end of the file.

Step 4For Ratings from Amazon, paste the Ratings code above or below your existing rating solution on the page.

Step 5For Reviews from Amazon, paste the Reviews code above or below your existing review solution.

To add Reviews from Amazon to other ecommerce providers

To add Reviews from Amazon to other ecommerce providers such as Magento or a custom-built site, follow these steps:

Note: In order to install this code, you need to locate the Product Detail Page (PDP) code for Magento. Typically, this file is located on the server where Magento is hosted. A PDP path for Magento implementation would look something like this: PDP Path/vendor/magento/module-catalog/view/frontend/templates/product/view/details.phtml

Option 1: Reviews from Amazon as a sole review solution

Step 1Locate where the product detail page template file is stored for your site.

Step 2Identify the naming convention of the SKU identifier that you want to add Reviews from Amazon to.

Step 3In the Reviews from Amazon button code, find the line: data-sku="{{product.sku}}".

Step 4Replace product.sku with the naming convention of the SKU identifier from Step 2.

Step 5For Ratings from Amazon, paste the code between title or price on the page.

Step 6For Reviews from Amazon, paste the Reviews code below description.

Step 7After you set up Reviews from Amazon and paste the code into your site’s product detail page template, go to your site's product detail pages to confirm the ratings and reviews are rendering correctly.

Option 2: Reviews from Amazon as an additional review solution on your site

Step 1Locate where the product detail page template file is stored for your site.

Step 2Identify the naming convention of the SKU identifier that you want to add Reviews from Amazon to.

Step 3In the Reviews from Amazon button code, find the line: data-sku="{{product.sku}}".

Step 4Replace product.sku with the naming convention of the SKU identifier from step 2.

Step 5For Ratings from Amazon, paste the Ratings code above or below or next to your existing rating component.

Step 6For Reviews from Amazon, paste the Reviews code above or below your existing reviews component.

Step 7After you set up Reviews from Amazon and paste code into your site’s product detail page template, go to your site's product detail pages to confirm the ratings and reviews are rendering correctly.

Troubleshoot your Reviews from Amazon feature

I'm having issues adding the Reviews from Amazon feature to my site

Adding Reviews from Amazon to your site depends on how your site is built, and the theme you use. If you're using a custom theme, or having issues with adding the Reviews from Amazon feature code to your site, use the following guidance.

Troubleshooting tips

Tip 1: Find the right file to use for the Reviews from Amazon code.

Based on the different themes or site builds, it might not be obvious which file to use for inserting the Reviews from Amazon code on your site. If your site uses a different structure than the default theme from your service provider, contact your theme developer.

When you open a file, look for HTML tags such as <div>, <p>, or <span>. If you don't see HTML tags, it means that you're looking at a layout file. Layout files are not the correct location for adding the Reviews from Amazon code. If you can't find the correct file, search for the following key terms:

• product-view
• product-template
• product-form
• product
• product-details
• product-info

Tip 2: Find the right section within the file to insert the Reviews from Amazon code.

To find the file section to insert the Reviews from Amazon code, search for the following names:

• product title or title
• pricing or price 
• image or product image
• description
• rating or reviews

Tip 3: Find where you want the Reviews from Amazon to appear on your site.

It can take time and trial and error to find the correct location for the Reviews from Amazon code on your site. To help you understand the page layout and location for the Reviews from Amazon code, paste "<h2>Hello World</h2>" onto the page. Then, preview your site to see where "Hello World" appears. You can move the "Hello World" label to different sections within your page, until you find the correct location for Reviews from Amazon.

After "Hello World" appears where you want the Reviews from Amazon to appear, replace "<h2>Hello World</h2>" with the Reviews from Amazon code from the merchant console.

Tip 4: Fix any spacing issues.

If the Reviews from Amazon feature appears too close to other elements on your site, you can adjust the surrounding padding. Edit your Reviews from Amazon code by adding the following padding style (in bold):

<div

id="$ROA_REVIEWS_DIV_ID"

data-site-id="$siteId"

"data-roa-instance-id="$roaInstanceId"

data-sku="{{$PRODUCT_SKU}}"

style="padding:5px;"

></div>

Place this padding code right before the <beginning of Reviews from Amazon code>. Ensure that the div of the other features is closed out before adding this code. If this code doesn't work, you can add <br>; <p> right under the <beginning of Reviews from Amazon code> text.

This padding style creates a small buffer on all sides of the Reviews from Amazon. You can create a larger or smaller buffer based on your site design. To adjust the buffer, increase or decrease the number "5" in the preceding sample code.

You can create padding on specific sides of Reviews from Amazon, instead of padding all sides. To pad specific sides, replace "padding" in the preceding sample code with either "padding-top," "padding-bottom," "padding-left," or "padding-right." You can combine padding styles to have more control. For example:

"padding-top: 5px;padding-left: 2px"

Tip 5: Fix any alignment issues.

If the Reviews from Amazon isn't aligned correctly with other site elements, center Reviews from Amazon. To fix alignment issues, wrap the code inside a "<div>" tag, and then use the "display:flexbox" style.

In the following example, there's an additional wrapper "<div>" tag (in bold) that surrounds the button code. This sample code, uses "background-color: pink," to help you see Reviews from Amazon on the screen.

<div

id="bwp-wrapper"

style="background-color: pink; width: 100%; display:flexbox; align-content: center">

<div

id="$ROA_REVIEWS_DIV_ID"

data-site-id="$siteId"

"data-roa-instance-id="$roaInstanceId"

data-sku="{{$PRODUCT_SKU}}"

></div>

</div> 

Check the screen, and notice a large pink box, with Reviews from Amazon centered.

Note: This test might rearrange your site page elements. You can adjust the "width" and "align-content" styles for the wrapper "<div>" to align Reviews from Amazon as you need. For additional help to align content, search online for the Flexbox cheat sheet. After Reviews from Amazon feature is aligned correctly, remove the "background-color" style. 

Tip 6: Replace Reviews from Amazon code after changing or updating your theme.

To install Reviews from Amazon code, you need to edit the theme of your ecommerce site. This edit is needed on a standard or a custom theme. If you change your online store theme, the Reviews from Amazon might disappear from your site.

To avoid this issue, if you change your theme after adding Reviews from Amazon, make a copy of your site's code. Make a note of the location within the theme to add the Reviews from Amazon code back again. 

Why isn't Reviews from Amazon showing up on my product detail page?

Reviews from Amazon is only displayed on your product detail page when the Buy with Prime button is active. To ensure that Reviews from Amazon is displayed properly, confirm the following: 

• Your Buy with Prime button is displaying properly on your product detail page. Ensure that you completed the steps in Set up Buy with Prime.
• Show reviews is turned on for the product. To ensure that Show reviews is active, follow the steps as listed in Pick which products to display Reviews from Amazon.
• The Reviews from Amazon code is correctly copied into your site builder. To ensure that you copied the code correctly, follow the steps as listed in Add Reviews from Amazon code to your site.