Comment utiliser Wized pour créer des web apps sur Webflow ?
Vous souhaitez créer une application web, mais vous êtes un expert Webflow et les interfaces des autres outils comme Bubble ne vous séduisent pas ? Wized est fait pour vous !
Wized est un outil no code complémentaire à Webflow, qui vous permets de créer des applications. Vous pouvez désormais ajouter des fonctions et exploiter des bases de données directement à travers Webflow. Vous êtes donc en mesure de développer des apps comme Uber ou Twitter !
Nous vous faisons découvrir cet outil très prometteur qui repousse les limites du no code et apporte des fonctionnalités toujours plus ambitieuses à Webflow.
I. Qu’est-ce que Wized ?
Wized est un outil no code spécialement construit pour Webflow. Son ambition est d’offrir la possibilité de développer des applications web avec Webflow.
Une application web est un type de site internet qui permet de réaliser une ou plusieurs action(s) spécifique(s). Elle se différencie par le fait qu’elle a généralement recours à des fonctions. Celles-ci utilisent souvent des bases de données et requièrent d’un code « back-end ».
Rappel : Le back-end d’un site regroupe tous les éléments logiques qui communiquent avec une base de données pour créer des interactions. Il est invisible pour un utilisateur du site, en opposition au front-end, qui regroupe tous les éléments visuels et interactifs présentés à l’utilisateur d’un site internet.
Wized a une interface intuitive qui vous permet d’ajouter la brique « back-end » à vos projets Webflow. Cela sert par exemple à créer des comptes utilisateurs, gérer des réservations, commander des produits sur une carte…
Grâce à Wized, vous serez donc en mesure de développer des marketplaces comme Airbnb directement sur Webflow !
Initialement créé par un indépendant, Wized appartient désormais à Finsweet et est en phase de développement. Pour accéder à l’outil, vous aurez besoin d’une invitation.
II. Comment fonctionne Wized ?
Wized fonctionne comme un relai entre Webflow et des applications tierces. Wized communique directement avec les éléments de Webflow et ne le traite pas comme une application externe, à l’inverse des outils d’automatisation populaires comme Zapier ou Make.
Wized peut donc échanger des informations avec votre base de données Airtable sans même devoir passer par le CMS, simplement grâce à des attributs personnalisés !
Sur l’image ci-dessous, cette connectivité est représentée par les onglets « Data in » et « Data out ».
Wized est également équipé de la fonction « Actions », responsable des éléments logiques de votre app. Wized transforme vos choix no code en code Javascript pour ajouter vos conditions et réactions associées.
III. Exemple des possibilités de Wized : Wanderlust
Prenons l’exemple proposé par Wized pour illustrer les capacités de l’outil. Wanderlust est un site qui vous permet de planifier un voyage à partir d’une destination, d’un budget et des dates d’aller et retour.
Votre page Webflow va se trouver de manière automatique dans l’application Wized. Grâce à la fonctionnalité « X-Ray », vous pouvez identifier l’ensemble des éléments qui ont un attribut propre à Wized. Cela vous permet ensuite de communiquer avec eux pour établir des fonctions.
On voit dans notre exemple le label « input_destination » collé au champ de texte dans lequel l’utilisateur va renseigner sa destination.
De la même manière, les encarts « input_startDate », « input_endDate » et « input_budget » vont recueillir les informations de date et de budget.
Une fois les informations collectées, nous allons utiliser les actions pour envoyer ces données à l’API de OpenAI afin que son modèle GPT-3 nous fournisse une réponse.
Une fois la connexion faite, « Data Out » se charge d’afficher la réponse obtenue à l’écran.
Le site est maintenant fonctionnel !
Nous vous invitons à tester Wanderlust par vous-même si vous souhaitez planifier votre prochain voyage !
Conclusion
Wized se présente donc comme un complément à Webflow Logic, qui est encore assez limité en termes d’actions possibles.
La communauté Webflow se montre très créative une fois de plus et propose de nouvelles solutions pour améliorer l’outil, qui devient de plus en plus polyvalent !
Pour apprendre à maîtriser Webflow, nous vous invitons à retrouver nos tutoriels sur Webflow !
.svg)