Funnel Draw / Integrations / Webflow

Funnel Draw + Webflow

Connect Funnel Draw and Webflow's MCP server to the same AI, and it can take a landing page step's headline, promise and call to action and build the page in your Webflow site. It stays unpublished until you review it in the Designer and tell the AI (or click) to publish.

Start free Webflow docs

Tools your AI runs · Through your AI

How it works

Page copy matches the plan Headline, offer and form come from the step in Funnel Draw, so the page and the forecast describe the same thing.
Built inside your own site The AI works in your Webflow project with your styles and CMS, not in a separate builder.
Publishing stays your call Ask the AI not to publish; you review in the Designer first.

Set it up

Connect Funnel Draw to your AI
In Funnel Draw, open Workspace → Integrations → Claude and ChatGPT and copy https://app.funneldraw.com/mcp. In Claude, go to Customize → Connectors → + Add → Add custom connector, paste it and connect; in ChatGPT, go to Settings → Apps → Advanced settings, turn on Developer mode, then Create app with the address and OAuth. Sign in to Funnel Draw and pick the workspace the AI works in.
Connect Webflow to the same AI
In Claude, click + in a chat → Add connectors, search Webflow (choose All if needed) and Connect; in other clients add https://mcp.webflow.com/mcp. Log in, select the sites and Workspaces to share and click Authorize App (this also installs the Webflow MCP Bridge App).
Open the Designer with the bridge
To build elements on the canvas, open the site in the Webflow Designer, press E for the Apps panel and launch the Webflow MCP Bridge App; wait until it says connected. CMS and page settings work without the Designer.
Ask for the page
For example: "Read the Landing page step in my Watercolor course funnel and build it as a new page /free-guide in my Webflow site with its headline, three bullets and the email form. Don't publish."
Review it in Webflow
Check the page on every breakpoint in the Designer, fix spacing and images, then publish yourself.
Note the result on the step
Ask the AI to add the Webflow page link and what it made (the page URL) to the step's notes with update_funnel, or paste it on the step yourself in the canvas. The next time the AI reads the funnel with get_funnel, it sees what is already done.

Ideas to try

When the landing page step is drafted, Webflow gets the page
A watercolor course's AI builds /free-guide from the step's headline, bullets and form, unpublished, for the owner to review.
When an agency launches a client funnel, the thank-you page follows
The AI builds the thank-you page from the step after the form, with the next offer the funnel plans.
When the funnel adds a webinar, Webflow adds the registration page
A B2B SaaS has the AI add a CMS item for the webinar (title, date, speaker) from the Webinar step.

Questions

Does Funnel Draw connect to Webflow directly?

No. Funnel Draw has no direct Webflow integration. Your AI holds two connections, Funnel Draw's MCP and Webflow's own, reads the step from one and works in the other. Funnel Draw never sees your Webflow login.

Does the Designer have to be open?

For building elements and styles, yes, with the Webflow MCP Bridge App running. CMS edits and page settings go through Webflow's Data API and don't need it.

I set up the Webflow MCP with /sse before. Does it still work?

Webflow moved its server from https://mcp.webflow.com/sse to https://mcp.webflow.com/mcp; use the /mcp address.