E-commerce Homepage
Store homepage with hero, categories, and featured products
Homepage Store Featured
Kopiere diesen Prompt und füge ihn in ChatGPT oder Claude ein
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.So verwendest du diesen Prompt
- 1 Kopiere den Prompt oben
- 2 Füge ihn in dein Lieblings-KI-Tool ein (ChatGPT, Claude, v0, etc.)
- 3 Die KI generiert den Website-Code für dich
- 4 Passe an und iteriere nach deinen Bedürfnissen
Mehr E-Commerce Prompts
Über diesen E-Commerce Prompt
Dieser E-commerce Homepage Prompt wurde entwickelt, um dir zu helfen, schnell professionelle e-commerce-Websites mit KI-Tools wie ChatGPT, Claude, v0 von Vercel, Cursor und Bolt.new zu erstellen.
Ob Entwickler, Designer oder Unternehmer - dieser kostenlose KI-Prompt gibt dir einen Vorsprung beim Erstellen von e-commerce homepage. Kopiere einfach den Prompt, füge ihn in deinen bevorzugten KI-Coding-Assistenten ein und passe ihn an deine Marke an.
Kompatible KI-Tools
- ChatGPT (GPT-4) - Hervorragend für detaillierte Code-Generierung und Erklärungen
- Claude 3 - Ausgezeichnet für komplexe, nuancierte Website-Designs
- v0 von Vercel - Perfekt für React- und Next.js-Komponenten
- Cursor - Ideal für KI-gestütztes Coding in deiner IDE
- Bolt.new - Schnelles Prototyping und Full-Stack-Apps
- Lovable - Benutzerfreundlicher KI-Website-Builder
Tags
Homepage Store Featured E-Commerce KI-Prompt Kostenlose Vorlage Website-Builder Webdesign Copy-Paste Prompt