FlowCraft · Live demo

FlowCraft Review Wall

Show your customers' reviews with an average that's always worked out from every review, low ones included. Filter by stars or service, read owner replies, and turn interest into a quote request. It runs the same app.js that comes with the paid component.

Sample reviews. Every review here is made up for this demo, with obviously fictional names and cartoon avatars, and is marked "Sample review". They are not real customers of any business. Nothing you enter here is saved or sent.

Try it

  1. Filter by stars or service. Try 2★ to see how an owner reply answers a low review.
  2. Watch the average. It stays at the true figure for all reviews, whatever you filter.
  3. Read more, show more. Long reviews open in place, and more cards load six at a time.
Review cards with five-star ratings floating around a house

Customer reviews

What our customers say

4.3

Based on 10 reviews

  • 5★0
  • 4★0
  • 3★0
  • 2★0
  • 1★0

Showing all 10

We'll only use your email to reply. No spam.

Built to be trusted

Reviews people can believe

Your reviews sit in index.html as a simple JSON list, and all the logic lives in app.js, commented so a junior developer can follow it.

  1. An honest averageThe score, "Based on N reviews" and the star breakdown are worked out from every review in the list. Filters change what's shown, never the numbers.
  2. Answer, don't hideLow reviews stay in. Add a public reply and it appears under the review as "Response from the owner".
  3. CheckableGive a review its sourceUrl and visitors can open the original on Google or wherever it was posted.

The rules matter: the US FTC's 2024 rule on reviews bans fake or bought reviews and hiding negative ones, and other countries have similar laws. The README explains this in plain English. The wall shows the reviews you paste in; it doesn't pull them live from Google, which would need an API key and a server.

{
  "name": "Maria G.",
  "rating": 5,
  "date": "2026-09-12",
  "service": "Roofing",
  "source": "Google",
  "sourceUrl": "https://…",
  "text": "They replaced our roof…",
  "reply": "Thanks, Maria!"
}
Only name, rating and text are required. No photo? Coloured initials are shown instead. Service names turn into filter buttons automatically.

What the full version includes

Delivered as a ZIP download through Payhip.

  • index.htmlThe wall, the card design, the quote form and your review list, styled with Tailwind CSS
  • app.jsThe average and breakdown, filters, sorting, "Read more", paging and the quote form, heavily commented
  • style.cssStars, filter chips, the grid-to-swipe layout and the rating bars
  • assets/images/A header illustration and cartoon sample avatars, plus README.txt and an optional .htaccess

Requirements

  • Genuine reviews. Real customers, word for word, with permission to show their name or photo. Delete the ten samples before publishing.
  • Any web host, or none. The page also works when index.html is opened directly from your computer. No server code, database or API key.
  • A form endpoint to receive leads (optional). Any service that accepts a JSON POST, for example Formspree, Make or Zapier. Until you add one, the quote form sends nothing and says so.
  • An internet connection for visitors. Tailwind CSS loads from its public CDN. No npm install or build step.

Get the Review Wall

Start with the free static shell to check the layout, or get the full version with the working wall you just tried.

Free

Free Static HTML Shell

The layout: header image, rating summary, filter chips, six sample review cards and the quote form, so you can review the design and markup.

  • Complete visual layout with the sample images
  • Sample structure and markup
  • Does not include the review list, filters or form logic
Try the Free Static Shell

Opens the free download on Payhip.

Full version

Full Review Wall — $67

The working wall you just tried, ready for your own reviews.

  • Your reviews in a simple list; average and star breakdown worked out from every one
  • Star and service filters, sorting, "Read more" and "Show more reviews"
  • Owner replies, links to the original reviews, and a swipeable row on phones
  • Quote form sends each visitor's email and the service they looked at to your form service
Buy the Full Review Wall — $67

Checkout and download are handled by Payhip.

Back to the FlowCraft catalogue to see the other components.