Tally.so + Webflow : formulaires qui convertissent (guide 2026)

Les formulaires Webflow font le travail pour des cas simples : un champ email, un formulaire de contact basique, une inscription newsletter. Mais dès que le besoin se complique (multi-étapes, logique conditionnelle, upload de fichiers, paiement, intégrations), les limites apparaissent vite. Ce n'est pas un bug : Webflow n'est pas un form builder, c'est une plateforme de création de sites web.

Le réflexe classique est alors de chercher un plugin ou un workaround. Mais la solution la plus propre est souvent la plus simple : utiliser un outil de formulaires dédié, et l'intégrer dans Webflow. Tally.so est devenu un choix de référence pour ça, parce qu'il combine simplicité, puissance et une intégration native par embed qui fonctionne bien dans Webflow.

Cet article vous explique quand et pourquoi utiliser Tally avec Webflow, comment l'intégrer concrètement, comment suivre les conversions, et quelles bonnes pratiques appliquer pour que vos formulaires génèrent des résultats.

‍

Tally, c'est quoi (et pourquoi ça marche)

Tally est un form builder en ligne qui permet de créer des formulaires avancés sans écrire de code. L'interface ressemble à celle de Notion : vous tapez, vous structurez, vous ajoutez des blocs (champs texte, choix multiples, upload, paiement, logique conditionnelle, calculs). Le formulaire est prêt en quelques minutes, hébergé sur Tally, et intégrable partout via un lien ou un embed.

Ce qui distingue Tally de la plupart des alternatives, c'est son modèle. La version gratuite est généreuse : formulaires illimités, réponses illimitées, logique conditionnelle, upload de fichiers, intégrations de base. Les fonctionnalités premium (domaine personnalisé, suppression du branding, paiement, intégrations avancées) sont accessibles sur le plan payant, mais le plan gratuit couvre déjà la majorité des besoins d'une PME ou d'une équipe marketing.

L'autre force de Tally, c'est la qualité de l'expérience utilisateur côté répondant. Les formulaires sont rapides, propres, et bien adaptés au mobile. Pas de design surchargé, pas de temps de chargement excessif. C'est un outil qui fait une chose bien, et qui le fait simplement.

‍

Tally vs Webflow : qui fait quoi

Webflow et Tally ne sont pas concurrents. Ils se complètent. Webflow est excellent pour construire un site performant, structuré, rapide, avec un CMS flexible et un contrôle total sur le design. Tally est excellent pour construire des formulaires avancés avec de la logique, des étapes, des intégrations et une UX pensée pour la conversion.

Le problème que beaucoup d'équipes rencontrent avec les formulaires natifs de Webflow, c'est qu'ils sont pensés comme un composant du site, pas comme un outil de conversion à part entière. Ils fonctionnent bien pour des cas simples, mais ils atteignent leurs limites dès que le besoin va au-delà du formulaire de contact classique.

En résumé : pour un formulaire de contact simple et totalement intégré au design du site, les formulaires Webflow suffisent. Pour tout le reste (multi-étapes, logique, fichiers, paiement, intégrations, qualification), Tally est un complément naturel.

‍

Quand utiliser Tally (cas d'usage concrets)

Lead generation B2B (audit, devis, prise de brief)

C'est le cas d'usage le plus fréquent. Une PME ou une agence qui propose un audit, un devis, ou un appel découverte a besoin d'un formulaire qui qualifie le prospect en amont. Avec Tally, vous pouvez poser les bonnes questions en plusieurs étapes (secteur, budget, objectif, deadline), afficher des champs conditionnels selon les réponses, et envoyer le tout directement dans Notion, un Google Sheet ou votre CRM via Make ou Zapier.

Le résultat : l'équipe commerciale reçoit des leads pré-qualifiés, avec du contexte, au lieu d'un simple "nom + email + message vague".

Formulaires multi-étapes et qualification progressive

Les formulaires longs font fuir les visiteurs. La solution n'est pas de supprimer des champs, mais de les répartir sur plusieurs étapes. Tally permet de créer des formulaires multi-étapes natifs, avec une barre de progression, et d'afficher ou masquer des questions selon les réponses précédentes.

C'est utile pour les demandes de devis complexes, les briefs créatifs, les inscriptions à des programmes, ou toute situation où vous avez besoin de collecter beaucoup d'informations sans saturer le visiteur.

Upload de fichiers

L'upload de fichiers sur les formulaires Webflow existe, mais il est limité par le plan d'hébergement : la taille des fichiers et le stockage total dépendent du plan souscrit. Pour certaines PME, ces limites sont un frein, surtout quand le formulaire demande des documents lourds (maquettes, cahiers des charges, CV avec portfolio).

Tally gère l'upload nativement, avec jusqu'à 10 Mo par fichier sur le plan gratuit et davantage sur le plan payant. Les fichiers sont stockés par Tally, pas sur votre hébergement Webflow. C'est un contournement propre et fiable.

Formulaires de paiement

Si vous avez besoin de collecter un paiement dans un formulaire (acompte pour un audit, inscription payante à un événement, achat d'un micro-produit), Tally propose une intégration Stripe native sur le plan payant. Le visiteur remplit le formulaire et paie dans le même flux, sans être redirigé vers une page externe.

C'est une alternative simple à Webflow Commerce pour les cas où vous n'avez pas besoin d'une boutique complète, mais juste d'un point de paiement ponctuel.

Recrutement et candidatures

Un formulaire de candidature a souvent besoin de champs texte, de menus déroulants, d'upload de fichiers (CV, lettre de motivation, portfolio), et parfois de logique conditionnelle (afficher des questions différentes selon le poste sélectionné). Tally couvre tout ça, et les réponses peuvent être envoyées automatiquement dans Notion ou un Google Sheet pour que l'équipe RH les traite.

Support, bug reports et feedback

Pour les entreprises SaaS ou les agences qui gèrent des projets clients, un formulaire de signalement de bug ou de demande support structuré est plus efficace qu'un email libre. Avec Tally, vous pouvez demander une description, un screenshot (upload), un niveau de priorité, et router la réponse vers Slack, Notion ou un outil de gestion de projet.

Les formulaires de feedback (NPS, satisfaction, retour post-prestation) suivent la même logique : des questions courtes, une logique conditionnelle pour approfondir si le score est bas, et une intégration directe vers l'outil de suivi.

‍

Intégrer Tally dans Webflow (pas à pas)

L'intégration de Tally dans Webflow se fait par embed. Tally génère un code à coller dans un bloc HTML embed de Webflow. Voici comment procéder.

Créer le formulaire dans Tally

Construisez votre formulaire dans l'interface Tally. Configurez les champs, la logique conditionnelle, les intégrations (où envoyer les réponses), et la page de confirmation. Testez-le en preview pour vérifier le parcours.

Récupérer le code embed

Dans Tally, cliquez sur "Share" puis "Embed". Tally vous propose plusieurs options : un embed standard (iframe), un embed en mode popup, ou un embed en mode slider. Pour une intégration dans une page Webflow, l'embed standard est le plus courant. Copiez le code fourni.

Le code ressemble à ceci (l'URL et les paramètres varient selon votre formulaire) :

<iframe data-tally-src="https://tally.so/embed/VOTRE_ID?alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=1" loading="lazy" width="100%" height="500" frameborder="0" marginheight="0" marginwidth="0" title="Votre formulaire"></iframe><script>var d=document,w="https://tally.so/widgets/embed.js",v=function(){"undefined"!=typeof Tally?Tally.loadEmbeds():d.querySelectorAll("iframe[data-tally-src]:not([src])").forEach((function(e){e.src=e.dataset.tallySrc}))};if("undefined"!=typeof Tally)v();else if(d.querySelector('script[src="'+w+'"]')==null){var s=d.createElement("script");s.src=w,s.onload=v,s.onerror=v,d.body.appendChild(s)}</script>

‍


Coller dans Webflow

Dans le Designer Webflow, ajoutez un composant "Embed" (HTML embed) à l'endroit souhaité dans votre page. Collez le code embed de Tally. Publiez le site pour voir le rendu final (l'embed n'est pas visible en mode preview dans le Designer, uniquement sur le site publié ou en mode preview du site).

Recommandations UX

Largeur. Placez l'embed dans un conteneur qui a une largeur adaptée au formulaire. Un formulaire trop étroit (moins de 400 px) devient difficile à utiliser sur desktop. Un formulaire trop large perd en lisibilité. Une largeur de 600 à 800 px fonctionne bien dans la plupart des cas.

Hauteur. Si vous utilisez le paramètre dynamicHeight=1 dans l'URL de l'embed, Tally ajuste automatiquement la hauteur de l'iframe au contenu. C'est recommandé pour éviter les barres de scroll internes. Si vous fixez une hauteur manuellement, testez le formulaire complet pour vous assurer que tout est visible sans scroll.

Responsive. L'embed Tally est responsive par défaut. Testez sur mobile pour vérifier que les champs, les boutons et les étapes sont utilisables sans zoom. Si le formulaire est intégré dans une section avec des marges serrées, ajustez le padding du conteneur dans Webflow.

Apparence. Tally propose des options de personnalisation (couleurs, typo, arrière-plan transparent). Le paramètre transparentBackground=1 permet au formulaire de s'intégrer visuellement dans votre page Webflow sans rupture de style. Adaptez les couleurs du formulaire pour qu'elles soient cohérentes avec votre charte.

Où envoyer les réponses

Tally propose des intégrations directes vers Notion, Google Sheets, Airtable, Slack, et HubSpot. Pour des workflows plus complexes, utilisez les webhooks de Tally avec Make (ex-Integromat) ou Zapier : chaque soumission déclenche un scénario qui peut envoyer un email, créer une tâche, mettre à jour un CRM, ou notifier une équipe.

Le choix dépend de votre stack existant. Si votre équipe travaille dans Notion, envoyez les réponses dans une base Notion. Si vous utilisez un Google Sheet comme mini-CRM, connectez-le directement. L'important est que les réponses arrivent là où quelqu'un les traite, pas dans un dashboard Tally que personne ne consulte.

‍

Tracking : mesurer les soumissions et la performance

Intégrer un formulaire sans mesurer son taux de complétion, c'est piloter à l'aveugle. Voici comment suivre les soumissions d'un formulaire Tally intégré dans Webflow.

Les event listeners Tally

Tally propose des événements JavaScript qui se déclenchent à des moments clés du parcours formulaire : ouverture, soumission, fermeture (pour les popups). Vous pouvez écouter ces événements et déclencher des actions côté analytics.

L'événement principal est Tally.FormSubmitted. Voici un exemple simple d'écoute dans le custom code de votre page Webflow (à placer dans le footer code de la page ou du projet) :

<script>window.addEventListener('message', function(e) {  if (e.data && e.data.event === 'Tally.FormSubmitted') {    // envoyer un événement à Google Analytics 4    if (typeof gtag === 'function') {      gtag('event', 'form_submission', {        'event_category': 'tally',        'event_label': e.data.payload.formId      });    }    // ou envoyer à GTM via dataLayer    window.dataLayer = window.dataLayer || [];    window.dataLayer.push({      'event': 'tally_form_submitted',      'tally_form_id': e.data.payload.formId    });  }});</script>

‍Ce script écoute les messages envoyés par l'iframe Tally. Quand un formulaire est soumis, il déclenche un événement dans Google Analytics 4 ou dans le dataLayer de Google Tag Manager. Vous pouvez ensuite utiliser cet événement comme conversion dans GA4 ou comme déclencheur dans GTM.

Suivi via les intégrations Tally

Si vous ne voulez pas toucher au code, les intégrations Tally offrent un suivi indirect. Chaque soumission envoyée dans un Google Sheet, une base Notion, ou un webhook constitue un enregistrement que vous pouvez compter et analyser. Ce n'est pas un tracking temps réel comme un événement analytics, mais c'est suffisant pour suivre le volume et la qualité des réponses.

Calculer le taux de complétion

Pour estimer le taux de complétion de votre formulaire, divisez le nombre de soumissions (réponses Tally) par le nombre de visiteurs sur la page contenant le formulaire (disponible dans Google Analytics ou Webflow stats). Si votre page reçoit 1 000 visiteurs par mois et que Tally enregistre 40 soumissions, votre taux est de 4 %. C'est cette métrique que vous suivez pour évaluer si vos optimisations fonctionnent.

‍

Bonnes pratiques pour augmenter la conversion d'un formulaire

Un bon formulaire ne se résume pas à un bon outil. C'est une combinaison de structure, de clarté, et de réduction de friction. Voici les règles qui ont le plus d'impact.

Réduire la friction au minimum

Chaque champ est un obstacle. Chaque étape est un moment où le visiteur peut décider que ça ne vaut pas le coup. Posez-vous la question pour chaque champ : est-ce que j'en ai vraiment besoin maintenant, ou est-ce que je peux le collecter plus tard ? Un formulaire de premier contact n'a pas besoin du numéro de téléphone, du nom de l'entreprise, du poste, du budget, et du message. Nom, email, et une question ouverte suffisent dans la majorité des cas pour engager la conversation.

Utiliser les étapes pour les formulaires longs

Si vous avez besoin de beaucoup d'informations, ne les demandez pas sur une seule page. Répartissez-les en 3 à 5 étapes courtes, avec une barre de progression visible. Le visiteur avance pas à pas au lieu de faire face à un mur de champs. Sur Tally, les multi-étapes sont natifs et simples à configurer.

Exploiter la logique conditionnelle

Ne montrez que les champs pertinents. Si le visiteur sélectionne "e-commerce" comme type de projet, affichez les questions liées à l'e-commerce. S'il sélectionne "site vitrine", passez directement aux questions suivantes. Ça réduit le nombre de champs visibles, ça personnalise le parcours, et ça augmente le taux de complétion.

Soigner le micro-copy

Le texte autour et dans le formulaire compte autant que les champs eux-mêmes. Les labels doivent être clairs et courts. Les placeholders doivent donner un exemple concret, pas reformuler le label. Le bouton de soumission doit indiquer ce qui se passe ensuite ("recevoir mon audit" plutôt que "envoyer"). Et la page de confirmation doit rassurer : "on revient vers vous sous 24 h" est plus utile qu'un "merci" générique.

Penser mobile d'abord

Plus de la moitié des visiteurs rempliront votre formulaire sur mobile. Testez systématiquement sur un vrai téléphone : les champs sont-ils assez grands pour être tapés au pouce ? Les menus déroulants fonctionnent-ils ? Le bouton de soumission est-il visible sans scroller ? Tally est bien adapté au mobile par défaut, mais la mise en page de la page Webflow qui contient l'embed peut créer des problèmes si les marges et le conteneur ne sont pas pensés pour les petits écrans.

‍

Conclusion

Webflow construit de très bons sites. Tally construit de très bons formulaires. Utilisés ensemble, ils couvrent un périmètre large sans complexifier la stack technique : le site reste rapide, managé, et autonome pour l'équipe marketing, et les formulaires gagnent en puissance, en flexibilité et en intégrations.

Si vos formulaires actuels sont un point de friction (taux de complétion faible, manque de qualification, limitations d'upload ou d'intégration), tester Tally sur un cas d'usage concret prend moins d'une heure. Et si vous voulez aller plus loin sur l'optimisation de vos parcours de conversion sur Webflow, on peut en discuter.