⚙️
Tools Box
Tous les playbooks

Brancher Webflow sur Claude (MCP)

Installer le MCP Webflow pour piloter un site Webflow depuis Claude : créer des collections, publier en masse, optimiser le SEO, traduire, auditer. Sans code.

PourFormation Sales CoachAuto-diagnostic
Source

[!info] TL;DR : un MCP transforme Claude en outil d'automatisation Webflow. Tu gères collections, contenu et SEO depuis un prompt.

Ce qu'est un MCP

Un MCP (Model Context Protocol) est une extension qui permet à Claude d'interagir avec des services externes comme Webflow. Claude passe d'assistant conversationnel à outil capable d'actions concrètes sur ton site.

Prérequis

  • Claude desktop (gratuit ou payant)
  • Un compte Webflow
  • Node.js installé (version LTS depuis nodejs.org)

Installation (Mac)

  1. Récupère ta clé API Webflow : Settings > Apps & Integrations > Generate API token. Ne la partage jamais.
  2. Ouvre la config Claude : Paramètres > Développeur > Modifier la configuration > claude_desktop_config.json.
  3. Colle ce bloc en remplaçant le token :
{
  "mcpServers": {
    "webflow": {
      "command": "npx",
      "args": ["-y", "webflow-mcp-server@latest"],
      "env": {
        "WEBFLOW_TOKEN": "<TON_TOKEN_WEBFLOW>"
      }
    }
  }
}
  1. Ferme et relance Claude. Webflow apparaît dans "Recherche et outils".

Si Claude dit ne pas avoir les autorisations, colle ton Site ID (dans les paramètres Webflow) dans le prompt.

7 actions à automatiser

  1. Créer une collection : "Crée une collection nommée X avec les champs titre, texte, date, image, tous obligatoires."
  2. Publier du contenu en masse : génère et publie plusieurs items depuis un CSV ou un tableau.
  3. Mise à jour en masse : modifie simultanément plusieurs items selon un tableau.
  4. Optimiser le SEO : scanne les pages, vérifie metatitles (50 à 60 caractères) et metadescriptions (140 à 160 caractères), corrige en masse.
  5. Gérer le multilingue : traduis tous les champs d'une collection en respectant les règles de longueur et de format.
  6. Migrer du contenu : importe depuis CSV ou JSON, mappe les champs, crée les items.
  7. Auditer le site : repère metadonnées manquantes, liens brisés, images manquantes, sans outil payant.

Pièges

  • La fenêtre d'autorisation Webflow s'affiche souvent : il faut valider à chaque action.
  • Si un prompt est trop lourd, traite par paquets ou exporte la collection en CSV et fais analyser le fichier.

Playbooks de la même catégorie