E-commerce
E-commerce — Wishlist Page
Copy-paste layout brief covering Page Header, Wishlist Grid, Features and Empty Wishlist State — hand it to ChatGPT, Claude, or v0 as-is.
E-commerce — Wishlist Page is a copy-ready build prompt for e-commerce pages. Paste it into ChatGPT, Claude, v0 and iterate from the first draft it returns.
Everything on this page — the summary, the category and the how-to — is written by HowToPrompts; the link below goes to the original project.
| Use case | E-commerce |
|---|---|
| Works with | ChatGPT, Claude, v0, Cursor |
| Source | websiteprompts.com |
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.How to use it
- Copy the full prompt with the button above.
- Paste it into your model and add your brand, copy and colours.
- Ask for one section at a time if the first pass is too broad.
Compiled and written by HowToPrompts from public sources. View original source ↗
← Back to Website Prompts