Intégration · Sites web et contenu

Connecter Claude & ChatGPT à Webflow

Demandez à votre IA de rédiger un article de blog dans votre CMS, de corriger le titre SEO d'une page ou d'afficher les dernières soumissions de formulaires sur Webflow. Elle lit et écrit des éléments du CMS, lit les pages, formulaires et actifs, et met à jour les paramètres de la page. Elle peut publier des éléments ou tout le site lorsque vous êtes prêt, afin que les mises à jour routinières se fassent via la conversation.

Connecter Webflow gratuitement

Offre gratuite, sans carte bancaire. Comptez environ une minute.

Essayez de demander

“Rédiger un article de blog sur nos nouveaux horaires d'ouverture dans la collection Articles de blog.”
L'IA lit les champs de la collection, puis crée une brouillon mis en attente avec le nom, l'URL et le contenu. Rien n'est publié pour le moment.
“Publier l'article sur les horaires d'ouverture.”
Elle publie l'élément mis en attente sur le site en direct.
“Afficher-moi les soumissions du formulaire de contact de cette semaine.”
Elle liste les nouvelles soumissions de formulaires avec leurs valeurs de champ.

Ce que votre IA peut faire

CMS

Lister les collections et leurs champs, lire les éléments mis en attente et publiés, et créer, mettre à jour, archiver et publier des éléments.

Pages et SEO

Lister les pages, lire le contenu de la page, et mettre à jour les titres, URL, paramètres SEO et Open Graph.

Formulaires, actifs et publication

Lire les formulaires et soumissions, lister les actifs et les commentaires du Designer, et publier le site sur vos domaines.

“Donnez à la page Tarifs un meilleur titre SEO et une méta-description.”
Elle lit les paramètres de la page et met à jour le titre SEO et la description. La modification s'affiche sur le site en direct après la prochaine publication.
“Quels membres d'équipe sont listés sur le site en direct ?”
Elle liste les éléments publiés dans la collection Membres de l'équipe tels que les visiteurs les voient.
“Publier le site sur notre domaine personnalisé.”
Elle consulte vos domaines personnalisés et publie tous les changements mis en attente vers eux.

125 outils pour Webflow

Ces outils sont activés lors de la connexion. Vous pouvez désactiver chacun d’eux ou exiger votre approbation avant son exécution.

create_batch_createVisible par d’autres
create_batch_deleteVisible par d’autres
create_bulkVisible par d’autres
create_category_fieldModifie des données
create_component_domModifie des données
create_component_propertyModifie des données
create_hostedModifie des données
create_inlineModifie des données
create_itemModifie des donnéesCréer un élément en attente dans une collection avec `collection_id` et `body` contenant fieldData (nom, slug et champs de la collection) et isDraft. Il passe en ligne uniquement après publish_items ou publish_site.
create_live_itemModifie des donnéesCréer un élément dans une collection et le publier sur le site en direct immédiatement. `body` contient fieldData (nom, slug et champs de la collection).
create_order_unfulfillModifie des données
create_page_domModifie des données
create_productModifie des données
create_site_assetModifie des données
create_site_asset_folderModifie des données
create_site_categoryModifie des données
create_site_custom_fontModifie des données
create_site_productModifie des données
create_site_redirectModifie des données
create_site_webhookSupprime des données
create_workspace_siteModifie des données
delete_assetSupprime des données
delete_categorySupprime des données
delete_category_fieldSupprime des données
delete_category_productsTransfère de l’argent
delete_form_submissionSupprime des données
delete_google_tagSupprime des données
delete_google_tagsTransfère de l’argent
delete_itemSupprime des donnéesSupprimer définitivement un élément d'une collection via `collection_id` et l'ID de l'article (passé comme `product_id`) ; s'il était publié, il reste en ligne jusqu'à ce que le site soit republié.
delete_livesTransfère de l’argent
delete_page_custom_codesTransfère de l’argent
delete_product_livesTransfère de l’argent
delete_siteSupprime des données
delete_site_custom_codesTransfère de l’argent
delete_site_custom_fontSupprime des données
delete_site_form_submissionSupprime des données
delete_site_redirectSupprime des données
delete_site_robots_txtsTransfère de l’argent
delete_site_well_knownsTransfère de l’argent
delete_webhookSupprime des données
get_asset
get_asset_folder
get_collectionRécupérer une collection CMS par son ID (passé comme `category_id`), avec ses champs, leurs slugs et types ; vérifier cela avant de créer ou mettre à jour des éléments.
get_form
get_form_submissionRécupérer une soumission de formulaire via `form_submission_id`, avec toutes les valeurs des champs soumis.
get_form_submission_2
get_itemRécupérer un élément de collection via `collection_id` et l'ID de l'article (passé comme `product_id`), avec toutes les valeurs de ses champs.
get_pageRécupérer les paramètres d'une page via `page_id` : titre, slug, champs SEO et Open Graph.
get_page_contentRécupérer le texte et le contenu image d'une page statique via `page_id`, sous forme de liste de nœuds de contenu.
get_siteRécupérer le nom, le nom court, les domaines, les langues et la dernière date de publication du site connecté.
get_site_custom_font
get_site_message
get_site_order
get_site_product
get_time_on_page_report
get_webhook
list_assetsLister les images et fichiers uploadés sur le site, optionnellement au sein d'un seul `folder_id`.
list_authorized_bies
list_blocks
list_collectionsLister les collections CMS du site (ex. Articles de blog, Membres de l'équipe) avec leurs IDs.
list_comment_replies
list_commentsLister les filaments de commentaires du Designer sur le site, avec leur texte, auteur et statut de résolution.
list_component_doms
list_component_properties
list_domainsLister les domaines personnalisés du site et leurs IDs, nécessaires pour publier dessus.
list_form_submissionsLister les soumissions de formulaire reçues sur le site, des plus récentes, sur tous les formulaires.
list_form_submissions_2
list_formsLister les formulaires sur le site avec leurs IDs et champs.
list_google_tags
list_introspects
list_itemsLister les éléments d'une collection par `collection_id` (staged, y compris les brouillons) ; filtrer par `name` ou `slug`, trier avec `sort_by`, et paginer avec `limit`/`offset`.
list_live_itemsLister les éléments publiés (en direct) d'une collection par `collection_id`, tels que vus par les visiteurs.
list_page_custom_codes
list_pagesLister les pages du site avec leurs ID, titres, slugs et paramètres SEO.
list_product_inventories
list_product_lives
list_settings
list_site_activity_logs
list_site_asset_folders
list_site_components
list_site_custom_codes
list_site_custom_fonts
list_site_orders
list_site_plans
list_site_products
list_site_redirects
list_site_registered_scripts
list_site_robots_txts
list_site_webhooks
list_sites
list_submissions_for_formLister les soumissions d'un formulaire via `form_id`.
list_workspace_audit_logs
publish_itemsVisible par d’autresPublier des éléments de collection en attente sur le site en direct : `collection_id` et `body` avec itemIds.
publish_siteVisible par d’autresPublier toutes les modifications en attente du site entier en direct, vers `custom_domains` (IDs provenant de list_domains) et/ou la sous-domaine Webflow avec `publish_to_webflow_subdomain`. Les visiteurs voient les changements immédiatement.
refund_orderTransfère de l’argent
reply_to_commentModifie des donnéesRépondre à un fil de commentaires Designer avec `comment_thread_id` et `content`.
search_pages
search_top_dimensions
search_top_events
search_traffic
submit_orderVisible par d’autres
update_assetModifie des données
update_categoryModifie des données
update_category_fieldModifie des données
update_category_productsVisible par d’autres
update_custom_font_documentsVisible par d’autres
update_form_submissionModifie des données
update_google_tagsVisible par d’autres
update_itemModifie des donnéesModifier un élément en attente par `collection_id` et l'ID de l'article (passé comme `product_id`) : modifier `field_data`, ou définir `is_draft` ou `is_archived`. Publier ensuite pour le rendre actif.
update_live_itemVisible par d’autresModifier un élément par `collection_id` et `item_id` et publier la modification sur le site en direct immédiatement.
update_livesVisible par d’autres
update_page_custom_codesVisible par d’autres
update_page_settingsModifie des donnéesModifier les paramètres d'une page : `title`, `slug`, `seo` (titre, description) ou `open_graph` via `page_id`. Les modifications s'affichent sur le site en direct après publication.
update_productModifie des données
update_product_inventoriesVisible par d’autres
update_siteModifie des données
update_site_custom_codesVisible par d’autres
update_site_custom_fontModifie des données
update_site_form_submissionModifie des données
update_site_messageModifie des données
update_site_orderModifie des données
update_site_productModifie des données
update_site_redirectModifie des données
update_site_robots_txtsVisible par d’autres
update_site_well_knownsVisible par d’autres

Configuration en trois étapes

1
Choisissez l’application
Créez un compte PipMCP gratuit et sélectionnez Webflow dans la liste des applications.
2
Collez votre clé
Collez un jeton d'API Webflow et l'ID de votre site. Dans Paramètres du site > Applications & intégrations, défilez jusqu'à Accès API et cliquez sur Générer un jeton d'API, puis choisissez les périmètres dont vous avez besoin. Seuls les administrateurs du site peuvent en créer un. L'ID de site se trouve sous Paramètres du site > Général.
3
Ajoutez le lien à votre IA
Vous obtenez un lien MCP personnel. Ajoutez-le à Claude, ChatGPT ou Cursor :
1. Cliquez sur votre nom, puis sur Paramètres › Connecteurs › Ajouter un connecteur personnalisé.
2. Collez votre lien dans le champ URL du serveur MCP distant.
3. Activez-le depuis le menu + d’une conversation.

Questions

Que peut faire l'IA sur Webflow ?

L'IA peut lire votre site, pages, contenu des pages, collections et éléments CMS, formulaires, soumissions de formulaires, actifs, domaines et commentaires du Designer. Elle peut créer et mettre à jour des éléments CMS, mettre à jour les paramètres de page, répondre aux commentaires, et publier des éléments ou tout le site. Elle peut également supprimer un élément CMS si vous activez cet outil.

L'IA voit-elle mon jeton d'API Webflow ?

Non. Vos identifiants Webflow sont chiffrés au repos et jamais montrés à l'IA. Après les avoir sauvegardés, ils ne sont plus affichés, même pas pour vous. L'IA ne voit que les résultats des outils qu'elle appelle.

Puis-je contrôler ce que l'IA est autorisée à faire ?

Oui. Vous choisissez les outils activés pour commencer en lecture seule. La publication d'éléments ou du site rend les modifications visibles immédiatement, et la suppression est définitive, ce qui peut nécessiter votre approbation avant exécution. Chaque appel d'outil est journalisé.

Fonctionne-t-il avec ChatGPT ?

Oui. Dans ChatGPT, allez dans Paramètres › Applications et connecteurs › Avancé et activez le mode Développeur, puis ajoutez votre lien PipMCP. Le mode Développeur nécessite un abonnement payant ChatGPT : Plus, Pro, Business ou Entreprise. Le même lien fonctionne également dans Claude (Paramètres › Connecteurs › Ajouter un connecteur personnalisé), Cursor et d'autres clients MCP.

Quel est le coût ?

PipMCP dispose d'un plan gratuit sans carte de crédit requise. Les plans payants sont facturés par tâche terminée. Vous avez également besoin de votre propre compte Webflow.

L'IA modifie-t-elle mon site en direct immédiatement ?

Généralement non. Les nouveaux et mis à jour éléments CMS sont d'abord en attente et passent en ligne lors de la publication ou du site. Seuls les outils pour les éléments en ligne et la publication changent ce que les visiteurs voient, et vous pouvez les désactiver ou exiger une approbation. PipMCP stocke votre ID de site avec la connexion, donc l'IA n'a jamais à demander quel site utiliser.