Startseite E-Commerce Order Tracking Page

Order Tracking Page

Shipment tracking with timeline and details

Tracking Orders Status
Kopiere diesen Prompt und füge ihn in ChatGPT oder Claude ein
War das hilfreich? 

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.

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
Zurück zuE-Commerce Alle Kategorien durchsuchen

Mehr E-Commerce Prompts

Account Dashboard

Customer account area with orders and profile

Account Dashboard

Checkout Flow

Multi-step checkout with shipping, payment, and review

Checkout Forms

E-commerce Homepage

Store homepage with hero, categories, and featured products

Homepage Store

Über diesen E-Commerce Prompt

Dieser Order Tracking 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 order tracking 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

Tracking Orders Status E-Commerce KI-Prompt Kostenlose Vorlage Website-Builder Webdesign Copy-Paste Prompt