Recipes / Industry landing page drafts: one unpublished Webflow item per target industry

Industry landing page drafts: one unpublished Webflow item per target industry

Webflow + Notion

Who it's for

Product and content marketers who want a first draft landing page for each target industry, built from the ICP and case studies already kept in Notion, and left unpublished for review. Webflow can be swapped for HubSpot, which can create landing pages, and Notion for Airtable.

What you get

One industry draft, mapped to CMS fields and waiting for approval. Sample output: every company and person in it is fictional.

Industry: Logistics and freight
Source: ICP page 'Who we sell to (2026)' and 2 matching case studies in Notion

Collection: Industries (fields: Name, Slug, Headline, Subhead, Pain points, Proof, CTA label)

Draft item (not created yet):
- Name: Logistics and freight
- Slug: logistics-freight
- Headline: Know which loads are late before your customer does
- Subhead: Shared dashboards for ops and sales teams at mid-size carriers and 3PLs.
- Pain points:
  1. Delay reports arrive a day after the customer calls (ICP: 'reactive ops')
  2. Rate data lives in five spreadsheets (ICP: 'spreadsheet sprawl')
  3. Sales can't see shipment history before renewal calls
- Proof: "Larkspur Freightworks (fictional) cut late-delivery escalations by 31% in two quarters." Quoted from the Notion case study, approved for public use.
- CTA label: See the freight demo

Flagged: the second case study, Mossgate Labs (fictional), is marked 'internal only' in Notion, so it is left out.

Nothing has been created in Webflow. Reply 'create' to add this as an unpublished CMS item. It will not be published.

Time and cost

Estimate About 20–30 minutes per industry, most of it editing the copy.

Assumptions: One run for one target industry, two matching case studies and one CMS item.

Webflow: Reads of your sites, one collection's fields and a few existing items, then one CMS item created after you approve it. Nothing is published. Credit use not confirmed by Webflow.
Notion: Reads only: a search for the ICP page and case studies, plus one page read or database query per case study. Credit use not confirmed by Notion.

Exact credit costs depend on your plan with each vendor. Check the tool pages before a large run.

MCP servers

Every server is confirmed in: ClaudeChatGPTClaude CodeCursor

Webflow Up · auth

ClaudeChatGPTClaude CodeCursorRead + writeCredits not confirmedNeeds admin or IT
https://mcp.webflow.com/mcp
Notion Up · auth

ClaudeChatGPTClaude CodeCursorCopilotRead + writeCredits not confirmed
https://mcp.notion.com/mcp

Set up in a chat app

Every server in this recipe is confirmed for Claude and ChatGPT. Connect each one, then paste the prompts below into one conversation.

Connect Webflow without code (Claude, ChatGPT)
Connect Notion without code (Claude, ChatGPT)

Developer setup

Auth setup and mcp.json for Claude Code and Cursor

Webflow: Sign in with OAuth in your client (run /mcp in Claude Code). Do it once interactively, and the client stores and refreshes the token.
Notion: Sign in with OAuth in your client (run /mcp in Claude Code). Do it once interactively, and the client stores and refreshes the token.

Put this in .mcp.json (Claude Code, project root) or ~/.cursor/mcp.json (Cursor). Swap the example keys for your own, and don't commit real ones. Remove the // comment lines if your client requires strict JSON.

{
  "mcpServers": {
    "webflow": {
      "url": "https://mcp.webflow.com/mcp"
    },
    "notion": {
      "url": "https://mcp.notion.com/mcp"
    }
  }
}

Step-by-step prompts

Search my Notion workspace for our ICP page and our case studies. List the target industries from the ICP, and for each one, the matching case studies with the customer, the result, whether it's approved for public use, and a link to the page. Don't change anything.
In Webflow, show me the CMS collections on {site} and the fields in {collection}. Show one existing item as an example and list the existing item slugs. Don't change anything.
For {industry}, draft one new item for {collection}: headline, subhead, three pain points from the ICP, one or two proof points quoted from approved case studies, and a call to action. Map each part to a collection field and show me the draft. Flag anything not backed by Notion.
After I approve the draft, create it as a new CMS item in {collection} and leave it unpublished. Don't publish the item or the site. Give me the item's name and slug so I can review it in Webflow.

Run it on a schedule (optional)

Run it by hand when you add a target industry or publish a new case study. It doesn't need a schedule.
If you batch several industries, do one at a time and approve each item before moving to the next.
Webflow needs a site owner or admin to authorize the site. Make sure the connection works for one manual run before you plan around it.

Where this goes wrong

Proof points that aren't in the case study. The model may round a number up or merge two results. Require a quote from the Notion page for every number, and drop any proof point without one.
Customer named without approval. Not every case study is cleared for public use. Check each Notion case study for an approval or 'public' field, and use only the ones marked as approved.
Overwriting an existing industry item. List the collection's existing items and slugs before drafting. If the slug already exists, stop and ask instead of updating the live item.
Fields that don't match the template. If the draft puts text into the wrong field, the page will render oddly. Compare the draft's field list with one existing item, and preview the new item in Webflow before anyone shares it.

Gotchas

Webflow's setup needs an admin: only site owners and admins can authorize a site, so a marketer without that role will need one to connect it.
Each Webflow authorization covers a single workspace. In Claude or ChatGPT, remove and reinstall the connector to switch workspaces.
Webflow's tools can publish and unpublish CMS items and publish the whole site to its domains. This recipe never asks for that. Do the publishing yourself in Webflow after review.
Webflow can also create pages, but laying out a page means design element work, and its snapshot, selection and canvas tools need the Webflow Designer open with the MCP Bridge App connected. An item in an existing industry collection template is easier to review.
Notion's help center names ChatGPT Pro as the supported ChatGPT tier.

Download

Get the prompts, guardrails and expected output as one Markdown file. Paste it into a Claude Project or ChatGPT project's instructions, or save it as CLAUDE.md for Claude Code.

Download industry-landing-page.md