Comment créer de beaux formulaires Asana sans code

Asana est un outil de gestion de projet puissant, largement connu pour ses fonctionnalités robustes et son interface utilisateur simple. De nombreuses entreprises s’appuient sur les formulaires d’Asana, une méthode simple pour collecter des données et les acheminer directement vers vos projets.

Cependant, nous rencontrons souvent la question suivante : ” Asana peut-il créer des formulaires à plusieurs étapes ? “.

Mais à partir de mai 2023, Asana ne prendra plus en charge les formulaires à plusieurs étapes.

Les utilisateurs signalent également des options de style/personnalisation assez limitées, une logique conditionnelle limitée et un manque de types de champs pour les tâches de collecte de données plus complexes.

Cependant, il existe quelques façons de réaliser des formulaires de demande en plusieurs étapes dans Asana :

a.) Créer un formulaire dans Asana et accepter les limites inhérentes (pas nécessairement recommandé)

b.) Utiliser la fonctionnalité de logique de branchement d’Asana pour imiter dans une certaine mesure un formulaire en plusieurs étapes, bien que sans la transition fluide et l’intuitivité d’un véritable formulaire en plusieurs étapes (ce qui n’est pas idéal).

c.) Utilisez un générateur de formulaires tel que Growform pour créer un superbe formulaire en plusieurs étapes et envoyez les données directement à Asana (fortement recommandé).

Il est surprenant, compte tenu de la popularité et de la polyvalence des formulaires à plusieurs étapes, qu’Asana ne l’ait pas inclus dans son générateur de formulaires.

Ce guide Growform vous montrera comment créer des formulaires en plusieurs étapes dans Asana, en surmontant ses limitations natives grâce à des outils tiers.

C’est parti !

Pourquoi utiliser un formulaire en plusieurs étapes ?

Les formulaires multi-pages offrent de nombreux avantages par rapport aux formulaires classiques d’une page. Voici quelques-uns de ces avantages :

Meilleure interaction avec l’utilisateur: La décomposition d’un long formulaire en petits segments peut rendre le processus de remplissage du formulaire moins intimidant pour les utilisateurs. Cette méthode de structuration du formulaire réduira les risques d’abandon du formulaire par les utilisateurs et augmentera la probabilité de compléter le formulaire.

De meilleurs taux de conversion : En facilitant le processus de remplissage des formulaires, les formulaires à plusieurs étapes enregistrent des taux de conversion nettement supérieurs à ceux des formulaires à une seule étape. Les utilisateurs sont plus enclins à remplir un formulaire s’il n’est pas intimidant à première vue.

Meilleure acquisition de données: Les formulaires à plusieurs étapes permettent de recueillir des informations plus nuancées auprès des utilisateurs sans les submerger. En divisant le formulaire en sections distinctes, les utilisateurs peuvent fournir des données plus exhaustives, ce qui permet d’obtenir des pistes plus détaillées.

Meilleures pratiques pour la conception de formulaires à plusieurs étapes

Voici les meilleures pratiques pour la conception de formulaires à plusieurs étapes :

• Regroupez les champs apparentés: Regroupez les champs similaires pour rendre le formulaire plus cohérent et plus facile à suivre.
• Fournissez une barre de progression claire: Affichez un indicateur visuel de l’état d’avancement du formulaire, ce qui motive l’utilisateur à continuer.
• Divisez le formulaire en sections logiques: Divisez le formulaire en étapes gérables pour éviter de submerger l’utilisateur avec trop de questions à la fois.
• Évitez les pages longues et intimidantes: Veillez à ce que chaque étape soit courte et concise afin de maintenir l’engagement de l’utilisateur et d’éviter les abandons.
• Maintenez une conception propre et simple: Veillez à ce que la présentation du formulaire soit claire afin d’améliorer la concentration et de rendre le processus plus fluide.

Pourquoi utiliser un générateur de formulaires au lieu de recourir à des astuces et des solutions de contournement ?

Bien que l’utilisation de la logique de branchement d’Asana puisse vous permettre d’obtenir un formulaire qui fonctionne comme un formulaire à plusieurs étapes, nous avons une meilleure solution.

Growform a été spécialement conçu pour créer des formulaires à plusieurs étapes, qui peuvent être intégrés directement à votre site Web et qui permettent d’acheminer les prospects vers vos projets Asana de manière transparente.

Ce générateur de formulaires a été spécialement conçu pour augmenter le nombre de formulaires remplis.

En utilisant un outil tiers comme celui-ci, vous verrez toujours les données s’afficher dans Asana, mais vous bénéficierez également de tous les avantages d’un générateur de formulaires conçu à cet effet :

• Logique conditionnelle: Utilisez une logique conditionnelle ou de “saut” pour afficher ou masquer des champs ou des étapes entières en fonction des réponses des utilisateurs. Cela permet de rendre vos formulaires plus interactifs et personnalisés, ce qui vous permet de créer des expériences attrayantes et à fort taux de conversion.
• Plus d’options de style: Les formulaires d’Asana n’offrent pas d’options de personnalisation étendues en matière de polices et de couleurs, contrairement à des constructeurs de formulaires tiers comme Growform. Avec un formulaire visuellement attrayant qui reflète votre marque, les utilisateurs sont plus susceptibles de se faire une impression positive et de commencer à remplir votre formulaire.
• Barres de progression: L’inclusion d’une barre de progression dans votre formulaire à plusieurs étapes donnera à vos utilisateurs un sentiment d’achèvement et maintiendra leur engagement.
• Modèles de bonnes pratiques: Le générateur de formulaires d’Asana vous permet de créer d’excellents formulaires à partir de zéro, mais il n’offre pas encore de système de modèles complet. Les créateurs de formulaires comme Growform proposent plus de 20 modèles pour différents secteurs d’activité, ce qui vous permet d’adhérer dès le départ aux meilleures pratiques en matière de formulaires à plusieurs étapes.

Les avantages de la logique conditionnelle dans les formulaires

La logique conditionnelle est un outil puissant qui améliore considérablement l’expérience de l’utilisateur dans les formulaires. En rendant les formulaires plus dynamiques et interactifs, elle rationalise le processus de collecte des données et veille à ce que seules les questions pertinentes soient posées aux utilisateurs. Voici ses principaux avantages :

• Personnalisation: Les champs ou les questions peuvent apparaître en fonction des réponses précédentes, créant ainsi une expérience sur mesure pour chaque utilisateur.
• Frustration réduite: Les utilisateurs ne sont pas submergés par des questions non pertinentes ou inutiles, ce qui rend le formulaire plus simple et plus intuitif.
• Amélioration de la qualité des données: En affichant les bonnes questions au bon moment, la logique conditionnelle garantit une collecte de données plus précise et plus pertinente.
• Meilleur engagement de l’utilisateur: Les formulaires interactifs dotés d’une logique conditionnelle sont plus attrayants et guident les utilisateurs tout au long du processus, ce qui réduit le nombre d’abandons.
• Augmentation des taux de conversion: Une expérience plus personnalisée et rationalisée peut conduire à des taux de remplissage de formulaires plus élevés, ce qui a un impact direct sur les conversions.

Dans l’ensemble, la logique conditionnelle permet de rendre les formulaires plus intelligents, plus attrayants et plus efficaces, ce qui profite à la fois aux utilisateurs et à l’organisation qui collecte les données.

Guide étape par étape pour créer des formulaires Asana à étapes multiples avec Growform

Dans cette section, nous allons fournir un guide étape par étape sur la façon de créer un formulaire Asana à plusieurs étapes avec Growform.

À la fin du tutoriel, vous disposerez d’un magnifique formulaire doté d’une logique conditionnelle, d’une barre de progression et d’options de style avancées. Les prospects collectés seront directement envoyés dans Asana en tant que nouvelles tâches !

Pour ce tutoriel, nous supposerons que vous disposez déjà d’un compte Asana.

Étape 1 : S’inscrire et créer un nouveau formulaire

Pour commencer, vous devez ouvrir un compte Growform.

Une fois que vous avez créé un compte et que vous vous êtes connecté, vous serez dirigé vers le tableau de bord de Growform. Cliquez sur “Créer un nouveau formulaire” et choisissez le modèle qui vous convient.

Nous opterons pour “Aucun – commencer avec une ardoise vierge” :

Étape 2 : Modifiez vos champs

En quelques clics, nous pouvons supprimer les champs dont nous n’avons pas besoin et en ajouter de nouveaux :

Voici comment :

• Choisissez un champ en cliquant dessus
• Supprimer un champ en cliquant sur l’icône “supprimer” / “poubelle”.
• Ajoutez un champ en le sélectionnant dans la partie gauche.
• Modifier un champ en cliquant dessus et en modifiant les paramètres à gauche.

À la fin de cette étape, nous aurons quelque chose comme ceci :

Étape 3 : Modifier les paramètres de votre thème

Si la palette de couleurs bleues ne convient pas à votre marque, il est facile de modifier les options du thème pour changer un peu les choses :

Voici comment nous avons procédé :

• Cliquez sur “Thème” dans le coin supérieur droit
• Ajustez la police par défaut, la couleur primaire et la couleur du corps du texte à votre convenance.

Après avoir ajouté une image en haut du formulaire et ajusté légèrement les marges de chaque champ, nous pouvons obtenir un joli formulaire comme celui-ci :

Quel que soit le guide de style propre à votre marque, vous devez être en mesure de créer un formulaire qui soit esthétiquement agréable et qui s’intègre de manière transparente partout.

Si vous souhaitez ajouter d’autres étapes, vous pouvez le faire à l’aide du menu déroulant de navigation situé dans le coin supérieur gauche.

N’oubliez pas de cliquer sur “Enregistrer” lorsque vous avez terminé la construction !

Optimiser votre formulaire pour les appareils mobiles

L’optimisation mobile garantit que votre formulaire est facile à utiliser sur n’importe quel appareil. Avec un nombre croissant d’utilisateurs accédant au contenu via des smartphones, les formulaires doivent être réactifs, se charger rapidement et être visuellement attrayants quelle que soit la taille de l’écran. Il est essentiel d’ajuster la taille des champs, la disposition et les boutons pour qu’ils soient adaptés au toucher et que l’expérience mobile soit transparente.

Étape 4 : Intégrer le formulaire dans notre site web

Maintenant que nous avons construit un formulaire de base, nous devons récupérer le code d’intégration qui nous permettra de le placer sur notre page d’atterrissage ou notre site web.

Tout d’abord, saisissons le code d’intégration fourni par Growform. Toujours dans le constructeur, naviguez vers“Partager le formulaire” et ouvrez la première option.

Cliquez à l’intérieur de la boîte et copiez le code d’intégration dans votre presse-papiers :

Nous avons copié le code d’intégration. Vous devez maintenant le coller dans la zone HTML personnalisée de votre page d’atterrissage ou de votre constructeur de site web.

Souvent, votre constructeur de page d’atterrissage fournit un widget ou un outil qui permet de personnaliser le code HTML – il suffit de coller le code et d’enregistrer les modifications.

Vous trouverez ci-dessous des guides plus spécifiques pour chacun des principaux constructeurs de pages d’atterrissage :

• WordPress
• Elementor
• Unbounce
• Instapage
• Leadpages
• Flux Web

C’est bien ! Nous avons collé le code dans notre site WordPress et nous avons maintenant un formulaire à plusieurs étapes !

Si vous ne souhaitez pas intégrer le formulaire dans votre site web, ou si vous préférez simplement partager un lien vers le formulaire, c’est tout à fait possible – il existe également un lien partageable sur la page “Partager le formulaire”.

Étape 4 : Effectuer un test de soumission

Remplissons notre formulaire pour nous assurer que tout fonctionne correctement :

Il s’agit d’une étape importante, qui nous permet non seulement de voir le formulaire en action, mais aussi de permettre à Zapier de “voir” un exemple de piste lorsque nous configurerons l’intégration “nouvelle tâche” d’Asana à l’étape 5.

Étape 5 : Envoyez vos leads dans Asana sous forme de tâches

À ce stade, nous avons presque atteint notre but : notre formulaire est intégré à notre site web (ou partagé avec un lien) et recueille des pistes. Mais les pistes restent dans Growform…

Réglons ce problème en envoyant nos tâches sur Asana à l’aide de Zapier.

Zapier est la “colle” qui maintient ensemble Growform et des milliers d’intégrations. Si vous n’avez pas encore de compte, vous serez invité à en créer un. Il est proposé avec une période d’essai gratuite de 14 jours et permet d’obtenir 100 prospects par mois sans avoir besoin d’un plan payant.

Une fois que vous vous êtes inscrit ou connecté à Zapier, ouvrez votre tableau de bord pour connecter l’application Growform à Asana.

Nous allons le configurer de manière à ce que, lors de lasoumission d’un nouveau formulaire, ilcrée une tâche dans Asana :

Excellent ! Une fois que vous avez sélectionné les bonnes options, cliquez sur “Essayer” pour accéder à l’outil de création de Zap.

Sur l’écran suivant, cliquez sur la première case de la page, puis sur “Se connecter”. Suivez le lien vers votre compte Growform, copiez votre clé API, collez-la dans la case et enregistrez vos modifications :

Une fois que vous avez ajouté votre clé API, vous devriez voir une coche verte à côté de “account” et de vos informations de compte Growform dans Zapier :

Cliquez sur “Continuer” pour passer à l’étape “Déclencheur”.

À ce stade, il vous suffit de sélectionner votre formulaire et de cliquer sur “Tester le déclencheur”.

Zapier va maintenant trouver le formulaire de test que vous avez soumis précédemment – cliquez sur “Continuer” pour passer à l’étape suivante.

(Si vous n’avez pas créé de soumission de test dans Growform, faites-le maintenant avant de cliquer à nouveau sur “Test trigger”).

À ce stade, Zapier est connecté à Growform – il ne nous reste plus qu’à mapper les champs à Asana.

La connexion de Zapier à Asana ne prend qu’un instant : sous ” Action “, il suffit de cliquer sur ” Se connecter ” et d’approuver l’accès au compte.

Maintenant que nous sommes connectés à Asana, il nous suffit de faire correspondre les champs Growform aux champs Asana une fois que nous avons choisi notre espace de travail et les détails du projet.

Par exemple, pour ajouter l’adresse électronique d’un utilisateur à une tâche, écrivez le nom et/ou les détails de la tâche et utilisez le champ Growform pour le remplir :

Conseil : utilisez “ctrl+f” (ou l’équivalent sur votre clavier) pour trouver le champ que vous recherchez – il y a beaucoup de champs Asana dans le zap Nouvelle tâche !

Répétez cette opération pour chaque champ que vous souhaitez renseigner, puis cliquez sur “Continuer” pour tester votre zap.

Si la tâche Asana est créée correctement, vous devriez obtenir une réponse comme celle-ci :

Une fois que vous êtes satisfait de votre intégration, n’oubliez pas de cliquer sur “Publier” pour vous assurer qu’elle est active.

Vous verrez alors votre tâche créée dans votre compte Asana :

Voilà, vous avez réussi à créer une tâche Asana avec un formulaire à plusieurs étapes !

Désormais, chaque fois qu’un nouvel utilisateur remplira votre formulaire, il créera une tâche dans Asana.

Limites des formes originelles d’Asana

Le générateur de formulaires natif d’Asana, bien que fonctionnel pour la collecte de données de base, présente plusieurs limites qui peuvent gêner les entreprises à la recherche de fonctionnalités de formulaire avancées. En voici quelques-unes :

• Absence de formulaires en plusieurs étapes: Asana ne prend pas en charge les formulaires en plusieurs étapes, ce qui peut être crucial pour créer une expérience plus fluide et moins accablante pour les utilisateurs.
• Logique conditionnelle limitée: Les formulaires natifs offrent une logique conditionnelle de base, mais ne disposent pas des fonctions avancées permettant de créer des formulaires plus dynamiques et personnalisés, ce qui limite l’interactivité et l’engagement de l’utilisateur.
• Contraintes de style: Le générateur de formulaires d’Asana offre des options de personnalisation limitées pour la conception visuelle, ce qui empêche les entreprises d’aligner les formulaires sur l’esthétique de leur marque.
• Expérience utilisateur: La simplicité des formulaires d’Asana peut se traduire par une expérience utilisateur moins intuitive, ce qui entraîne une baisse de l’engagement et potentiellement des taux de remplissage des formulaires.
• Manque de souplesse pour la collecte de données complexes: Pour les tâches de collecte de données plus détaillées ou plus complexes, les formulaires d’Asana peuvent sembler restrictifs, car ils ne prennent pas en charge un large éventail de types de champs ou de structures de formulaire avancées.

Ces limites font que les formulaires natifs d’Asana sont moins adaptés aux entreprises qui recherchent des formulaires à forte conversion ou une expérience plus engageante et personnalisée pour les utilisateurs.

FAQ et conseils avancés

Comment envoyer les données du formulaire vers les champs personnalisés des tâches d’Asana ?

L’envoi des données du formulaire de Growform vers les champs personnalisés d’Asana via Zapier est le même processus que le remplissage de l’adresse e-mail, comme nous l’avons fait dans la dernière étape du guide.

Il vous suffit de créer un champ personnalisé dans vos tâches Asana. Ensuite, une fois que vous avez ajouté le champ, retournez dans Zapier et cliquez sur “Rafraîchir les champs” sous l’action pour voir votre nouveau champ et le mapper de la même manière que précédemment.

Y a-t-il un léger retard dans la réception des tâches ?

Oui, il est probable qu’il y ait un léger retard dans la réception des tâches. En effet, sur la plupart des plans, Zapier “interroge” (nous demande) pour savoir s’il y a de nouveaux formulaires remplis toutes les 15 minutes. Vous recevrez la plupart des pistes plus rapidement, mais vous pourrez attendre jusqu’à 15 minutes pour recevoir une tâche. Si vous avez besoin d’être beaucoup plus rapide, Zapier propose des plans qui permettent une interrogation toutes les 1 minutes.

Est-ce un moyen fiable de recevoir des tâches dans Asana ?

Oui, il s’agit d’une méthode populaire et solide comme le roc pour recevoir des tâches dans Asana. Growform est un générateur de formulaires en ligne populaire utilisé par des centaines d’entreprises, et Zapier est l’outil d’intégration des meilleures pratiques pour relier les outils entre eux. Une fois que tout est en place, il est facile de modifier le formulaire et de mettre à jour l’intégration.

Conclusion et prochaines étapes

En suivant ce guide, vous avez appris à créer un formulaire attrayant à plusieurs étapes qui s’intègre de manière transparente à Asana. L’utilisation de Growform pour surmonter les limites des formulaires natifs d’Asana permet d’améliorer la personnalisation, la logique conditionnelle et la fluidité de l’expérience utilisateur, ce qui se traduit par des taux de conversion plus élevés.

Ensuite, pourquoi ne pas ajouter d’autres étapes à votre formulaire, ajouter une logique conditionnelle ou ajuster davantage les paramètres du thème pour le rendre vraiment personnel ?

Si vous ne l’avez pas encore fait, vous pouvez commencer votre essai gratuit de 14 jours de Growform ici.