Webflow : Tout savoir pour débuter

Stephanie

2.5.2022

7

minutes

Webflow

Webflow est un outil CMS tout-en-un qui a comme objectif le développement des sites web responsive sans utiliser une ligne de code.

Co-crée en 2012 par Vlad, son frère Sergie et son ami Bryant. Webflow a actuellement plus de 2 millions d’utilisateurs dans plus de 190 pays. En janvier 2021, l’outil a fait sa dernière levée de fonds de 140 millions de dollars. Il n’arrête pas d’évoluer ! 🚀

L’outil Webflow et ses fonctionnalités

L’outil CMS est composé d’un éditeur en ligne accessible avec une connexion Internet (oui, dans le cloud aussi ☁️). Une fois ton compte créé sur Webflow, tu auras accès à un dashboard où il est possible de visualiser tous tes projets. Oui, il est possible de créer plusieurs projets et de partager l’accès avec plusieurs personnes (selon l’offre choisie).

Dashboard Webflow. Source : Webflow University

Mais au fait, c’est quoi un CMS ? Le Content Management System, ou le système de gestion de contenu in french, sert à gérer et créer les contenus d’un site web de manière très simple.

Dans le dashboard, tu peux créer ton nouveau projet de site web via le designer. Dans cette catégorie, il est possible de développer la forme / l’interface du site, notamment les tableaux, les cards et les animations. En étant un outil NoCode, Webflow utilise le principe du drag and drop.

Par exemple, en cliquant sur le bouton “C’est parti”, on a une petite fenêtre d’édition s’ouvrant sur la droite, permettant la configuration des propriétés du bouton :

Également, en top du designer, se trouvent les différentes tailles d’appareil sur lesquels tu peux développer ton site :

Sur la gauche du designer tu disposes d’un panneau d’options. L’une d’elles te permet d’avoir une vue sur l’ensemble de tes pages de ton site :

N’oublions pas le bouton permettant de rendre tout ça vivant sur internet, le bouton de publication “Publish".

Je te laisse découvrir les autres options du panneau de gauche et supérieur pour la partie designer. 😉

De plus, tu auras accès à l’éditeur pour gérer les contenus de ton site web comme des photos, des textes et des liens. Chaque contenu peut être modifié directement dans la page et être mis en ligne immédiatement.

Pour te donner un exemple : après avoir publié un article dans le blog, tu remarques que tu devrais modifier sa mise en forme. Tu peux éditer cette mise en forme directement via la page de l’article. Rapide et pas besoin d’écrire de code !

Bouton Editor. Source : Webflow University

Et où toutes ces données seront hébergées ? Le site web créé sous Webflow est hébergé chez Amazon AWS US.

SuperForge sous Webflow

Oui, le site sur lequel tu es en train de lire cet article a été créé sous Webflow. Voici en image le designer :

Et l’éditeur :

Quelques limitations de Webflow

  • Une montée en compétence plus lente que d’autres outils CMS. Même si c’est un outil NoCode, des connaissances sur des langages HTML et CSS seront nécessaires pour les projets plus ambitieux.
  • Le CMS est limité à 10 000 items.
  • Il n’y a pas de possibilité de créer des comptes utilisateurs pour les visiteurs pour l’instant. Pour cela, il est nécessaire d’effectuer une intégration via un outil tiers de type Memberstack.

Des exemples de site web sous Webflow

Voici une liste non exhaustive pour montrer les possibilités de création sur l’outil :

Et pour voir quelques projets développés par Superforge, c’est ici !

Où en savoir plus sur Webflow ?

Pour t’informer sur l’outil, tu as quelques pistes. La première option est le forum d’entraide qui très actif ! Tu trouveras des thèmes pour les nouveautés, pour les fonctionnalités (animations, CMS, e-commerce etc.) et des sujets plus avancés (SEO, custom code, API etc.).

La deuxième option consiste à regarder la Webflow University. L’université est une bibliothèque avec plein de contenus en vidéo et aussi des formations sur plusieurs thèmes de l’univers Webflow.

En plus de cela, tu as une troisième option pour démarrer ton projet : Webflow met en disposition des templates de site gratuits et payants. Un template peut être intéressant, si tu ne penses pas trop diverger de celui-ci en design. Je te conseille quand même d’avoir quelques notions de Webflow afin de naviguer simplement dans la compréhension du template, sinon tu vas vite te perdre. 😅

Conclusion

Webflow est un outil puissant qui évolue en permanence. Des nouvelles évolutions sont prévues notamment des améliorations des logiques d’automatisation (pour modifier des informations dans une base de données) et aussi un espace membre natif (pour pouvoir gérer tes utilisateurs).

Si tu as besoin de créer un site web, une landing page, un site e-commerce, un portfolio et/ou un blog, l’outil est parfait pour toi. Ce CMS t’aidera à mettre à jour tes contenus sans difficultés, avec un beau design et SEO friendly. 💕

Du SEO, on reparlera plus tard !😉

Chez SuperForge, nous avons des spécialistes Webflow qui pourront te guider sur ton projet !