E-commerce
E-commerce — Order Tracking Page
Copy-paste layout brief covering Tracking Lookup, Tracking Results, Tracking Timeline and Detailed Tracking History — hand it to ChatGPT, Claude, or v0 as-is.
E-commerce — Order Tracking 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 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 number
- Order date
- Estimated delivery date
- Carrier name and tracking number
3. TRACKING TIMELINE (vertical)
Status steps:
- Order Placed (date, time) ✓
- Order Confirmed ✓
- Shipped ✓
- In Transit (current)
- Out for Delivery
- Delivered
Each step shows:
- Status name
- Date and time
- Location (if applicable)
- Completed checkmark or pending dot
Current status highlighted:
- Larger icon
- Description of current state
- "Your package is on its way!"
4. DETAILED TRACKING HISTORY
Expandable section:
- Full tracking events list
- Date, time, location, status
- Latest events at top
5. DELIVERY INFORMATION
- Delivery address
- Delivery instructions
- Carrier contact
Actions:
- "Update Delivery Preferences"
- "Leave with neighbor" option
- "Hold at location" option
6. ORDER CONTENTS
Mini order summary:
- Item thumbnails
- Item names
- Quantities
7. MAP TRACKING (optional)
- Map showing package location
- Route visualization
- Estimated delivery window
8. NOTIFICATIONS
- "Get SMS updates" toggle
- "Email notifications" toggle
- Push notification opt-in
9. HELP SECTION
- "Package not arrived?"
- "Wrong item delivered?"
- "Contact Support" button
- FAQ links
10. MULTIPLE SHIPMENTS
If order split:
- Shipment 1 of 2
- Toggle between shipments
- Each with own tracking
Design: Clear timeline, prominent status. Mobile-friendly. Real-time updates if possible.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