Webflow Logic — Automatisez les sites Web sans code

Entrez dans Webflow's Logic, un outil révolutionnaire qui révolutionne le fonctionnement des sites Web. Imaginez ceci : un monde où les processus complexes sont automatisés sans écrire une seule ligne de code. C'est ce que Webflow Logic apporte.

Points clés à retenir:

• Webflow's Logic est une fonctionnalité qui étend les capacités sans code, permettant une 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 plate-forme exceptionnelle pour le développement Web.

Intégration du flux logique 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 des ingénieurs logiciels. Considérez-le comme définissant les règles pour les actions de votre site Web : les déclencheurs mènent à des actions, toutes définies par vous.

Depuis le 13 septembre 2022, la communauté a pu postuler pour des testeurs Logic, grâce à la version bêta de Logic. Nous pouvons désormais exploiter le flux logique 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 à partir de divers formulaires de site.

La grande force est que tout est planifié et géré au sein de la plateforme Webflow, éliminant ainsi le besoin d'installer des logiciels tiers, comme Zapier par exemple. C’est absolument puissant pour quiconque exploite pleinement le véritable potentiel d’un flux logique.

Comment fonctionne réellement Logic Flow

Imaginez un monde dans lequel toutes les fonctions de votre site Web, de l'engagement des clients à la gestion des mises à jour de contenu et des prospects, sont rationalisées au sein même de Webflow. Logic Flow concrétise cela en éliminant le besoin de logiciels externes.

L'objectif de la création d'un flux logique 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 sur plusieurs plates-formes.

Que vous génériez des prospects pour votre entreprise ou que vous collectiez des inscriptions à une newsletter par e-mail, les formulaires sont l'un des outils les plus efficaces qu'un site Web puisse disposer.

L'idée principale derrière Logic Flow est de capturer les actions des utilisateurs, de les synchroniser avec le système de gestion de contenu et d'interconnecter les applications de manière transparente. Il fonctionne selon le principe « si ceci alors cela », automatisant sans effort les processus basés sur le Web.

En d'autres termes, Logic Flow peut :

Automatiser les tâches : comme envoyer un e-mail de remerciement lorsque quelqu'un remplit un formulaire ou afficher un contenu différent en fonction de la personne qui visite votre site.

Connectez votre site Web : à d'autres services tels que des plateformes de marketing par e-mail ou des bases de données.

Rendez votre site plus intelligent : en réagissant aux interactions des utilisateurs et en modifiant les choses en fonction de leur comportement.

Il existe différents types de formulaires, mais nous allons essayer de le démontrer à travers un formulaire de génération de Lead.

Flux logique expliqué dans le formulaire de génération de leads

Envisagez un formulaire de génération de leads dans Webflow qui s'adapte en fonction des sélections des utilisateurs. Ici, la magie de Logic Flow opère : des choix spécifiques déclenchent des actions prédéfinies, guidant les utilisateurs à travers une expérience sur mesure.

Jusqu'à ce que nous descendions jusqu'aux 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 flux logique 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 ultérieures sur le flux logique derrière le formulaire.

Comme nous le voyons, quatre options sont répertoriées dans ce champ, ce qui signifie que la logique est conçue de manière à ce qu'il y ait au moins 4 flux d'action sous-sections. Dans ce cas, ces quatre options, en fonction de la sélection que nous effectuons dans le formulaire, activeront automatiquement la condition en arrière-plan de la conception du workflow logique.

Cette condition doit être limitée et avoir une connexion logique avec les déclencheurs du formulaire. La condition IF conduit toujours vers l’une des deux actions, Vrai ou Faux.

Lorsqu'une option de formulaire est choisie, la condition IF entre en jeu et dirige l'activité suivante vers l'action Vrai ou Faux. Le processus est ainsi guidé 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, en fonction de la condition activée, nous prédéfinissons quel email envoyer pour cette demande spécifique. En fin de compte, clôturez le flux logique avec l'e-mail de clôture avec le même message qui peut être transmis aux destinataires comme dernière action.

Comment créer un flux via Webflow Logic ?

Il y a de nombreux détails lors de la création d'un flux, et pour cela, vous auriez besoin d'un guide plus long et plus complet fourni par Webflow University , néanmoins, nous vous fournirons ici 7 étapes que vous devez garder à l'esprit lors de la création d'un flux logique. pour les besoins de votre site.

Voici les étapes à suivre pour créer des flux dans Webflow Logic :

1. Accédez à l' icône Logique dans la barre d'outils de gauche pour ouvrir le panneau Logique. À partir de là, cliquez sur l'onglet Flux pour accéder à des informations générales sur vos flux et utilisez l'éditeur de flux pour créer, gérer et tester des flux.
2. Cliquez sur Nouveau flux pour accéder à l'éditeur de flux.
   

1. Donnez à votre nouveau flux un nom et une description pour clarifier l'objectif de votre flux et le différencier des autres flux.

4. Choisissez un déclencheur, puis cliquez et faites glisser les actions et les utilitaires vers les points de connexion sur le canevas de l'éditeur de flux.
   

4. Au fur et à mesure que vous construisez votre flux, une icône jaune « clé » apparaîtra sur chaque bloc jusqu'à ce que ses paramètres de bloc soient configurés. Une fois les paramètres du bloc configurés, l'icône jaune « clé » sera remplacée par une icône verte « coche ».
5. Vous pouvez réorganiser les blocs de votre flux en cliquant dessus et en les faisant glisser vers différents points de connexion.
6. Vous pouvez également supprimer des blocs de votre flux en cliquant avec le bouton 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 flux peut inclure des déclencheurs, des actions et des conditions. Mais il existe des limites quant au nombre de flux que vous pouvez inclure par site. Si vous ajoutez plus de 20 flux, vous devrez supprimer un flux plus ancien pour en ajouter un nouveau. D’un autre côté, vous pouvez inclure jusqu’à 50 blocs conditionnels dans un seul flux.

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 flux, consultez ce guide complet sur Webflow University.

Grandeur de Webflow lui-même

Selon certaines estimations, moins de 0,5 pour cent de la population mondiale sait coder. Toutes les grandes idées de l’innovation technologique dans les domaines de l’économie, des soins de santé, des affaires et d’autres secteurs peuvent éventuellement prendre vie grâce à ce petit groupe d’ingénieurs logiciels.

Compte tenu de ce fait, ainsi que de la promesse d’améliorations globales technologiques, industrielles, économiques et autres grâce à l’ingénierie logicielle, Webflow a cherché à surmonter le défi posé par le manque de codeurs humains qualifiés.

COMMENT?

Ils ont écrasé l'industrie des applications Web avec toutes les fonctionnalités étonnantes qu'ils ont lancées depuis la création de leur plate-forme exceptionnelle sans code, plaçant l'application Web à un autre niveau.

Quelques-unes de ses fonctionnalités exceptionnelles incluent son Designer unique , un remplacement de HTML5, CSS3 et JavaScript par un canevas visuel fluide et facile à naviguer, permettant de convertir la conception en un produit bien structuré et réactif.

Viennent ensuite la prochaine grande fonctionnalité de Webflow, le CMS , qui est compatible pour être utilisé par les concepteurs, les éditeurs, 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 généralement frustrant et prend beaucoup de temps en raison des tableaux de bord compliqués.

Grâce à leur génial éditeur , Webflow a réussi à simplifier le processus de rédaction et d'édition du contenu directement sur le site, évitant ainsi la nécessité pour d'autres membres de l'équipe d'intervenir dans le CMS back-end et autres.

Pour créer un nouveau contenu et le publier, il suffit de coller votre contenu et d'appuyer sur un seul bouton pour le publier en direct sur votre site.

Les interactions sont une autre fonctionnalité sur laquelle Webflow évolue. Les capacités d'interaction et d'animation fournies par Webflow permettent aux concepteurs de créer des animations riches et sophistiquées sans jamais avoir à prendre en compte le codage sous-jacent.

Les animations de parallaxe, le mouvement lié à la progression du défilement, les micro-interactions, les animations en plusieurs étapes, les effets secondaires et les intégrations d'animation Lottie ne sont que quelques-unes des interactions qui peuvent être créées sur Webflow, toujours, sans ouvrir le </> .

En conclusion

L'objectif principal de Webflows est d'aider les créateurs sans code en leur donnant la possibilité d'exprimer leurs idées sans avoir besoin de l'intervention de tiers, en l'occurrence les codeurs et les développeurs en général.

Pour les passionnés de no-code , Webflow est la voie à suivre avec ses fonctionnalités existantes exceptionnelles, ainsi que Logic et d'autres fonctionnalités fantastiques à venir.