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
- Copy code from review-widget.js to your website - see url at https://github.com/onescales/review-widget/blob/main/review-widget.js
- On any page you want to embed the widget, just below the code shown. Also see below settings:
Settings and comments:
- make sure to link the entire url of review-widget.js in <script src="review-widget.js"></script>
- 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)
- csvUrl: 'DOMAIN-URL/reviews.csv', (Place full url of review CSV you uploaded)
- rotationSpeed (speed to rotate between reviews - 5000 = 5 seconds)
- desktopAlignment (where to display on desktop)
- minStars (show reviews from this number and above)
- order (show reviews by order of list or random)
- hideOnMobile (hide on mobile: yes or no)
- 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.