Adding Feedless with Product Variants (PDPs)

Note: Display 4.0 documentation is provided as a courtesy for clients on this older version of PowerReviews. We recommend contacting your Account Manager to discuss upgrading to our newer Display 4.1 version as soon as possible.

This article discusses how to implement Feedless Product Data code on your product detail pages (PDPs) with product variants being present. 

To learn more about implementing Feedless without product variants being present, click here. To learn how to troubleshoot your Feedless Product Data code, click here. To learn more about Feedless and its features and considerations, click here.

Installations Steps

1. Ensure you have already installed the PowerReviews ui.js library and render function on your pages with the components you will be using.
2. Paste the code sample directly underneath the review_wrapper_url variable with a focus on the product: { } object, as you should have already installed the other code.

The sample code below includes only three variants and is meant to illustrate how you should structure your variant data. You are not limited to three variants only, and can add more if needed.

<script src="https://ui.powerreviews.com/stable/4.0/ui.js" async></script>
         
 <script>
POWERREVIEWS.display.render({
   api_key: 'API_KEY',
   locale: 'LOCALE',
   merchant_group_id: 'MERCHANT_GROUP_ID',
   merchant_id: 'MERCHANT_ID',
   page_id: 'PAGE_ID',
   review_wrapper_url: 'WRAPPER_URL',
   //*** Start Feedless Product Code ***
   product:{
            name:'YOUR_PRODUCT_NAME',
            url:'YOUR_PAGE_URL',
            image_url: 'YOUR_PRODUCT_IMAGE_URL',
            description: 'YOUR_PRODUCT_DESCRIPTION',
            category_name: 'YOUR_PRODUCT_CATEGORY_NAME',
            brand_name: 'YOUR_PRODUCT_BRAND_NAME',
            price: 'YOUR_PRODUCT_PRICE',
            in_stock: 'PRODUCT_IN_STOCK_STATUS',
   variants: [{
            name: 'YOUR_VARIANT_NAME_1',
            image_url: 'YOUR_VARIANT_IMAGE_URL_1',
            upc: 'YOUR_VARIANT_UPC_1',
            page_id_variant: 'PAGE_ID_VARIANT_1',
      },
      {
            name: 'YOUR_VARIANT_NAME_2',
            image_url: 'YOUR_VARIANT_IMAGE_URL_2',
            upc: 'YOUR_VARIANT_UPC_2',
            page_id_variant: 'PAGE_ID_VARIANT_2',
      },
      {

            name: 'YOUR_VARIANT_NAME_3',
            image_url: 'YOUR_VARIANT_IMAGE_URL_3',
            upc: 'YOUR_VARIANT_UPC_3',
            page_id_variant: 'PAGE_ID_VARIANT_3',            
      }]
      },
   //*** End Feedless Product Code ***
   components: {
      ReviewSnippet: 'pr-reviewsnippet',
      ReviewDisplay: 'pr-reviewdisplay'
   }
});
</script>

3. In the product object you created, update all of the fields with the appropriate data below.

Required Fields at the Parent Level

Match the exact spelling and formatting to ensure your code is accurate.

Optional Fields at the Parent Level

If you elect to use any of these fields, match the exact spelling and formatting to ensure your code is accurate.

Required Fields at the Variant Level

Match the exact spelling and formatting to ensure your code is accurate.

Optional Fields at the Variant Level

If you elect to use any of these fields, match the exact spelling and formatting to ensure your code is accurate.

If you do not include the fields below, the variant will inherit the data you included at the parent level.

Considerations for Variants

PowerReviews will only collect Product Data for up to 3 variants at a time, selected at random, to avoid overloading the page. If you include more than 3 variants on a given page, multiple page visits will need to occur in order for the code to fire enough pixels to get through all variants.