Débloquer les pouvoirs de Webflow

Webflow est un outil de conception puissant permettant de créer des sites internets innovants qui répondent aux besoins de nos clients.

Cependant, l’outil souffre de quelques limites qui empêchent de proposer des fonctionnalités sans aide extérieure. Nous pouvons par exemple citer les collections CMS, dans lequelles il n’est possible d’intégrér qu’une seule autre collection CMS. A elle seule, cette restriction empêche la mise en place de bases de données complexes, parfois vitales pour un client.

Heureusement, l’équipe de développement Webflow travaille d’arrache pied pour proposer de nouvelles fonctionnalités, et la communauté met ses compétences à profit pour trouver des solutions provisoires.

Dans cet article, nous faisons le point sur ces solutions qui nous boostent notre productivité.

‍

Comment supprimer ces limitations ?

‍

Webflow propose d’intégrer du code Javascript et Jquery qui permettent de passer outre ses limitations, mais de solides connaissances sont nécessaires pour les contourner. Grâce à la bienveillance de la communauté, de nombreux add-ons et solutions sont disponibles pour aider les nouveaux utilisateurs.

Certaines entreprises de la communauté développent également leurs propres outils et les mettent à disposition gratuitement. Si cela peut paraître contre-intuitif, ces entreprises ont au contraire tout à gagner en notoriété mais aussi dans l’essor de Webflow et de sa communauté, en se positionnant en tant que leader de cette dernière.

Nous y sommes : Voici notre top non-exhaustif des outils et personnes à suivre pour débloquer tout le potentiel de Webflow, même sans coder !

‍

Finsweet

‍

‍

Finsweet est une entreprise que l’on ne présente plus dans la communauté Webflow tant elle s’investit pour développer la communauté et proposer toujours plus de nouveaux outils gratuitement. Elle est en réalité si influente que Webflow n’hésite pas à la mettre en avant à travers sa section showcase.

Récemment, l’équipe a publié Finsweet attributes, une bibliothèque d’outils et ressources pour contourner certaines limitations. Par exemple, un système de filtrage par tags, des sliders dynamiques et de nombreux outils surpuissants et implémentables facilement. Cette bibliothèque vous permet de créer vos propres éléments from scratch à l’aide d’attributs que vous allez rajouter sur Webflow.

‍

‍

C’est par ici 👉  https://www.finsweet.com/attributes/

‍

Au delà de cette bibliothèque, Finsweet participe activement à développer la communauté à travers des templates gratuits, des webinaires réguliers, une certification client-first (qui permet d’attester que vous suivez une méthodologie rigoureuse de construction de site) et bien d’autres outils...

‍

Wizardry

‍

‍

Créé par Timothy Ricks, un expert Webflow oeuvrant à partager ses connaissances à la communauté, Wizardry permet de construire un site grâce à sa technique responsive en utilisant les em qui s’ajustent comme les vw mais avec une max-width définie.

Cette méthode responsive ajuste les éléments en fonction de la page à tout instant, à l’inverse de la méthode Finsweet client-first qui ajuste les éléments en fonction de breakpoints et dont l’unité est le rem.  C’est une méthode plus complexe à mettre en oeuvre car elle demande parfois du code Javascript à intégrer mais propose une méthode responsive innovante.

Wizardry propose également un JQuery builder pour aider à manipuler des éléments sur la page grâce au code. Les nombreux tutoriels de Timothy Ricks permettent d’apprendre à maîtriser ses outils sur Youtube et nous vous invitons à consulter ses vidéos.

‍

C’est par ici 👉 https://wizardry-technique.webflow.io/

‍

Tiny Resources

‍

‍

Tiny resources propose de nombreux contenus gratuits et des vidéos explicatives pour apprendre à intégrer ces éléments. À l’inverse de Finsweet et Wizardry, ces éléments sont des clonables à dupliquer et personnaliser selon ses besoins. C’est une méthodologie différente et peut permettre de répondre à des besoins rapides à mettre en place mais il faut parfois passer beaucoup de temps à modifier les éléments.

Chez DropD, nous préférons réaliser nous-mêmes nos fonctionnalités avec une approche “from scratch” pour répondre au mieux au besoin de nos clients mais ce type de ressources permet de gagner du temps.

‍

C’est par ici 👉 https://www.tiny-resources.com/

‍

Refokus tools

‍

Refokus est une entreprise Allemande qui croît de manière exponentielle et a été propulsée au rang d’entreprise partenaire Webflow. Elle propose de nombreux clonables à personnaliser qui sont d’une grande qualité et des éléments similaires à Finsweet qui permettent d’ajouter des Attributs pour concevoir vos propres éléments avec des limitations réduites.

‍

‍

C’est par ici 👉 https://www.webflow-tools.refokus.com/

‍

PixelGeek

‍

‍

PixelGeek est un expert Webflow souvent mis en avant par l’entreprise, il propose des tutoriels Youtube pas à pas pour intégrer des contenus complexes. Nous vous conseillons de suivre ses tutoriels car ils sont bien réalisés et permettent d’en apprendre plus sur Webflow. Youtube est une mine d’or pour trouver des tutoriels sur Webflow et leur chaîne est un bon point de départ pour commencer son aventure Webflow.

‍

C’est par ici 👉 https://www.pixelgeek.co/

‍

Autres ressources utiles

‍

Il existe de nombreuses autres ressources disponibles pour Webflow et la liste continue de s’agrandir, voici les mentions honorables des autres fournisseurs d’outils. Certains de ces outils sont payants à l’inverse de tous les outils déjà cités.

Jetboost

Flowbase

Codecrumbs

‍

Améliorez vos contenus et vos compétences

‍

Tous ces outils permettent un vrai gain de temps, d’une part en évitant de longues heures de codes mais aussi en offrant un vraie formation à l’écosystème de Webflow. En les intégrant, vous aurez envie d’en apprendre plus sur le code et vous serez capable de proposer une palette de services additionnels grâce à eux.

A présent, c’est à vous de jouer mais si vous avez besoin de l'aide d'experts, n'hésitez pas à consulter nos services.