Back to Templates
Industry Templates
SaaS WebMCP Template
A complete WebMCP template for SaaS product websites. Includes 16 tools for feature discovery, plan comparison, trial signup, demo booking, documentation search, and system status monitoring.
Intermediate
16 WebMCP Tools
2,560 downloads
Live Preview
yoursite.com/saas-webmcp
Load live preview on demand to keep template pages fast.
Tool Inventory16 registered
webmcp-tools: saas-webmcp
Execution Trace9 steps
01USER→"I'm evaluating workflow automation tools for my 30-person team. Need something with CRM integrations and good API docs."
02AGENT→get_features({ feature_category: "automation" })
03AGENT→get_integrations({ category: "crm" })
04AGENT→compare_plans({ plans: ["professional", "enterprise"] })
05AGENT→get_pricing({ billing_cycle: "annual" })
06AGENT→search_docs({ query: "REST API authentication" })
07PLAN→Recommends Professional plan at $79/mo (annual). Includes CRM integrations (Salesforce, HubSpot), 50K API calls, and priority support. Suggests 14-day free trial.
08FORM→start_free_trial({ email, name, company, team_size: "21-100" })
09DONE→Free trial activated for Professional plan. Workspace provisioned. Onboarding guide sent to email.
Code Examples
CODE EXPORT
// Register get_features tool
navigator.modelContext.registerTool({
name: "get_features",
description: "List all product features, optionally filtered by category.",
inputSchema: {
"type": "object",
"properties": {
"feature_category": {
"type": "string",
"description": "Filter by feature category (e.g. automation, analytics, collaboration)"
}
},
"required": []
},
annotations: {"readOnlyHint":true},
execute: async (params) => {
const response = await fetch("/api/get_features", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(params),
});
return response.json();
}
});What's Included
Feature Discovery & Plan Comparison
Agents can browse features by category and compare plans side-by-side to recommend the right tier.
Pricing Engine
Structured pricing data with monthly and annual billing cycles for all tiers.
Free Trial & Demo Forms
Declarative HTML forms for self-serve trial activation and demo scheduling.
Integration Catalog
Searchable list of 200+ integrations with availability status and version info.
Documentation & Search
Full-text doc search lets agents find answers without leaving the conversation.
System Status & Changelog
Real-time service status, uptime metrics, and product update history.
Why This Template Works
Designed for AI agent interoperability with structured tool definitions.
Self-Serve Conversion Flow
Agents can qualify prospects, compare plans, and activate trials entirely through structured tools.
Technical Credibility
API status, documentation, and changelog tools demonstrate product maturity and transparency.
Comprehensive Discovery
16 tools cover the full buyer journey from feature exploration to post-purchase support.
Integration Confidence
Agents can verify specific integration availability before recommending the product.
Implementation Guide
Follow these steps to deploy the template on your website.
1
Copy the HTML template
Download or copy the complete HTML file with all styles, markup, and tool registrations.
2
Replace mock data
Update the JavaScript data objects with your real features, pricing, integrations, and documentation.
3
Connect form handlers
Wire start_free_trial and book_demo forms to your backend API or growth tools (Segment, HubSpot).
4
Connect real-time data
Point get_system_status and get_api_status to your actual monitoring service (e.g. Statuspage API).
5
Customize branding
Update product name, colors (CSS variables), copy, and pricing to match your SaaS product.
6
Deploy and verify
Host the page and verify all 16 tools register correctly using browser DevTools.
Download Options
Other Industry Templates
Ready to Make Your Site Agent-Ready?
Deploy this template and start receiving structured traffic from AI agents.