Inicio E-commerce E-commerce Homepage

E-commerce Homepage

Store homepage with hero, categories, and featured products

Homepage Store Featured
Copia este prompt y pégalo en ChatGPT o Claude 
Create an e-commerce store homepage:

1. ANNOUNCEMENT BAR
- Free shipping threshold
- Sale announcement
- Dismissible

2. NAVIGATION HEADER
- Logo
- Search bar (expandable on mobile)
- Category mega menu
- Account icon
- Wishlist icon (with count)
- Cart icon (with count and mini preview)

3. HERO SECTION
Option A - Single hero:
- Full-width banner image
- Headline and subheadline
- CTA button
- May have video background

Option B - Hero carousel:
- 3-4 rotating slides
- Auto-advance with pause on hover
- Navigation dots/arrows

4. CATEGORY GRID
- 4-6 featured categories
- Image + category name
- Hover effect
- Links to category pages

5. FEATURED PRODUCTS SECTION
- "Best Sellers" or "Trending Now"
- Product card carousel
- Navigation arrows
- "View All" link
- 4-6 products visible

6. PROMOTIONAL BANNER
- Mid-page banner
- Sale or special offer
- Countdown timer if limited
- CTA to shop sale

7. NEW ARRIVALS
- Grid or carousel
- "New" badges on products
- "Shop New Arrivals" CTA

8. BRAND STORY/VALUE PROPS
- 3-4 icons with text:
  - Free Shipping
  - Easy Returns
  - Secure Payment
  - 24/7 Support

9. SOCIAL PROOF SECTION
- Instagram feed embed
- User-generated content
- "Shop the look" feature
- Or customer reviews carousel

10. NEWSLETTER SIGNUP
- "Join our newsletter"
- Incentive: "Get 10% off your first order"
- Email input + subscribe button
- Privacy assurance

11. FOOTER
- Shop links (categories)
- Customer service links
- About links
- Social media icons
- Payment method icons
- Copyright and legal links

Design: Visual, image-heavy. Clear hierarchy. Mobile: Stack sections, hamburger menu, bottom nav optional.

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
Volver aE-commerce Explorar Todas las Categorías

Más Prompts de E-commerce

Account Dashboard

Customer account area with orders and profile

Account Dashboard

Checkout Flow

Multi-step checkout with shipping, payment, and review

Checkout Forms

Order Tracking Page

Shipment tracking with timeline and details

Tracking Orders

Acerca de este Prompt de E-commerce

Este prompt E-commerce Homepage 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 e-commerce homepage. 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

Homepage Store Featured E-commerce Prompt de IA Plantilla Gratis Constructor Web Diseño Web Prompt Copiar Pegar