Inicio E-commerce Product Reviews Page

Product Reviews Page

Dedicated reviews and ratings page with filters, photos, and verified purchases

Reviews Ratings Social Proof
Copia este prompt y pégalo en ChatGPT o Claude
Create a comprehensive product reviews page for an e-commerce site. Include these sections:

1. PRODUCT SUMMARY HEADER
- Product image thumbnail
- Product name
- Current price
- "View Product" link
- Breadcrumb: Home > Category > Product > Reviews

2. RATINGS OVERVIEW SECTION
Large summary display:
- Average rating: 4.7 out of 5 stars (large)
- Total review count: "Based on 1,247 reviews"
- "Would recommend" percentage: 94%

Rating breakdown bars:
- 5 stars: ████████████ 847 (68%)
- 4 stars: ██████ 312 (25%)
- 3 stars: ██ 56 (4%)
- 2 stars: █ 20 (2%)
- 1 star: █ 12 (1%)

Click on any bar to filter reviews by that rating

3. RATING CATEGORIES (if applicable)
Category-specific ratings:
- Quality: 4.8/5
- Value for Money: 4.5/5
- Ease of Use: 4.6/5
- Durability: 4.7/5
- Shipping/Packaging: 4.4/5

4. FILTER & SORT CONTROLS
Filter by:
- Star Rating (checkboxes: 5, 4, 3, 2, 1)
- Verified Purchase Only (toggle)
- With Photos/Videos (toggle)
- Most Recent
- Size Purchased (if applicable)
- Color/Variant (if applicable)

Sort by:
- Most Recent
- Most Helpful
- Highest Rated
- Lowest Rated
- With Images

Search reviews: "Search in reviews..."

5. REVIEW HIGHLIGHTS
AI-generated summary:
- "Customers frequently mention:"
  - Quality (152 mentions)
  - Fast shipping (98 mentions)
  - Great value (87 mentions)
  - Easy to use (76 mentions)
- Common pros and cons extracted

6. PHOTO/VIDEO GALLERY
- Grid of customer-submitted photos
- "See all X photos" link
- Lightbox viewer with review context
- Video reviews if available

7. FEATURED REVIEWS
Top 2-3 most helpful reviews:
- Highlighted card design
- Full review visible
- "X people found this helpful"
- Staff response if any

8. INDIVIDUAL REVIEW CARDS
Each review includes:
- Star rating (visual)
- Review title (bold)
- Review date
- Verified Purchase badge
- Reviewer name (or "Anonymous")
- Reviewer avatar
- Product variant purchased (size, color)
- Review body text
- Customer photos (thumbnails)
- "Read more" for long reviews
- Helpful votes: "Was this helpful? Yes (45) / No (3)"
- Report review link
- Share review option

9. SELLER/BRAND RESPONSES
- Official response section under reviews
- Timestamp
- Verified seller badge
- Professional, helpful responses

10. PAGINATION/INFINITE SCROLL
- Show 10-20 reviews per page
- Page numbers or "Load More" button
- Total count: "Showing 1-20 of 1,247 reviews"
- Jump to page option

11. WRITE A REVIEW CTA
Sticky or prominent placement:
- "Have this product? Share your experience"
- Star rating selector
- Review title field
- Review body (min 50 characters)
- Photo/video upload
- Pros/cons quick input
- "Would you recommend?" Yes/No
- Submit button

Guest vs logged-in flow:
- Prompt login for verified review
- Order verification step

12. REVIEW GUIDELINES
Expandable section:
- Community guidelines
- What makes a helpful review
- Photo quality tips
- Policy on incentivized reviews

13. RELATED PRODUCTS
- "Customers also reviewed"
- Products with high ratings
- Similar category items

Design: Clean, scannable. Trust-building. Prominent helpful/not helpful buttons. Verified badges visible. Mobile-friendly card layout. Quick filters always accessible. Real photos from customers prominent.

Cómo usar este prompt

  1. 1 Copia el prompt de arriba
  2. 2 Pégalo en tu herramienta de IA favorita (ChatGPT, Claude, v0, etc.)
  3. 3 La IA generará el código del sitio web por ti
  4. 4 Personaliza e itera según tus necesidades

Acerca de este Prompt de E-commerce

Este prompt Product Reviews Page está diseñado para ayudarte a crear rápidamente sitios web profesionales de e-commerce usando herramientas de IA como ChatGPT, Claude, v0 de Vercel, Cursor y Bolt.new.

Ya seas desarrollador, diseñador o emprendedor, este prompt de IA gratuito te da una ventaja al crear product reviews page. Simplemente copia el prompt, pégalo en tu asistente de código IA favorito y personalízalo para tu marca.

Herramientas de IA Compatibles

  • ChatGPT (GPT-4) - Excelente para generación detallada de código y explicaciones
  • Claude 3 - Excelente para diseños web complejos y matizados
  • v0 de Vercel - Perfecto para componentes React y Next.js
  • Cursor - Ideal para codificación potenciada por IA en tu IDE
  • Bolt.new - Prototipado rápido y apps full-stack
  • Lovable - Constructor de sitios web IA fácil de usar

Etiquetas

Reviews Ratings Social Proof E-commerce Prompt de IA Plantilla Gratis Constructor Web Diseño Web Prompt Copiar Pegar