Title: FlowCraft Review Wall
Show your customers' reviews in a way people can trust, with no monthly fee and no per-view limits.
The FlowCraft Review Wall is built with HTML, Tailwind CSS (via CDN) and vanilla JavaScript:
- Paste your reviews into one simple list: name, stars, date, text and service
- Average rating, "Based on N reviews" and a star breakdown, always worked out from every review, low ones included
- Filter by stars or by service (the buttons are built from your list), and sort by newest or highest rated
- "Read more" for long reviews and "Show more reviews" paging
- "Response from the owner" under any review
- Link each review to its original on Google, Facebook or elsewhere, so visitors can check it
- Photo avatars, or coloured initials when there's no photo
- A grid on computers and a swipeable row on phones
- Safe with any text: HTML in a review is shown as text, never run
A built-in quote form ("Want results like these?") sends each visitor's email and the service they were looking at to your form service (Formspree, Make, Zapier or your own webhook).
WHAT'S INCLUDED
- index.html: the wall, the card design, the quote form and your review list
- app.js: all the logic, heavily commented
- style.css: stars, filter chips, the grid-to-swipe layout and the rating bars
- assets/images/: a header illustration and eight cartoon sample avatars
- README.txt: setup, the review fields step by step, plain-English guidance on the FTC's rules for reviews and testing tips, plus an optional .htaccess for Apache/Hostinger
It shows the reviews you add; it doesn't pull them live from Google. The ten included reviews are samples with made-up names: replace them with genuine reviews from your own customers.
Try the live demo: https://haveinsights.com/flowcraft/review-wall/
License: use and modify in unlimited personal and client projects. Resale or redistribution is not permitted.