> ## Documentation Index
> Fetch the complete documentation index at: https://api-docs.ollang.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Webflow

> Localize Webflow site content with Webflow's official MCP server and Ollang.

# Ollang MCP + Webflow

<Note>
  Webflow operates the official MCP server separately from Ollang. OAuth authorizes access to selected sites and workspaces.
</Note>

Use [Webflow's official MCP server](https://developers.webflow.com/mcp/reference/getting-started) with Ollang MCP to localize site content and publishing workflows.

## Why Webflow + Ollang?

By connecting Webflow and Ollang, your AI assistant can:

* Work with content from selected Webflow sites
* Send site copy to Ollang for translation
* Prepare localized content for review
* Keep multilingual site updates organized

## Setup

The recommended Streamable HTTP endpoint is `https://mcp.webflow.com/mcp`. Published examples commonly use the SSE endpoint `https://mcp.webflow.com/sse`.

For a stdio-only client, bridge the SSE endpoint with `npx mcp-remote https://mcp.webflow.com/sse`.

<Tabs>
  <Tab title="Claude Desktop">
    ```json theme={null}
    {
      "mcpServers": {
        "ollang": {
          "url": "https://mcp.ollang.com/mcp"
        },
        "webflow": {
          "url": "https://mcp.webflow.com/mcp"
        }
      }
    }
    ```

    Authorize the selected Webflow sites and workspaces over OAuth.
  </Tab>

  <Tab title="Claude Code">
    ```bash theme={null}
    claude mcp add --transport http ollang https://mcp.ollang.com/mcp
    claude mcp add --transport http webflow https://mcp.webflow.com/mcp
    ```
  </Tab>

  <Tab title="Cursor">
    ```json .cursor/mcp.json theme={null}
    {
      "mcpServers": {
        "ollang": {
          "url": "https://mcp.ollang.com/mcp"
        },
        "webflow": {
          "url": "https://mcp.webflow.com/mcp"
        }
      }
    }
    ```
  </Tab>

  <Tab title="Devin">
    Add both remote servers in **Settings > Integrations > MCP Servers**:

    ```json theme={null}
    {
      "mcpServers": [
        {
          "name": "ollang",
          "url": "https://mcp.ollang.com/mcp",
          "transport": "http"
        },
        {
          "name": "webflow",
          "url": "https://mcp.webflow.com/mcp",
          "transport": "http"
        }
      ]
    }
    ```
  </Tab>

  <Tab title="Replit">
    ```json .replit-mcp.json theme={null}
    {
      "mcpServers": {
        "ollang": {
          "url": "https://mcp.ollang.com/mcp",
          "transport": "http"
        },
        "webflow": {
          "url": "https://mcp.webflow.com/mcp",
          "transport": "http"
        }
      }
    }
    ```
  </Tab>

  <Tab title="Lovable">
    Add both remote servers via **Settings > Integrations > MCP Servers**:

    ```json lovable.json theme={null}
    {
      "mcp": {
        "servers": {
          "ollang": {
            "url": "https://mcp.ollang.com/mcp",
            "transport": "http"
          },
          "webflow": {
            "url": "https://mcp.webflow.com/mcp",
            "transport": "http"
          }
        }
      }
    }
    ```
  </Tab>
</Tabs>

## Webflow MCP Capabilities

| Capability        | Description                                      |
| ----------------- | ------------------------------------------------ |
| Site access       | Authorize selected Webflow sites and workspaces  |
| Streamable HTTP   | Connect through `https://mcp.webflow.com/mcp`    |
| SSE compatibility | Use `https://mcp.webflow.com/sse` where required |

## Example Workflows

### Localize Webflow site copy

```
Read the English copy from the selected Webflow marketing site, upload it
to Ollang, and create French, German, and Spanish document translation orders.
```

### Prepare an i18n launch

```
Find the product pages that need Japanese localization, create Ollang
orders for their content, and summarize the source URLs and order IDs for
the release checklist.
```

### Review localized content

```
Compare the delivered French content from Ollang with the selected Webflow
site copy, run a QC evaluation for accuracy and tone, and list any edits
needed before publishing.
```