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
| Variable | Replace 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.