Startseite E-Commerce Wishlist Page

Wishlist Page

Saved items and wishlist management

Wishlist Favorites Save
Kopiere diesen Prompt und füge ihn in ChatGPT oder Claude ein
Create a wishlist/saved items page:

1. PAGE HEADER
- "My Wishlist" title
- Item count
- "Share Wishlist" button (generates link)
- "Move All to Cart" button

2. WISHLIST GRID
For each item:
- Product image
- Remove button (X in corner)
- Product name (linked)
- Price
  - Current price
  - Original if on sale
  - "Price dropped!" badge
- Availability status
- Color/Size selected (if applicable)
- "Add to Cart" button
- "Select Options" if size needed

3. FEATURES
Stock notifications:
- "Notify me when back in stock"
- Toggle for price drop alerts

Share options:
- Copy link
- Email wishlist
- Share on social

Multiple wishlists:
- Create new list: "Wedding Registry", "Birthday Ideas"
- Move items between lists
- Make list public/private

4. EMPTY WISHLIST STATE
- Heart icon illustration
- "Your wishlist is empty"
- "Save items you love by clicking the heart icon"
- "Start Shopping" button
- Recommended products

5. GUEST WISHLIST
For non-logged-in users:
- Items saved in local storage
- Prompt to sign in to save permanently
- "Sign in to save your wishlist"

6. QUICK ACTIONS
- "Add to Cart" from card
- "Remove" swipe gesture (mobile)
- Bulk select and delete
- Sort: Date added, Price, Name

7. SOCIAL PROOF
- "X people have this in their wishlist"
- "Selling fast" indicators

8. RELATED FEATURES
- "Based on your wishlist" recommendations
- "Items you might like"
- Recently viewed

Design: Clean grid, easy to scan. Quick add to cart. Mobile: Two-column grid, swipe actions.

So verwendest du diesen Prompt

  1. 1 Kopiere den Prompt oben
  2. 2 Füge ihn in dein Lieblings-KI-Tool ein (ChatGPT, Claude, v0, etc.)
  3. 3 Die KI generiert den Website-Code für dich
  4. 4 Passe an und iteriere nach deinen Bedürfnissen

Über diesen E-Commerce Prompt

Dieser Wishlist Page 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 wishlist page. 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

Wishlist Favorites Save E-Commerce KI-Prompt Kostenlose Vorlage Website-Builder Webdesign Copy-Paste Prompt