Reviewer Widgets — Editors Preview

This page shows how each reviewer will render and provides the copy/paste snippet editors can use to embed the widget on their pages. Replace window.ddReviewerBasePath with your hosted path when deploying.

Reviewer Previews & Embed Snippets

Paul Danziger

Copy / paste this snippet where you want the reviewer to appear:

<!-- add this inside the <head> (once per page) -->
<link rel="stylesheet" href="https://widgets.dandell.com/reviewers/css/reviewer-engine.css">

<!-- place in the body where you want the reviewer to appear -->
<div class="dd-reviewer" data-reviewer="paul-danziger" data-style="style1"></div>

<!-- before the closing </body> include this -->
<script>
  window.ddReviewerBasePath = 'https://widgets.dandell.com/reviewers';
  window.ddReviewerVersion = '1.0.0';
</script>
<script src="https://widgets.dandell.com/reviewers/js/reviewer-engine.js" async defer></script>

Rod De Llano

Copy / paste this snippet where you want the reviewer to appear:

<!-- add this inside the <head> (once per page) -->
<link rel="stylesheet" href="https://widgets.dandell.com/reviewers/css/reviewer-engine.css">

<!-- place in the body where you want the reviewer to appear -->
<div class="dd-reviewer" data-reviewer="rod-de-llano" data-style="style1"></div>

<!-- before the closing </body> include this -->
<script>
  window.ddReviewerBasePath = 'https://widgets.dandell.com/reviewers';
  window.ddReviewerVersion = '1.0.0';
</script>
<script src="https://widgets.dandell.com/reviewers/js/reviewer-engine.js" async defer></script>

Michelle Whitman

Copy / paste this snippet where you want the reviewer to appear:

<!-- add this inside the <head> (once per page) -->
<link rel="stylesheet" href="https://widgets.dandell.com/reviewers/css/reviewer-engine.css">

<!-- place in the body where you want the reviewer to appear -->
<div class="dd-reviewer" data-reviewer="michelle-whitman" data-style="style1"></div>

<!-- before the closing </body> include this -->
<script>
  window.ddReviewerBasePath = 'https://widgets.dandell.com/reviewers';
  window.ddReviewerVersion = '1.0.0';
</script>
<script src="https://widgets.dandell.com/reviewers/js/reviewer-engine.js" async defer></script>

Dave Foster

Copy / paste this snippet where you want the reviewer to appear:

<!-- add this inside the <head> (once per page) -->
<link rel="stylesheet" href="https://widgets.dandell.com/reviewers/css/reviewer-engine.css">

<!-- place in the body where you want the reviewer to appear -->
<div class="dd-reviewer" data-reviewer="dave-foster" data-style="style1"></div>

<!-- before the closing </body> include this -->
<script>
  window.ddReviewerBasePath = 'https://widgets.dandell.com/reviewers';
  window.ddReviewerVersion = '1.0.0';
</script>
<script src="https://widgets.dandell.com/reviewers/js/reviewer-engine.js" async defer></script>

How to use this preview page

  1. Open this file on the hosting server that contains the rest of the widget files (so paths like ./reviewer-details/ resolve).
  2. Share the page URL with editors. They can copy the embed snippet above.
  3. When deploying to production, host JS/CSS/JSON/photos on a CDN and update window.ddReviewerBasePath in the snippet.

Troubleshooting