Webflow Logic – Automatisez vos sites sans code
Voici Webflow Logic, un véritable tournant qui révolutionne le fonctionnement des sites web. Imaginez un monde où des processus complexes sont automatisés sans écrire une seule ligne de code. C'est ce que Webflow Logic apporte.
Points clés :
- Webflow Logic est une fonctionnalité qui étend les capacités no-code, permettant l'automatisation basée sur des déclencheurs.
- Logic simplifie la création de flux de travail sans codage, améliorant ainsi les fonctionnalités de Webflow.
- Les fonctionnalités uniques de Webflow, telles que Designer, CMS, Editor et Interactions, en font une plateforme de référence pour le développement web.
Intégration de Logic Flow dans Webflow
Annoncé lors de la conférence No-Code 2021, Logic Flow de Webflow introduit un concept révolutionnaire : permettre à chacun d'exécuter des tâches avec la précision d'ingénieurs logiciels. Imaginez cela comme l'établissement de règles pour les actions de votre site web – les déclencheurs mènent à des actions, tout étant défini par vous.
Au 13 septembre 2022, la communauté pouvait postuler pour devenir testeurs de Logic, suite à la publication de la version bêta de Logic. Nous pouvons maintenant tirer parti du Logic flow en créant des flux représentés visuellement (flux de travail automatisés) qui spécifient quoi et quand une action autonome doit se produire lorsqu'un prospect est reçu via différents formulaires du site.
La grande force est que tout est planifié et géré au sein de la plateforme Webflow, éliminant ainsi la nécessité d'installer un logiciel tiers, comme Zapier par exemple. C'est absolument puissant pour quiconque comprend pleinement le véritable potentiel d'un logic flow.
Comment fonctionne vraiment Logic Flow
Imaginez un monde où toutes les fonctions de votre site web, de l'engagement client à la gestion des mises à jour de contenu et des prospects de vente, sont rationalisées au sein de Webflow lui-même. Logic Flow rend cela réel, éliminant le besoin de logiciels externes.
L'objectif de la création d'un logic flow est de permettre aux utilisateurs de contrôler et d'enregistrer les comportements des consommateurs, de synchroniser ces actions avec leur système de gestion de contenu, et de connecter des sites et des applications entre les plateformes.
Que vous génériez des prospects de vente pour votre entreprise ou que vous collectiez des inscriptions à des newsletters par e-mail, les formulaires sont l'un des outils les plus efficaces que tout site web puisse avoir.
L'idée centrale derrière Logic Flow est la capture des actions des utilisateurs, leur synchronisation avec le système de gestion de contenu et l'interconnexion transparente des applications. Il fonctionne selon le principe « si ceci – alors cela », automatisant sans effort les processus basés sur le web.
Autrement dit, Logic Flow peut :
Automatiser des tâches : Comme envoyer un e-mail de remerciement lorsque quelqu'un remplit un formulaire ou afficher du contenu différent selon le visiteur de votre site.
Connecter votre site web : À d'autres services tels que des plateformes de marketing par e-mail ou des bases de données.
Rendre votre site plus intelligent : En réagissant aux interactions des utilisateurs et en modifiant des éléments en fonction de leur comportement.
Il existe différents types de formulaires, mais nous allons tenter de démontrer cela à travers un formulaire de génération de leads.
Logic flow expliqué dans un formulaire de génération de leads
Considérez un formulaire de génération de leads dans Webflow qui s'adapte en fonction des sélections de l'utilisateur. C'est là que la magie de Logic Flow s'opère – des choix spécifiques déclenchent des actions prédéfinies, guidant les utilisateurs à travers une expérience personnalisée.
Jusqu'à ce que nous faisions défiler vers les champs individuels avec une sélection déroulante, ce formulaire serait plutôt simple. Ces options déroulantes sont les champs qui indiquent que le logic flow est implémenté dans le formulaire.
Lorsqu'il s'agit de sélectionner, dans notre cas, la « taille de l'entreprise », c'est l'interaction qui détermine les déclencheurs et active les actions subséquentes dans le logic flow derrière le formulaire.
Comme nous le voyons, il y a quatre options listées dans ce champ, ce qui signifie que la logique est conçue de telle manière qu'il y a au moins 4 flux d'actions en sous-sections. Dans ce cas, ces quatre options, selon la sélection effectuée dans le formulaire, activeront automatiquement la condition en arrière-plan de la conception du flux de travail logique.
Cette condition doit être encadrée et avoir une connexion logique avec les déclencheurs dans le formulaire. La condition IF mène toujours vers l'une des deux actions : Vrai ou Faux.
Lorsqu'une option du formulaire est choisie, la condition IF intervient et oriente l'activité suivante vers l'action Vrai ou Faux. Le processus est guidé de cette manière vers sa destination prévue et l'étape suivante par le flux d'actions.
Comme nous pouvons le voir dans l'exemple présenté ci-dessus, selon la condition activée, nous prédéfinissons quel e-mail envoyer à cette demande spécifique. Pour finir, le logic flow se clôt avec l'e-mail de clôture contenant le même message qui peut être envoyé aux destinataires en tant que dernière action.
Comment créer un flow via Webflow Logic ?
La création d'un flow comporte de nombreux détails, pour lesquels vous auriez besoin d'un guide plus long et plus complet disponible à la Webflow University. Néanmoins, nous vous fournissons ici 7 étapes à garder à l'esprit lors de la création d'un Logic flow pour les besoins de votre site.
Voici les étapes pour créer des flows dans Webflow Logic :
- Accédez à l'icône Logic dans la barre d'outils de gauche pour ouvrir le panneau Logic. De là, cliquez sur l'onglet Flows pour accéder aux informations de haut niveau sur vos flows et utilisez l'éditeur de flow pour créer, gérer et tester les flows.
- Cliquez sur Nouveau flow pour entrer dans l'éditeur de flow.
3. Donnez à votre nouveau flow un nom et une description pour clarifier son objectif et le différencier des autres flows.
4. Choisissez un déclencheur, puis cliquez et faites glisser des actions et des utilitaires vers les points de connexion sur le canevas de l'éditeur de flow.
5. Au fur et à mesure que vous construisez votre flow, une icône « clé à molette » jaune apparaîtra sur chaque bloc jusqu'à ce que ses paramètres soient configurés. Une fois les paramètres du bloc configurés, l'icône « clé à molette » jaune sera remplacée par une icône « coche » verte.
6. Vous pouvez réorganiser les blocs dans votre flow en les cliquant et en les faisant glisser vers différents points de connexion.
7. Vous pouvez également supprimer des blocs de votre flow en faisant un clic droit sur le bloc et en cliquant sur Supprimer le bloc, ou en sélectionnant le bloc et en appuyant sur Supprimer sur votre clavier.
Votre flow peut inclure des déclencheurs, des actions et des conditions. Mais il y a des limites au nombre de flows que vous pouvez inclure par site.
Si vous ajoutez plus de 20 flows, vous devrez supprimer un flow plus ancien pour en ajouter un nouveau. Par ailleurs, vous pouvez inclure jusqu'à 50 blocs conditionnels dans un seul flow.
Si vous souhaitez en savoir plus sur la façon d'ajouter des déclencheurs, de renommer des éléments, de créer des éléments CMS et d'explorer de nombreuses autres options de flow, consultez ce guide approfondi sur Webflow University.
La grandeur de Webflow lui-même
Selon certaines estimations, moins de 0,5 % de la population mondiale sait coder. Toutes les grandes idées d'innovation technologique dans les domaines économique, de la santé, des affaires et d'autres secteurs sont peut-être réalisées par ce petit groupe d'ingénieurs logiciels.
Face à ce constat, ainsi qu'à la promesse d'améliorations technologiques, industrielles, économiques et autres grâce à l'ingénierie logicielle, Webflow a cherché à surmonter le défi du manque de codeurs qualifiés.
COMMENT ?
Ils ont bouleversé le secteur des applications web avec toutes les fonctionnalités étonnantes qu'ils ont lancées depuis la création de leur exceptionnelle plateforme no-code, portant les applications web à un autre niveau.
Parmi ses fonctionnalités remarquables figure son unique Designer, un remplacement de HTML5, CSS3 et JavaScript par un canevas visuel fluide et facile à naviguer, permettant de convertir le design en un produit bien structuré et responsif.
Vient ensuite la grande fonctionnalité de Webflow, le CMS, compatible avec une utilisation par les designers, les rédacteurs, les développeurs et les stratèges de contenu.
Lorsqu'il s'agit de gérer le contenu d'un site web, cela s'avère souvent frustrant et chronophage en raison de tableaux de bord compliqués.
Grâce à leur excellent Editor, Webflow a réussi à simplifier le processus d'écriture et de modification du contenu directement sur le site, évitant ainsi la nécessité que d'autres membres de l'équipe interviennent dans le CMS back-end et ailleurs.
Créer de nouveaux contenus et les publier ne demande que de coller votre contenu et d'appuyer sur un seul bouton pour le publier en direct sur votre site.
Interactions est une autre fonctionnalité où Webflow excelle. Les capacités d'interaction et d'animation fournies par Webflow permettent aux designers de créer des animations riches et sophistiquées sans jamais avoir à considérer le codage sous-jacent.
Les animations parallaxes, le mouvement lié à la progression du défilement, les micro-interactions, les animations en plusieurs étapes, les effets post-rendu et les intégrations d'animations Lottie ne sont que quelques-unes des interactions pouvant être créées dans Webflow, toujours, sans ouvrir le </>.
En conclusion
L'objectif principal de Webflow est d'aider les créateurs no-code en leur donnant la capacité d'exprimer leurs idées sans avoir besoin d'une intervention tierce, en l'occurrence des codeurs et des développeurs en général.
Pour les passionnés de no-code, Webflow est la voie à suivre avec ses fonctionnalités existantes remarquables, et avec Logic et d'autres fantastiques fonctionnalités à venir.
