128 lines
15 KiB
JSON
128 lines
15 KiB
JSON
{
|
||
"name": "Webflow",
|
||
"slug": "webflow",
|
||
"tagline": "AI-Power Your Webflow in 2 Clicks",
|
||
"metaDescription": "Connect Webflow to any AI model with MCPEngage. Manage sites, update CMS collections, and automate publishing — all through natural conversation.",
|
||
"badgeText": "Now Available — Connect Webflow + AI",
|
||
"heroSubtitle": "MCPEngage connects Webflow to any AI model via MCP.<br class=\"hidden sm:block\"><span class=\"text-white font-semibold\">Manage sites, update content, and automate workflows — all through conversation.</span>",
|
||
"urlBarPath": "webflow",
|
||
"chatPlaceholder": "Ask about your Webflow sites...",
|
||
"toolCount": "40",
|
||
"installPlatformName": "Webflow",
|
||
"installToolCount": "40",
|
||
"sidebarIcons": [
|
||
{"icon": "layout", "label": "Sites"},
|
||
{"icon": "file-text", "label": "Pages"},
|
||
{"icon": "database", "label": "CMS"},
|
||
{"icon": "zap", "label": "Publish"}
|
||
],
|
||
"rightPanel": {
|
||
"tab1Label": "Sites",
|
||
"tab1Icon": "layout",
|
||
"tab1Count": "8",
|
||
"tab2Label": "CMS Items",
|
||
"tab2Icon": "database",
|
||
"cards": [
|
||
{
|
||
"title": "acmecorp.com",
|
||
"subtitle": "Last published 2h ago",
|
||
"badge": "Live",
|
||
"badgeColor": "green",
|
||
"tags": [
|
||
{"text": "24 pages", "bg": "bg-brand-500/15", "color": "text-brand-400"},
|
||
{"text": "CMS: 147 items", "bg": "bg-zinc-800", "color": "text-zinc-400"}
|
||
]
|
||
},
|
||
{
|
||
"title": "marketing.acme.io",
|
||
"subtitle": "Staging • Draft changes pending",
|
||
"badge": "Staging",
|
||
"badgeColor": "yellow",
|
||
"tags": [
|
||
{"text": "12 unpublished", "bg": "bg-yellow-500/15", "color": "text-yellow-400"},
|
||
{"text": "Blog site", "bg": "bg-zinc-800", "color": "text-zinc-400"}
|
||
]
|
||
},
|
||
{
|
||
"title": "docs.acme.io",
|
||
"subtitle": "Published 3d ago",
|
||
"badge": "Live",
|
||
"badgeColor": "green",
|
||
"tags": [
|
||
{"text": "96 pages", "bg": "bg-brand-500/15", "color": "text-brand-400"},
|
||
{"text": "Help Center", "bg": "bg-zinc-800", "color": "text-zinc-400"}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"stats": [
|
||
{"value": 40, "suffix": "+", "label": "Webflow Tools"},
|
||
{"prefix": "$", "value": 0, "label": "Setup Cost"},
|
||
{"value": 2, "suffix": "min", "label": "Install Time"},
|
||
{"display": "24/7", "label": "AI Sites"}
|
||
],
|
||
"terminalLines": [
|
||
{"text": "$ npx mcpengage init", "color": "text-white", "delay": 0},
|
||
{"text": "", "color": "", "delay": 600},
|
||
{"text": "? Select your platform: Webflow", "color": "text-cyan-400", "delay": 1200},
|
||
{"text": "", "color": "", "delay": 1600},
|
||
{"text": " Connecting to Webflow API...", "color": "text-zinc-500", "delay": 2000},
|
||
{"text": "✓ Connected to Webflow API", "color": "text-green-400", "delay": 3000},
|
||
{"text": "✓ 40 tools loaded", "color": "text-green-400", "delay": 3600},
|
||
{"text": "✓ Ready! Ask your AI anything about Webflow", "color": "text-green-400", "delay": 4200}
|
||
],
|
||
"beforeItems": [
|
||
{"title": "Manual CMS updates", "desc": "Logging into Webflow to add every blog post, case study, and team member"},
|
||
{"title": "Publishing anxiety", "desc": "\"Did I break the live site?\" — staging chaos and accidental overwrites"},
|
||
{"title": "Content bottlenecks", "desc": "Marketing waits on developers to update simple text and images"},
|
||
{"title": "No bulk operations", "desc": "Updating 50 blog posts one by one because there's no batch editor"}
|
||
],
|
||
"afterItems": [
|
||
{"title": "AI content publishing", "desc": "\"Add this blog post to the marketing site\" — AI creates the CMS item and publishes"},
|
||
{"title": "Safe deployments", "desc": "Ask \"What's unpublished on staging?\" before pushing — zero surprises"},
|
||
{"title": "Self-service updates", "desc": "Marketing asks AI to update hero text, swap images, and republish — no dev handoff"},
|
||
{"title": "Instant bulk edits", "desc": "\"Update all blog posts tagged 'Product' with the new CTA\" — done in 5 seconds"}
|
||
],
|
||
"painPointsHeadline": "Your Webflow Sites Are<br><span class=\"text-red-400\">High Maintenance</span>",
|
||
"painPointsSubHeadline": "Webflow is powerful, but managing sites and CMS content still requires constant manual work and context switching.",
|
||
"painPoints": [
|
||
{"icon": "database", "title": "CMS Drudgery", "desc": "Every blog post, every team member bio, every case study — manually created in the Webflow UI. You're a content producer stuck doing data entry. Bulk operations? Good luck."},
|
||
{"icon": "file-warning", "title": "Staging Roulette", "desc": "You have staging changes across 5 sites. Which are ready to publish? Which will break production? You're clicking through sites, comparing diffs, praying nothing explodes."},
|
||
{"icon": "users-x", "title": "Developer Bottleneck", "desc": "Marketing needs to update one hero image. They Slack you. You open Webflow, find the right site, swap the asset, republish. 15 minutes wasted on a 2-second change."}
|
||
],
|
||
"howItWorksHeadline": "Three Steps to<br><span class=\"gradient-text\">AI-Powered Sites</span>",
|
||
"howItWorks": [
|
||
{"title": "Connect Your Webflow", "desc": "Paste your Webflow API token. MCPEngage discovers all available endpoints and builds 40+ tools automatically. No code, no configuration, no DevOps."},
|
||
{"title": "Ask in Plain English", "desc": "\"Add this blog post to the marketing site.\" \"Publish all staging changes for acmecorp.com.\" \"List all CMS items tagged 'Featured'.\" Your AI understands and acts."},
|
||
{"title": "Automate Everything", "desc": "Set up recurring workflows: auto-publish blog posts from your CMS, sync team member data from your HR system, generate SEO reports, and backup site configs — all running 24/7."}
|
||
],
|
||
"featuresHeadline": "Everything to<br><span class=\"gradient-text\">Supercharge Webflow</span>",
|
||
"featuresSubtext": "40+ Webflow tools accessible through one natural-language interface.",
|
||
"features": [
|
||
{"icon": "database", "title": "CMS Automation", "desc": "Create, update, and delete CMS items through conversation. \"Add 10 new blog posts from this Google Doc.\""},
|
||
{"icon": "zap", "title": "Smart Publishing", "desc": "Publish sites with AI safety checks. \"Publish staging if no broken links detected.\" Rollback with one command."},
|
||
{"icon": "layout", "title": "Site Management", "desc": "List sites, check publish status, and monitor domain health. \"Which sites have unpublished changes?\""},
|
||
{"icon": "search", "title": "Content Discovery", "desc": "Search across all CMS collections and pages. \"Find all blog posts mentioning 'API integration' published in Q4.\""},
|
||
{"icon": "copy", "title": "Bulk Operations", "desc": "Update hundreds of CMS items at once. \"Set all blog posts from 2023 to 'archived' status.\""},
|
||
{"icon": "shield-check", "title": "Pre-Publish Validation", "desc": "AI checks for broken links, missing images, and SEO issues before publishing. Catch errors before they go live."}
|
||
],
|
||
"faq": [
|
||
{"q": "What is MCP?", "a": "MCP (Model Context Protocol) is an open standard created by Anthropic that lets AI models securely connect to external tools and data sources. Think of it as a USB port for AI — MCPEngage uses MCP to give your AI real-time read/write access to Webflow."},
|
||
{"q": "How does it connect to Webflow?", "a": "You provide a Webflow API token (generated in Webflow Account Settings → Integrations). MCPEngage uses the Webflow Data API to create 40+ tools covering sites, pages, CMS collections, and publishing. Your credentials are encrypted and never stored on our servers."},
|
||
{"q": "Can AI publish to my live site?", "a": "Only if you grant permission. MCPEngage operates on an allow-list model — you control exactly which tools (read-only vs. write) your AI can access. You can enable staging-only mode for safe experimentation."},
|
||
{"q": "Does it work with Webflow CMS?", "a": "Yes! Full support for all CMS collections — create, read, update, delete items; manage fields; and bulk operations. Perfect for blog sites, directories, job boards, and dynamic content."},
|
||
{"q": "How much does it cost?", "a": "MCPEngage is free during the beta period. After launch, pricing starts at $29/month per platform connection. Enterprise plans with custom integrations and priority support are available on request."},
|
||
{"q": "Can I use it with other platforms?", "a": "Yes! MCPEngage supports 66+ platforms including WordPress, Shopify, Contentful, Airtable, and many more. Each platform gets its own MCP server with platform-specific tools. Connect as many as you need."}
|
||
],
|
||
"chatMessages": [
|
||
{"type": "user", "text": "Show me all unpublished changes across my Webflow sites"},
|
||
{"type": "ai", "text": "Found unpublished changes on 2 sites:", "embed": "<div style=\"background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:12px;overflow:hidden;margin-top:8px;max-width:420px;\"><div style=\"display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,0.06);background:rgba(245,158,11,0.05);\"><div style=\"display:flex;align-items:center;gap:8px;\"><div style=\"width:6px;height:6px;border-radius:50%;background:#f59e0b;\"></div><span style=\"font-size:11px;font-weight:700;color:#f59e0b;text-transform:uppercase;letter-spacing:0.5px;\">Staging Changes</span></div><span style=\"font-size:10px;color:rgba(255,255,255,0.3);font-family:monospace;\">2 sites</span></div><div style=\"padding:0;\"><div style=\"padding:10px 14px;border-bottom:1px solid rgba(255,255,255,0.04);\"><div style=\"display:flex;align-items:center;gap:8px;margin-bottom:8px;\"><div style=\"width:24px;height:24px;border-radius:6px;background:rgba(245,158,11,0.15);display:flex;align-items:center;justify-content:center;\"><span style=\"font-size:10px;font-weight:800;color:#f59e0b;\">⚠</span></div><span style=\"font-size:12px;font-weight:600;color:#e4e4e7;\">marketing.acme.io</span></div><div style=\"margin-left:32px;\"><div style=\"font-size:10px;color:rgba(255,255,255,0.4);margin-bottom:6px;\">12 unpublished CMS items:</div><div style=\"display:flex;flex-direction:column;gap:4px;\"><div style=\"background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:6px;padding:6px 8px;font-size:10px;color:rgba(255,255,255,0.5);\">📝 \"Q4 2024 Product Roundup\" (Blog Posts)</div><div style=\"background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:6px;padding:6px 8px;font-size:10px;color:rgba(255,255,255,0.5);\">📝 \"How to Scale Your SaaS\" (Blog Posts)</div><div style=\"background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:6px;padding:6px 8px;font-size:10px;color:rgba(255,255,255,0.5);\">+ 10 more items</div></div></div></div><div style=\"padding:10px 14px;\"><div style=\"display:flex;align-items:center;gap:8px;margin-bottom:8px;\"><div style=\"width:24px;height:24px;border-radius:6px;background:rgba(59,130,246,0.15);display:flex;align-items:center;justify-content:center;\"><span style=\"font-size:10px;font-weight:800;color:#3b82f6;\">ℹ</span></div><span style=\"font-size:12px;font-weight:600;color:#e4e4e7;\">docs.acme.io</span></div><div style=\"margin-left:32px;\"><div style=\"font-size:10px;color:rgba(255,255,255,0.4);margin-bottom:6px;\">3 unpublished pages:</div><div style=\"display:flex;flex-direction:column;gap:4px;\"><div style=\"background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:6px;padding:6px 8px;font-size:10px;color:rgba(255,255,255,0.5);\">📄 \"/api/webhooks\" (API Docs)</div><div style=\"background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:6px;padding:6px 8px;font-size:10px;color:rgba(255,255,255,0.5);\">📄 \"/changelog/2025-q1\" (Changelog)</div></div></div></div></div><div style=\"padding:8px 14px;border-top:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:space-between;\"><span style=\"font-size:10px;color:rgba(255,255,255,0.25);\">Review before publishing</span><span style=\"font-size:10px;color:#17c3b2;cursor:pointer;\">Publish all →</span></div></div>"},
|
||
{"type": "user", "text": "Publish marketing.acme.io and add a new blog post titled 'AI-Powered Webflow'"},
|
||
{"type": "ai", "text": "Done! Here's what I did:", "embed": "<div style=\"background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:12px;overflow:hidden;margin-top:8px;max-width:420px;\"><div style=\"display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,0.06);background:rgba(34,197,94,0.05);\"><div style=\"display:flex;align-items:center;gap:8px;\"><div style=\"width:6px;height:6px;border-radius:50%;background:#22c55e;\"></div><span style=\"font-size:11px;font-weight:700;color:#22c55e;text-transform:uppercase;letter-spacing:0.5px;\">Actions Completed</span></div><span style=\"font-size:10px;color:rgba(255,255,255,0.3);font-family:monospace;\">2 of 2</span></div><div style=\"padding:10px 14px;border-bottom:1px solid rgba(255,255,255,0.04);\"><div style=\"display:flex;align-items:center;gap:8px;margin-bottom:8px;\"><div style=\"width:20px;height:20px;border-radius:6px;background:rgba(34,197,94,0.15);display:flex;align-items:center;justify-content:center;\"><span style=\"font-size:11px;color:#22c55e;\">✓</span></div><span style=\"font-size:12px;font-weight:600;color:#e4e4e7;\">marketing.acme.io published</span></div><div style=\"margin-left:28px;display:flex;gap:6px;flex-wrap:wrap;\"><span style=\"padding:2px 8px;border-radius:4px;font-size:9px;font-weight:600;background:rgba(34,197,94,0.1);color:#4ade80;\">12 items live</span><span style=\"padding:2px 8px;border-radius:4px;font-size:9px;font-weight:600;background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.4);\">Build time: 42s</span><span style=\"padding:2px 8px;border-radius:4px;font-size:9px;font-weight:600;background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.4);\">No errors</span></div></div><div style=\"padding:10px 14px;\"><div style=\"display:flex;align-items:center;gap:8px;\"><div style=\"width:20px;height:20px;border-radius:6px;background:rgba(34,197,94,0.15);display:flex;align-items:center;justify-content:center;\"><span style=\"font-size:11px;color:#22c55e;\">✓</span></div><span style=\"font-size:12px;font-weight:600;color:#e4e4e7;\">Blog post created</span></div><div style=\"margin-top:6px;margin-left:28px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:8px;padding:8px 10px;\"><div style=\"font-size:11px;font-weight:600;color:#e4e4e7;margin-bottom:4px;\">\"AI-Powered Webflow\"</div><div style=\"font-size:10px;color:rgba(255,255,255,0.4);\">Slug: <span style=\"font-family:monospace;color:#17c3b2;\">ai-powered-webflow</span></div><div style=\"font-size:10px;color:rgba(255,255,255,0.4);margin-top:2px;\">Status: <span style=\"color:#fbbf24;\">Draft (unpublished)</span></div></div></div></div>"}
|
||
],
|
||
"ctaHeadline": "Start Automating Webflow<br><span class=\"gradient-text\">Today</span>",
|
||
"ctaSubtext": "Join design teams using MCPEngage to manage Webflow sites with AI.",
|
||
"painPointsHeadline": "Your Webflow Sites Are<br><span class=\"text-red-400\">High Maintenance</span>",
|
||
"painPointsSubHeadline": "Webflow is powerful, but managing sites and CMS content still requires constant manual work and context switching."
|
||
}
|