Ressources · Intégration Zapier

Intégration Webflow ZapierAutomatiser Webflow avec Zapier.

L'intégration Webflow Zapier propose 5 déclencheurs, 7 actions et 2 recherches pour relier les formulaires, le contenu du CMS et les commandes de ton site à tes autres outils. Voici ce que fait chaque opération, ce qu'elle coûte et où elle coince.

Avis vérifiés sur Trustpilot · Agence IA, automatisation & growth

Aperçu

Ce que fait vraiment l'intégration Webflow Zapier

Webflow sert à concevoir et faire tourner des sites web, avec un gestionnaire de contenu intégré (le CMS), et sur Zapier il expose aussi les commandes que reçoit un site. Le relier à Zapier permet à ce qui se passe sur ton site, un formulaire, une commande, un commentaire, de lancer du travail dans d'autres applications, et à ces applications d'écrire du contenu dans tes collections.

Trois usages couvrent l'essentiel. Des contacts qui ne dorment pas dans un tableau de bord : New Form Submission envoie chaque formulaire vers ton CRM, ta messagerie ou un tableur. Un CMS alimenté depuis ailleurs : Create Item et Update Item transforment les lignes d'un tableur ou les fiches d'un autre outil en articles, offres d'emploi ou fiches produit. Des commandes gérées hors de Webflow : New Order transmet chaque vente à ta compta ou à ton transporteur, et Fulfill Order la marque comme traitée (fulfilled) une fois ta part du travail faite.

Bonne nouvelle pour le plan gratuit : quatre des cinq déclencheurs sont instantanés. Formulaires, commentaires et commandes arrivent chez Zapier sur le moment. Seul New Resolved Comment Thread attend le prochain passage.

Ce que Zapier ne fait pas avec Webflow : aucune action ne supprime un élément, et rien ne crée un formulaire, un site ou une collection. Tout se passe dans des collections qui existent déjà. Pour comparer, vois l'intégration Webflow Make et l'intégration Webflow n8n.

Vocabulaire

Le vocabulaire de Zapier en une minute

Huit mots reviennent sur toute la page. Une lecture ici et la suite se lit d'une traite.

Zap
L'automatisation que tu construis : un événement qui la lance, puis une ou plusieurs étapes qui s'exécutent à chaque fois.
Déclencheur
L'événement dans une app qui démarre le Zap. Une fois le Zap allumé, Zapier l'attend, par exemple une commande passée sur ton site.
Action
Ce que fait le Zap une fois lancé : l'étape qui écrit, envoie ou déplace quelque chose à ta place, comme ajouter un élément au CMS.
Tâche
L'unité que Zapier facture : une action réussie. Ton plan fixe combien de tâches tu as par mois, et ce compteur descend à chaque succès.
Interrogation ou instantané
Zapier vérifie un déclencheur par interrogation à intervalle fixe ; l'app pousse un instantané sur le moment. Webflow : quatre instantanés, un seul interrogé.
Filtre
Une étape qui laisse continuer le Zap seulement si ce qui arrive remplit ta condition, et l'arrête sans bruit sinon.
Étape de recherche
Une étape qui retrouve un élément déjà présent dans une app, un élément du CMS par exemple, pour que la suite l'utilise.
Connexion
Ton compte Webflow relié une fois à Zapier, puis réutilisé par chaque étape Webflow de chaque Zap que tu construis ensuite.
Coût

Combien coûte un Zap Webflow

Zapier compte des tâches, pas des Zaps, et sur Webflow la plupart des déclencheurs n'ont même pas besoin d'être vérifiés.

  • Surveillance du déclencheurGratuite
  • Action réussie1 tâche chacune
  • Action échouéeNon décomptée
  • Plan gratuit100 tâches par mois, Zaps à deux étapes

Le déclencheur ne consomme jamais de tâche, et la recherche de nouveautés par Zapier est gratuite elle aussi, quelle que soit sa fréquence. Chaque action réussie compte pour une tâche, et dans un Zap à trois actions chacune compte séparément. Une action qui échoue n'est pas facturée. Webflow fonctionne dès le plan gratuit : 100 tâches par mois et des Zaps illimités, mais deux étapes seulement, un déclencheur et une action. Un filtre, une recherche comme Find Item ou une deuxième action rendent le Zap multi-étapes, et il faut alors un plan payant.

Connexion

Connecter ton compte Webflow à Zapier

  1. 01

    Ouvrir tes connexions

    Dans Zapier, va sur la page Apps de ton compte et clique sur + Add connection. Il te faut un compte Webflow, et un accès aux sites clients que tu n'as pas créés mais que le Zap doit toucher.

  2. 02

    Choisir Webflow

    Tape Webflow dans la recherche de la fenêtre, sélectionne-le, puis clique sur Add connection. Un nouvel onglet s'ouvre : connecte-toi avec le compte qui possède ou édite le site.

  3. 03

    Autoriser l'accès

    Donne l'accès à Zapier sur ce compte. La connexion apparaît dans ta liste, et chaque étape Webflow ajoutée ensuite pourra la réutiliser, dans n'importe quel Zap : c'est à faire une seule fois.

Premier Zap

Ton premier Zap Webflow, étape par étape

ObjectifChaque nouvelle commande de ton site Webflow est complétée tout de suite avec une information venue d'ailleurs, sans ouvrir le tableau de bord.

  1. 01

    Créer le Zap

    Dans l'éditeur, choisis Webflow comme app de départ et New Order comme événement, puis sélectionne ta connexion et le site dont tu veux suivre les commandes.

  2. 02

    Tester le déclencheur

    Lance le test : Zapier ramène les trois commandes les plus récentes du site. Passe une commande de test avant si le site n'en a encore aucune, pour travailler sur un cas réel.

  3. 03

    Ajouter la mise à jour

    Ajoute Webflow une seconde fois et choisis Update Order. Sélectionne le même site, relie l'identifiant de la commande si le test du déclencheur l'a bien ramené, puis remplis ce que tu veux modifier.

  4. 04

    Tester puis publier

    Teste l'action et vérifie la commande dans Webflow. Clique ensuite sur Publish. Le déclencheur est instantané : la prochaine vente part tout de suite.

Déclencheurs

Les 5 déclencheurs Webflow

5 événements démarrent un Zap quand quelque chose se passe dans Webflow, et 4 d'entre eux sont instantanés : l'app prévient Zapier tout de suite, quel que soit ton plan.

1

New Form Submission

Déclencheur instantané

Dans Zapier“Triggers when a new form submission occurs”

Un visiteur qui remplit un formulaire de ton site Webflow lance ce Zap avec cet envoi. Les demandes de devis, inscriptions et prises de contact passent par là, ce qui en fait un premier Zap tout trouvé.

Comment il se déclenche
l'app prévient Zapier dès que ça se passe, le Zap part tout de suite, quel que soit ton plan.
Quand l'utiliser
pousser chaque demande de devis dans ton CRM et prévenir le commercial de garde.
Attention
tu choisis un site et un formulaire, un deuxième formulaire demande son propre Zap.
2

New Comment

Déclencheur instantané

Dans Zapier“Triggers when a new comment is created.”

Un nouveau commentaire laissé sur ton site Webflow démarre ce Zap. Utile aux équipes qui relisent les pages à plusieurs et ne veulent pas que les retours dorment sans réponse.

Comment il se déclenche
l'app prévient Zapier dès que ça se passe, le Zap part tout de suite, quel que soit ton plan.
Quand l'utiliser
transformer chaque remarque de relecture en tâche dans ton outil de gestion de projet avant la mise en ligne.
Attention
le site est obligatoire, un Zap suit donc un seul site.
3

New Order

Déclencheur instantané

Dans Zapier“Triggers when a new order is placed.”

Chaque commande passée sur ton site Webflow déclenche ce Zap avec le détail de la commande. C'est la porte d'entrée de tout ce qui doit suivre une vente sans que quelqu'un surveille le tableau de bord.

Comment il se déclenche
l'app prévient Zapier dès que ça se passe, le Zap part tout de suite, quel que soit ton plan.
Quand l'utiliser
créer la facture dans ton logiciel comptable et l'étiquette chez ton transporteur.
Attention
un Zap suit les commandes d'un seul site.
4

New Resolved Comment Thread

Déclencheur par interrogation

Dans Zapier“Triggers when a comment thread is resolved.”

Quand un fil de commentaires de ton site est marqué comme résolu, ce Zap le récupère et le transmet. C'est l'autre moitié de la boucle de relecture : tu sais qu'un retour a été traité.

Comment il se déclenche
Zapier va voir à intervalle régulier, et cet intervalle dépend de ton plan : toutes les 15 minutes sur le gratuit.
Quand l'utiliser
clôturer la tâche correspondante dans ton outil de projet une fois la correction validée.
Attention
c'est le seul déclencheur Webflow qui attend un passage de Zapier.
5

Updated Order

Déclencheur instantané

Dans Zapier“Triggers when an order is updated.”

Toute modification d'une commande existante relance ce Zap, pour que tes outils en aval restent alignés sur ce que Webflow affiche pour cette vente.

Comment il se déclenche
l'app prévient Zapier dès que ça se passe, le Zap part tout de suite, quel que soit ton plan.
Quand l'utiliser
mettre à jour le statut d'une vente dans ton tableur de suivi ou ton CRM.
Attention
un Zap qui modifie lui-même les commandes, via Update Order, peut relancer ce déclencheur.
Actions

Les 7 actions Webflow

Webflow te donne 7 actions. Pour chacune : ce qu'elle fait pour toi, le moment où tu la choisis, et ce qu'il faut surveiller.

1

Create Item

Action

Dans Zapier“Adds a new item to a given collection.”

Ajoute une entrée dans l'une de tes collections du CMS, prête à apparaître sur le site à la prochaine publication.

Quand l'utiliser
une ligne ajoutée au tableur des recrutements devient une offre sur la page carrières.
Attention
l'option Is Draft la garde en brouillon ; par défaut, l'élément n'en est pas un.
2

Create Live Item

Action

Dans Zapier“Adds a new item to a given collection on your published site.”

Publie directement une nouvelle entrée de collection sur le site en ligne, sans attendre qu'on clique sur publier dans Webflow.

Quand l'utiliser
un agenda d'événements ou des actualités qui doivent être visibles dès leur validation ailleurs.
Attention
relis bien le contenu, il part en ligne pour tous les visiteurs.
3

Fulfill Order

Action

Dans Zapier“Fulfills an order.”

Marque une commande comme traitée (fulfilled) dans Webflow, et te laisse décider si le client reçoit l'e-mail Order Fulfilled.

Quand l'utiliser
ton outil de gestion des commandes la signale comme terminée et Webflow la marque traitée sans que personne ne l'ouvre.
Attention
le choix de l'e-mail est obligatoire, réfléchis-y avant de tester sur un vrai client.
4

Update Item

Action

Dans Zapier“Updates an item.”

Modifie une entrée déjà présente dans une collection, pour que le CMS suive les changements faits dans un autre outil.

Quand l'utiliser
un tarif corrigé dans ta fiche produit est recopié sur l'élément Webflow correspondant.
Attention
l'élément est obligatoire, associe donc l'action à Find Item si tu n'as pas son identifiant.
5

Update Live Item

Action

Dans Zapier“Updates a live item.”

Change une entrée sur la version publiée du site, et peut aussi la marquer comme archivée.

Quand l'utiliser
archiver une offre d'emploi dès que le poste est pourvu dans ton outil de recrutement.
Attention
archiver n'est pas supprimer, et aucune action Webflow sur Zapier ne supprime un élément.
6

Update Order

Action

Dans Zapier“Updates an order.”

Modifie une commande existante de ton site Webflow à partir d'informations stockées dans une autre application.

Quand l'utiliser
reporter sur la commande Webflow un changement fait dans ton outil de gestion des commandes.
Attention
il faut l'identifiant de la commande, qu'une étape précédente doit fournir.
7

API Request (Beta)

Action

Dans Zapier“This is an advanced action which makes a raw HTTP request that includes this integration's authentication.”

Étape avancée qui envoie une requête brute à Webflow avec ta connexion existante, pour ce que les actions toutes faites ne proposent pas.

Quand l'utiliser
seulement si la documentation développeur de Webflow ne te fait pas peur.
Attention
les requêtes ne visent que les domaines de Webflow, et le réglage Stop on error décide si une erreur arrête le Zap.
Recherches

Les 2 recherches Webflow

2 étapes de recherche vont chercher une donnée qui existe déjà dans Webflow, pour qu'une étape suivante s'en serve.

Une étape de recherche retrouve un élément déjà présent dans Webflow et le passe aux étapes suivantes. Dans la liste des événements d'action, les recherches sont en bas, sous l'intitulé SEARCH. Webflow ne propose pas de variante « trouver ou créer », mais trois réglages décident toujours de la suite.

1

Find Item

Recherche

Dans Zapier“Find an Item in a Collection.”

Retrouve une entrée dans l'une de tes collections du CMS et la renvoie, pour qu'une étape suivante la modifie ou réutilise son contenu.

Quand l'utiliser
repérer la fiche produit à corriger avant qu'Update Item change son prix.
Attention
le site et la collection sont obligatoires, une recherche couvre donc une seule collection.
2

Find Live Item

Recherche

Dans Zapier“Find a Live Item in a Collection.”

Cherche dans la version publiée d'une collection plutôt que dans la copie de travail, ce qu'il faut avant de toucher à ce que voient les visiteurs.

Quand l'utiliser
localiser l'offre d'emploi en ligne qu'Update Live Item doit archiver.
Attention
comme Find Item, elle demande un site et une collection.

Les trois réglages que toute recherche expose

  1. Successful if no search results are found?
    Laissé par défaut, une recherche sans résultat arrête le Zap et saute ce qui en dépendait. Activé, le Zap continue sans résultat.
  2. Create X if it doesn't exist yet?
    Sur les apps qui le proposent, cocher cette case crée l'élément manquant au lieu de s'arrêter. Les deux recherches Webflow n'ont pas cette variante.
  3. If multiple search results are found?
    Trois sorties quand plusieurs éléments correspondent : garder le premier, le choix par défaut, arrêter le Zap, ou tout transmettre d'un coup.
Quand ça casse

Quand un Zap Webflow casse

Les Zaps Webflow tombent pour une poignée de raisons. Les repérer tôt évite un contact perdu ou une commande jamais expédiée.

Zapier rattache à cette app un article d'aide intitulé Common Problems with Webflow on Zapier. Les cas ci-dessous viennent des limites communes à tous les Zaps et des champs Site et Collection que demande presque chaque étape Webflow. Si un Zap s'arrête sans raison apparente, commence par notre page Dépannage Zapier.

  • Les anciens formulaires n'arrivent jamais

    Un Zap ne réagit qu'à ce qui se passe après son allumage. Les envois et commandes d'avant restent dans Webflow, et rattraper cet historique est un autre chantier.
  • Un Zap de commandes se relance seul

    Un Zap qui lance Update Order sur le site que surveille son propre déclencheur Updated Order peut se relancer en boucle et vider ton quota de tâches.
  • Un import massif est retenu

    Quand un déclencheur renvoie d'un coup un très gros lot, après une migration par exemple, la protection de Zapier contre les afflux peut le retenir.
  • Site ou Collection hors de portée

    La plupart des étapes exigent un Site, et celles du CMS une Collection. L'étape ne se règle que sur un site auquel le compte connecté a accès : vérifie cet accès d'abord.
Besoin d'aide

Besoin d'aide pour automatiser Webflow avec Zapier ?

Une personne lit chaque message.

FAQ

Intégration Webflow Zapier : les questions fréquentes

01L'intégration Webflow Zapier est-elle gratuite ?
Oui, Webflow n'est pas réservé aux plans payants de Zapier : il fonctionne dès le plan gratuit. Ce plan donne 100 tâches par mois et des Zaps illimités, mais chaque Zap se limite à deux étapes, un déclencheur et une action. Envoyer un formulaire vers ton CRM rentre dans ce cadre. Dès que tu ajoutes un filtre, une recherche comme Find Item ou une deuxième action, le Zap devient multi-étapes et demande un plan payant.
02Combien de tâches Zapier consomme un Zap Webflow ?
Une tâche par action réussie, et rien pour le déclencheur. Recevoir un formulaire ou une commande ne coûte rien : c'est ce que fait le Zap ensuite qui compte. Un Zap qui crée un contact dans ton CRM pour chaque formulaire consomme une tâche par envoi. S'il poste aussi un message dans le chat de l'équipe, cela fait deux tâches par formulaire. Une action qui échoue n'est pas facturée, une étape cassée n'entame donc pas les 100 tâches mensuelles du plan gratuit.
03Webflow déclenche-t-il les Zaps en temps réel ?
Presque toujours. New Form Submission, New Comment, New Order et Updated Order sont instantanés : Webflow prévient Zapier sur le moment, sur tous les plans, gratuit compris. New Resolved Comment Thread fait exception. Il fonctionne par interrogation, vérifié toutes les 15 minutes sur le plan gratuit, toutes les 2 minutes sur Professional et chaque minute sur Team et Enterprise. Pour les formulaires et les commandes, tu as donc une réaction immédiate sans payer pour la vitesse.
04Que faut-il pour connecter Webflow à Zapier ?
Un compte Webflow et un compte Zapier. Tu ouvres la page Apps de Zapier, tu cliques sur + Add connection, tu cherches Webflow, tu te connectes dans l'onglet qui s'ouvre et tu autorises l'accès. Le compte choisi compte : presque chaque étape demande un Site, et celles du CMS une Collection. Si tu travailles sur le site d'un client, assure-toi que le compte connecté y a accès, puisque chaque étape en a besoin.
05Quelle différence entre Create Item et Create Live Item ?
Create Item ajoute une entrée dans une collection du CMS, et elle apparaît sur le site à la prochaine publication. Create Live Item la place directement sur le site en ligne. La même distinction existe pour les mises à jour, Update Item et Update Live Item, et pour les recherches, Find Item et Find Live Item. Prends la version simple quand quelqu'un doit relire avant la mise en ligne, et la version live seulement pour un contenu déjà validé.
06Et si l'action Webflow dont tu as besoin n'existe pas ?
Regarde API Request (Beta). C'est une action avancée qui envoie une requête brute à Webflow avec la connexion déjà en place, et elle peut aller chercher ce que les six actions toutes faites laissent de côté. Elle ne vise que les domaines de Webflow, et tu choisis si une erreur arrête le Zap. Elle suppose en revanche d'être à l'aise avec la documentation développeur de Webflow, une vraie marche au-dessus du choix d'une action dans une liste.
07Zapier, Make ou n8n pour automatiser Webflow ?
Tout dépend de tes critères, il n'y a pas de vainqueur unique. Zapier se prend en main vite et quatre de ses cinq déclencheurs Webflow sont instantanés, mais chaque action compte comme une tâche et les Zaps multi-étapes demandent un plan payant. Make et n8n se construisent et se facturent autrement, ce qui pèse dès qu'un scénario grossit ou tourne souvent. Compare sur trois critères : le mode de facturation, le nombre d'étapes de tes scénarios et qui maintiendra l'ensemble.