<!--

  Power Reviews Widget

  This code is used each time you want to display the power reviews widget.

  We link to the reviews-list.html file where all reviews are listed.

-->

<script src="//ui.powerreviews.com/stable/4.0/ui.js"></script>

<style type="text/css">
 /* Recommended Styles Overrides */
  .pr-snippet-review-count, .pr-snippet-write-review-link { display: none; }
</style>

<div style="width: 300px;">

  <div id="pr-reviewsnippet"></div>

  <script>
    POWERREVIEWS.display.render({
      api_key: 'API KEY HERE',
      locale: 'en_US',
      merchant_group_id: 'XXXXXX',
      merchant_id: 'XXXXXX',
      page_id: 'STAT ID HERE',
      components: {
        ReviewSnippet: 'pr-reviewsnippet'
      }
    });
  </script>

  <a href="link-to-reviews-page.html" title="Read our Reviews">Read our Reviews</a>

</div>

<!--

  Power Reviews List Page

  The code below was used to populate the output of all Power Reviews into the page of the site.

  The style embed that is displayed below was used to hide elements that we didn't want to output in the page.

-->

<script src="//ui.powerreviews.com/stable/4.0/ui.js"></script>

<style type="text/css">
  /* Recommended Styles Overrides */
  .pr-snippet-review-count,
  .pr-snippet-write-review-link { display: none; }

  .pr-review-snapshot-block-container,
  .pr-review-snapshot-faceoff {
    display: none !important;
  }
</style>

<div id="pr-reviewdisplay"></div>

<script>
  POWERREVIEWS.display.render({
    api_key: 'API KEY HERE',
    locale: 'en_US',
    merchant_group_id: 'XXXXXX',
    merchant_id: 'XXXXXX',
    page_id: 'STAT ID HERE',
    components: {
      ReviewDisplay: 'pr-reviewdisplay'
    }
  });
</script>