Home E-commerce
E-commerce Website Prompts
Build conversion-optimized online stores. From product pages to checkout flows, these prompts help you create professional e-commerce experiences.
10 prompts
Product Listing Page
E-commerce category page with filters and product grid
Catalog Filters Grid
Create an e-commerce product listing page:
1. PAGE HEADER
- Breadcrumb: Home > Category > Subcategory
- Category title and description
- Product count: "Showing 48 of 156 products"
2. FILTER SIDEBAR... View full prompt →
Product Detail Page
Complete product page with gallery, options, and reviews
PDP Product Conversion
Create an e-commerce product detail page:
1. IMAGE GALLERY (left side, 50-60% width)
- Main image (large, zoomable on hover)
- Thumbnail strip (vertical or horizontal)
- Image zoom/lightbox on click... View full prompt →
Shopping Cart Page
Cart page with product list and order summary
Cart Checkout Conversion
Create a shopping cart page:
1. PAGE HEADER
- "Shopping Cart" title
- Item count: "(3 items)"
- "Continue Shopping" link
2. CART ITEMS LIST
For each item:
- Product image (clickable, links to produc... View full prompt →
Checkout Flow
Multi-step checkout with shipping, payment, and review
Checkout Forms Conversion
Create a multi-step checkout flow:
1. LAYOUT
- Clean, distraction-free design
- Progress indicator (steps 1-4)
- Order summary sidebar (collapsible on mobile)
- Trust badges in footer
- Minimal heade... View full prompt →
E-commerce Homepage
Store homepage with hero, categories, and featured products
Homepage Store Featured
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 m... View full prompt →
Account Dashboard
Customer account area with orders and profile
Account Dashboard Profile
Create a customer account dashboard:
1. LAYOUT
- Sidebar navigation (left)
- Main content area (right)
- Welcome message with customer name
2. SIDEBAR NAVIGATION
- Dashboard (overview)
- Orders
- Ad... View full prompt →
Product Quick View Modal
Quick view popup for fast product browsing
Modal Quick View UX
Create a product quick view modal:
1. MODAL STRUCTURE
- Overlay background (dark, semi-transparent)
- Centered modal (max-width: 900px)
- Close button (X in top right)
- Click outside to close
- Esca... View full prompt →
Search Results Page
E-commerce search with suggestions and results
Search Results Discovery
Create an e-commerce search experience:
1. SEARCH BAR
Default state:
- Search icon
- Placeholder: "Search products..."
- Recent searches (if any)
Expanded/Focus state:
- Full-width overlay or dropdo... View full prompt →
Wishlist Page
Saved items and wishlist management
Wishlist Favorites Save
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... View full prompt →
Order Tracking Page
Shipment tracking with timeline and details
Tracking Orders Status
Create an order tracking page:
1. TRACKING LOOKUP (public page)
For non-logged-in users:
- Order number input
- Email address input
- "Track Order" button
2. TRACKING RESULTS
Order Header:
- Order n... View full prompt →