Home E-commerce E-commerce Homepage

E-commerce Homepage

Store homepage with hero, categories, and featured products

Homepage Store Featured

Copy this prompt and paste it into ChatGPT or 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.

How to use this prompt

1 Click the "Copy Prompt" button above to copy the full prompt to your clipboard
2 Open ChatGPT, Claude, or your preferred AI assistant
3 Paste the prompt and customize any placeholder text (like product names or brand colors)
4 Let the AI generate your website code or design specifications

Back to E-commerce Prompts Browse All Categories

More E-commerce Prompts

Product Listing Page

E-commerce category page with filters and product grid

Catalog Filters

Product Detail Page

Complete product page with gallery, options, and reviews

PDP Product

Shopping Cart Page

Cart page with product list and order summary

Cart Checkout

About this E-commerce Prompt

This E-commerce Homepage prompt is designed to help you quickly create professional e-commerce websites using AI tools like ChatGPT, Claude, v0 by Vercel, Cursor, and Bolt.new.

Whether you're a developer, designer, or entrepreneur, this free AI prompt gives you a head start on building e-commerce homepage. Simply copy the prompt, paste it into your favorite AI coding assistant, and customize it to match your brand.

Compatible AI Tools

ChatGPT (GPT-4) - Great for detailed code generation and explanations
Claude 3 - Excellent for complex, nuanced website designs
v0 by Vercel - Perfect for React and Next.js components
Cursor - Ideal for AI-powered coding in your IDE
Bolt.new - Quick prototyping and full-stack apps
Lovable - User-friendly AI website builder