Logistics WebMCP Template
An AI-agent-ready logistics platform template with 15 WebMCP tools for shipping rate calculation, shipment creation, real-time tracking, warehouse management, fleet monitoring, and delivery scheduling. Supports both imperative JavaScript and declarative HTML integration.
Load live preview on demand to keep template pages fast.
// Register get_services tool
navigator.modelContext.registerTool({
name: "get_services",
description: "List all available shipping and logistics services.",
inputSchema: {
"type": "object",
"properties": {
"service_type": {
"type": "string",
"enum": [
"freight",
"parcel",
"express",
"ltl",
"ftl"
],
"description": "Filter by service type"
},
"region": {
"type": "string",
"description": "Filter by service region (e.g. \"north-america\", \"europe\", \"asia-pacific\")"
}
},
"required": []
},
annotations: {"readOnlyHint":true},
execute: async (params) => {
const response = await fetch("/api/get_services", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(params),
});
return response.json();
}
});What's Included
Browse available services, get real-time quotes, and calculate shipping costs for any origin-destination pair.
Create shipments with full address details and track packages in real time across the delivery network.
View warehouse locations, check capacity utilization, and monitor inventory distribution across facilities.
Real-time fleet status with vehicle availability, location, and maintenance schedules.
Schedule pickups, check delivery zone coverage, and manage last-mile logistics via forms or JS.
Access shipment analytics dashboards and comprehensive API documentation for integration.
Why This Template Works
Designed for AI agent interoperability with structured tool definitions.
End-to-End Shipment Lifecycle
Covers every step from rate quoting to delivery confirmation, so agents can manage the full logistics workflow.
Structured Logistics Data
Tools return typed JSON with rates, tracking events, warehouse metrics, and fleet data — no scraping needed.
Operational Visibility
Fleet status, warehouse capacity, and analytics tools give agents real-time operational intelligence.
Dual API Surface
Imperative JS for rich agents and declarative HTML forms for simpler crawlers — both work out of the box.
Implementation Guide
Follow these steps to deploy the template on your website.
Drop in the HTML
Copy the template HTML into your site. All tools and styles are self-contained — no external dependencies.
Connect your TMS
Replace the mock execute() functions with real API calls to your transportation management system.
Wire up tracking feeds
Point the track_shipment tool at your carrier API aggregator for real-time multi-carrier tracking.
Customize branding
Update the company name, sky accent color, service areas, and copy to match your logistics brand.
Test with an AI agent
Open the page in an MCP-capable browser and verify the full quote to ship to track flow.
Download Options
Other Industry Templates
Ready to Make Your Site Agent-Ready?
Deploy this template and start receiving structured traffic from AI agents.