Inicio E-commerce Order Tracking Page

Order Tracking Page

Shipment tracking with timeline and details

Tracking Orders Status
Copia este prompt y pégalo en ChatGPT o Claude 
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.

Cómo usar este prompt

  1. 1 Copia el prompt de arriba
  2. 2 Pégalo en tu herramienta de IA favorita (ChatGPT, Claude, v0, etc.)
  3. 3 La IA generará el código del sitio web por ti
  4. 4 Personaliza e itera según tus necesidades
Volver aE-commerce Explorar Todas las Categorías

Más Prompts de E-commerce

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

Acerca de este Prompt de E-commerce

Este prompt Order Tracking Page está diseñado para ayudarte a crear rápidamente sitios web profesionales de e-commerce usando herramientas de IA como ChatGPT, Claude, v0 de Vercel, Cursor y Bolt.new.

Ya seas desarrollador, diseñador o emprendedor, este prompt de IA gratuito te da una ventaja al crear order tracking page. Simplemente copia el prompt, pégalo en tu asistente de código IA favorito y personalízalo para tu marca.

Herramientas de IA Compatibles

  • ChatGPT (GPT-4) - Excelente para generación detallada de código y explicaciones
  • Claude 3 - Excelente para diseños web complejos y matizados
  • v0 de Vercel - Perfecto para componentes React y Next.js
  • Cursor - Ideal para codificación potenciada por IA en tu IDE
  • Bolt.new - Prototipado rápido y apps full-stack
  • Lovable - Constructor de sitios web IA fácil de usar

Etiquetas

Tracking Orders Status E-commerce Prompt de IA Plantilla Gratis Constructor Web Diseño Web Prompt Copiar Pegar