Review Widget To Show Off Trust

Review Widget To Show Off Trust

We had made a Free Review Widget to Show Off Your Reviews to (Hopefully) increase conversons on your site.

 

For our personal proejcts, we had pay $75-$100 / month for review widgets and couldn't find a cheaper solution. (note that there are paid solutions which also sync reviews and ask for reviews but there was no cheap solution for just showing reviews).

 

So we built one you can use for free. Currently you have to list the reviews in a csv and it doesn't sync from review sites. Hope this helps you out there.

 

How to Use

Settings and comments:

  1. make sure to link the entire url of review-widget.js in <script src="review-widget.js"></script>
  2. add your reviews to a csv (excel), save as reviews.csv and upload to your site. make sure to add the following columns: (see example csv: https://github.com/onescales/review-widget/blob/main/reviews.csv )
  • Name (name of reviewer)
  • Stars (1-5 stars)
  • on (which site you got the reviews from)
  • date (date of review)
  1. csvUrl: 'DOMAIN-URL/reviews.csv', (Place full url of review CSV you uploaded)
  2. rotationSpeed (speed to rotate between reviews - 5000 = 5 seconds)
  3. desktopAlignment (where to display on desktop)
  4. minStars (show reviews from this number and above)
  5. order (show reviews by order of list or random)
  6. hideOnMobile (hide on mobile: yes or no)
  7. initZIndex (z index - in case widget is behind other elements on page)
<script src="DOMAIN-URL/review-widget.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            ReviewWidget.init({
                csvUrl: 'DOMAIN-URL/reviews.csv', // Replace with your CSV file URL                
rotationSpeed: 5000, // rotation speed desktopAlignment: 'right', // Options: 'left', 'right', 'center' minStars: 4, // Only show reviews with 4 stars or above order: 'top-to-bottom', // Options: 'random' or 'top-to-bottom' hideOnMobile: 'no', // Options: 'yes' or 'no' initZIndex: 2147483647, // Custom z-index }); }); </script>

Additional Notes

  • All code and instructions are as is. By reading this repository, readme or any code, you acknowledge that you are solely responsible for your own doings.
  • See source code at our github page
  • You should consider automating the reading/fetching of reviews to that this can be automatic. Consider zapier or similar apps.

Leave a comment

Please note, comments need to be approved before they are published.

Tags

Thank You For Reading Our Articles!

We're committed to delivering real answers, valuable insights, and efficient knowledge online. Join us by subscribing, sharing, and engaging with our community to make a difference!