Lovablefeaturebeginner

Add Testimonials Section to Lovable App

Add a testimonials section with submission form, admin approval workflow, and display components.

What you'll get

A testimonials system with submission form, admin approval workflow, and responsive display carousel.

The Prompt

Add a testimonials system to my Lovable app.

REQUIREMENTS:
1. Create a testimonials display section on the home page showing approved testimonials in a carousel or grid. Each testimonial shows: client photo (or initials avatar), name, company/title, star rating, and quote.
2. Create a "Share Your Experience" form where clients can submit testimonials: name, email, company, role, rating (1-5 stars), testimonial text, and optional photo upload.
3. New submissions save to Supabase with status="pending". Only status="approved" testimonials appear on the site.
4. Create an admin approval page listing pending testimonials with Approve, Edit, and Reject buttons.
5. Display testimonials in a responsive grid: 3 columns on desktop, 1 on mobile. Include a "View All" link if showing a subset on the homepage.
6. Add random rotation so different testimonials show on each page load.

DATABASE:
- "testimonials" table: id, name, email, company, role, rating, content, photo_url, status (pending/approved/rejected), featured, created_at
- RLS: Anyone can insert (submit). Only admins can update status. Public can read approved only.

SECURITY:
- Sanitize testimonial text to prevent XSS.
- Rate limit submissions to 1 per email per day.

Replace these variables

VariableReplace with
[DISPLAY_COUNT]Number of testimonials to show on the homepage (e.g., 6)

Tips for best results

Feature testimonials with specific results (e.g., '2x revenue') rather than generic praise.

Send an automated thank-you email when a testimonial is approved.

Follow-up prompts

Add video testimonials

Add support for video testimonial uploads. Allow clients to upload a short video or paste a YouTube/Loom link alongside their text testimonial.

Related prompts