Avis Webflow : CMS & Logiciel de création de sites web tout en un ?

« Briser la barrière du codage » — telle est la mission de Webflow, le logiciel de création de sites web innovant. Grâce à des outils intuitifs et des templates prédéfinis, le logiciel simplifie la création et la gestion de sites web professionnels. Tous les autres logiciels de création de sites web partagent les mêmes promesses.

Découvrez à travers notre évaluation ce qui rend Webflow si spécial.

Webflow* est un hybride unique mêlant à la fois logiciel de création de sites web et CMS (système de gestion de contenu). Contrairement aux logiciels de création de sites web traditionnels, le service ne réduit pas le web design à son plus petit dénominateur commun, mais requiert de ses utilisateurs une certaine compréhension des processus de programmation.

Webflow est donc un peu plus complexe que les logiciels de création de sites web pour débutants tels que Wix ou Squarespace. Les utilisateurs pour qui les langages CSS et HTML ne sont pas étrangers (mais aussi tous ceux qui sont prêts à apprendre) peuvent créer, concevoir et gérer des sites web dynamiques grâce à cette boîte à outils polyvalente pour utilisateurs avancés, qui utilise des outils visuels afin de supprimer le travail de codage fastidieux.

Nous avons examiné le logiciel de création de sites web de Webflow de plus près et allons vous révéler à qui nous le recommanderions.

Avec Webflow, il ne suffit pas d'avoir de l'expérience en programmation, il faut aussi avoir des connaissances en anglais. En effet, le logiciel n'est pas encore disponible en français. Sur Webflow, les premières minutes commencent avec la devise suivante : « Sign up – Set up – build » (en français, « S'inscrire, installer, construire »). Une fois l'inscription — qui se fait en clin d'œil — terminée, vous devez tout d'abord répondre à quelques questions relatives à votre expérience et à l'objectif de votre site web.

Vous serez ensuite redirigé vers l'éditeur de Webflow dans lequel un court tutoriel vous présente les bases. C'est au plus tard à ce moment précis qu'il devient clair que vous pouvez certes contourner le codage avec ce logiciel de création de sites web, mais que vous n'échapperez pas complètement aux rapports complexes en programmation.

Au sein même du logiciel de création, vous devez par exemple vous familiariser avec le « modèle » adopté par le logiciel, qui joue un rôle important dans la création d'un site web. En effet, chaque élément de Webflow se trouve dans un conteneur dans lequel vous pouvez glisser et déposer d'autres contenus (fonction « Drag-and-drop »). Le site web généré constitue donc un ensemble de différents conteneurs empilés les uns sur les autres et les uns dans les autres.

Une fois le tutoriel terminé, vous pouvez commencer à construire votre site web. Vous pouvez soit choisir un template parmi ceux proposés par Webflow, soit commencer sans template.

Comme nous l'avons vu, les conteneurs constituent la base de votre site Webflow. Au lieu de gérer leur contenu avec du code, Webflow vous permet d'arriver au même résultat grâce à la fonction « Drag-and-drop » (« glisser-déposer »).

On se rend vite compte que Webflow est bien plus complexe que les logiciels de création de sites web comparables. Avec une interface utilisateur qui rappelle Photoshop, vous programmez en quelque sorte visuellement sur l'écran front-end, pendant que le programme transforme automatiquement vos modifications en code dans le back-end. En principe, cela s'applique également à d'autres logiciels de création de sites web, mais Webflow reste beaucoup plus proche de la philosophie de la programmation.

Avec Webflow, la courbe d'apprentissage est donc beaucoup plus raide qu'avec des logiciels comme Wix ou Squarespace. Si le modèle du logiciel, les hiérarchies, le floating et d'autres concepts de base du design ne vous sont pas familiers, l'éditeur vous demandera beaucoup plus d'efforts, notamment au début. De plus, le court tutoriel du début ne couvre que les bases absolues. La plateforme d'apprentissage interne propose en revanche de nombreux cours sous format vidéo qui expliquent les fonctionnalités plus complexes de Webflow.

Webflow n'est donc pas vraiment adapté aux débutants. Ceux qui possèdent une certaine compréhension du web design ou qui sont prêts à investir du temps dans l'apprentissage disposent en revanche d'un outil puissant pour créer des sites web, avec peu de restrictions par rapport à d'autres logiciels de création. Il est toutefois dommage que le logiciel ne soit pas disponible en français, ce qui représente un obstacle supplémentaire pour les utilisateurs moins expérimentés.

Webflow est à la fois un hébergeur web, un CMS et un logiciel de création de sites web. Le logiciel de création de sites web, avec sa visualisation innovante des processus de codage complexes, constitue le principal atout de Webflow. Examinons de plus près les différentes parties de ce puissant logiciel de création de sites web.

Les premiers pas dans l'espace de design nous rappellent les premiers essais avec Adobe Photoshop ou Premiere : l'écran entier est rempli de fonctions qui fournissent certainement toutes les réponses essentielles — à des questions que l'on ne connaît pas encore. Avec Webflow, il n'est pas possible, comme avec d'autres logiciels, de se lancer et de déplacer des éléments via la fonction « Drag-and-drop » sur l'interface sans plan ni contexte. La logique de programmation, dans laquelle chaque élément doit trouver sa place dans le code HTML ou CSS, s'applique également au logiciel de création.

Il faudrait un livre entier pour décrire toutes les fonctions de l'éditeur. C'est la raison pour laquelle nous nous concentrons ici uniquement sur quelques bases. Dans la barre de commande tout à gauche, vous pouvez ajouter de nouveaux éléments en cliquant sur le symbole « plus ». Webflow propose bien entendu de nombreux blocs de contenu, boutons, formulaires et autres. Au lieu d'ajouter des contenus individuels, vous pouvez également ajouter des mises en page entières, comme une galerie ou un formulaire de contact.

Le style et la mise en page de vos éléments peuvent être modifiés dans le panneau de style sur le côté droit de l'écran. Dans le panneau de navigation, vous pouvez aligner vos éléments sur l'écran via la fonction « Drag-and-drop ».

Dans la barre de menu supérieure, vous pouvez vérifier comment votre design est mis en valeur sur différentes surfaces en cliquant sur les icônes des appareils en forme d'œil en haut à gauche.

Une fois de plus, la conclusion est la suivante : l'espace de design de Webflow représente un éditeur conçu pour les programmeurs et ceux qui souhaitent le devenir. Il automatise certaines opérations de codage et facilite, grâce à ses outils de visualisation, la création de sites web attrayants avec un code propre. Les utilisateurs sans expérience en CSS ou HTML ne pourront toutefois qu'effleurer la surface de l'éditeur et préféreront d'autres solutions.

Webflow n'est pas seulement un logiciel de création de sites web, mais aussi un système de gestion de contenu (CMS) à part entière comme Drupal ou WordPress. C'est justement à ce dernier que Webflow fait concurrence puisque son propre service serait une alternative encore plus polyvalente que le leader du marché, combinant une gestion de contenu classique avec des outils de visualisation innovants.

Dans le CMS de Webflow, vous pouvez créer des « collections » de différents types de contenus, chacune composée de différents champs. Vous pouvez par exemple créer une « collection de blogs », à laquelle vous attribuez un titre et des permaliens, et que vous remplissez ensuite avec du contenu.

Vous pouvez également créer une « collection d'auteurs » pour les membres de votre équipe, avec des champs pour les photos, de courtes biographies ou des liens vers les profils de réseaux sociaux. Vous pouvez ensuite relier vos collections entre elles, par exemple pour attribuer des articles de blog à vos auteurs.

Si vous souhaitez ajouter de nouveaux contenus dans les « collections » existantes de vos sites web publiés ou modifier le contenu des pages statiques, vous pouvez utiliser l'éditeur de Webflow. Vous pouvez y accéder (dès que vous avez publié votre site web) en cliquant sur le logo de Webflow en haut à gauche, qui fait place à un menu latéral.

L'éditeur permet de modifier directement les textes et de télécharger des images d'un simple clic de souris. Vous pouvez ainsi apporter des modifications au contenu sans devoir passer par des systèmes back-end compliqués.

Il est également possible de créer et de gérer des blogs dans l'éditeur. Webflow couvre toutes les fonctions importantes. Si vous avez une équipe de rédacteurs, Webflow offre même des outils de collaboration et vous pouvez suivre qui travaille sur quoi.

Webflow ne dispose pas d'un véritable App Market, mais il est possible d'y intégrer des milliers d'intégrations de tiers via Zapier.

L'interaction entre le web design et la gestion de contenu fait de Webflow un outil bien plus puissant que la plupart des logiciels de création de sites web parmi toutes nos évaluations. Ce service hybride performant permet à son groupe cible de créer en un clin d'œil et de manière autonome des sites web dynamiques dotés de nombreuses fonctionnalités qui, sans les outils d'assistance, représenteraient une tâche colossale.

De nombreux éléments qui seraient beaucoup plus simples avec des logiciels de création de site web moins techniques — la création de sites web multilingues par exemple — sont en revanche assez compliqués avec Webflow. Pour exploiter les possibilités du service, un certain niveau d'expertise est donc nécessaire. Si vous n'en avez pas, mieux vaut vous tourner vers la concurrence.

Webflow met à la disposition des utilisateurs plus de 500 templates, dont 45 sont entièrement gratuits. Le coût des templates premium varie fortement — entre 19 et 149 USD. Il existe des modèles pour tous les types de sites web : portfolios, blogs, événements, services et autres. Selon le type de site, des fonctionnalités telles que des pages dynamiques avec CMS ou des boutiques dans lesquelles il suffit d'insérer des produits sont déjà prédéfinies.

Cependant, la sélection d'un template ne vous lie pas à un look qui, comme pour d'autres logiciels de création de sites web, fait que parfois tout se ressemble. Les templates de Webflow sont conçus pour être flexibles et vous donnent souvent dès le début le choix entre différentes mises en page.

Grâce à l'espace de design, vous pouvez ensuite modifier dans le template lui-même pratiquement tous les éléments du site web préfabriqué : couleurs, arrière-plans, effets, positions, taille de la police, etc. Contrairement à d'autres logiciels de création de sites web, vous devez toutefois avoir un certain œil pour le design, car l'éditeur complexe vous permet d'adapter chaque recoin du site web à vos souhaits.

La plupart des ajustements s'effectuent à l'aide de la boîte à outils de design à droite, où vous pouvez par exemple choisir différentes mises en page pour vos conteneurs, modifier l'alignement des éléments ou ajouter des effets.

Il est assez dommage qu'il n'y ait pas d'intégration de fournisseurs de photos de stock, comme c'est le cas pour de nombreux autres logiciels de création de sites web. Webflow n'a pas grand-chose à offrir en matière d'images et de vidéos.

Une fois de plus, si vous êtes doué pour la création de sites web et que vous comprenez déjà les bases de la programmation, Webflow n'imposera pratiquement aucune limite à votre créativité.

Une autre fonctionnalité phare de Webflow est sa page de commerce en ligne du service hybride. Lorsque vous ajoutez une boutique en ligne à votre site, le CMS crée automatiquement de nouvelles collections pour les produits et les catégories.

Par ailleurs, une sorte de tutoriel vous guide étape par étape jusqu'à ce que la boutique en ligne soit prête. Webflow vous explique quelles données vous devez indiquer et quels éléments vous devez ajouter pour obtenir une boutique entièrement fonctionnelle.

Dans le menu des produits, vous pouvez ajouter de nouveaux produits en quelques clics et les attribuer aux catégories que vous avez créées manuellement. D'autres champs sont disponibles pour les photos des produits, les dimensions, les informations fiscales, le suivi des stocks et bien plus encore. Ce qui est extraordinaire, c'est que vous pouvez proposer non seulement des produits physiques, mais aussi des produits ou services numériques. Des variations de produits sont bien entendu également possibles.

Des produits et des catégories aux paniers d'achat personnalisés et aux options de paiement, Webflow permet à ses utilisateurs d'atteindre un niveau de contrôle qui nécessite beaucoup plus de travail dans d'autres CMS avec les extensions de boutique correspondantes.

Dans l'ensemble, Webflow ne réinvente certes pas le concept, mais l'intégration pratique dans son propre service hybride rend la création d'un système de boutique à part entière plus variée par rapport à d'autres logiciels, et moins laborieuse par rapport à d'autres CMS.

Vous pouvez créer des remises, mais il n'y a pas de fonctions de marketing étendues ou de marketing d'e-mail. En revanche, il vaut bien sûr la peine de jeter un coup d'œil aux nombreuses intégrations et applications tierces.

Les fonctions de référencement (SEO) de Webflow sont directement intégrées dans l'éditeur, de sorte qu'aucun plugin externe n'est nécessaire. Vous pouvez y effectuer tous les réglages pertinents, par exemple les méta-titres et les descriptions.

L'intégration d'outils externes d'analyse et de marketing tels que Google Analytics, Facebook Pixel, Matomo, Hotjar, Zapier ou Integromat fonctionne également sans problème.

La « Webflow University » constitue une nouvelle norme pour les domaines d'assistance destinés aux autodidactes et aux personnes qui se débrouillent seules. Dans cette « université en ligne », des centaines de cours et de vidéos, judicieusement répartis en leçons successives, sont à votre disposition pour vous permettre de découvrir progressivement les fonctions de Webflow, mais aussi les principes généraux de la création et de la programmation web.

Si toutefois vous avez besoin d'une aide personnelle, vous pouvez ouvrir un ticket d'assistance. L'équipe Webflow est active 12 heures par jour, du lundi au vendredi, et met tout en œuvre pour vous répondre dans les 24 à 48 heures.

Lors de notre évaluation, nous avons obtenu une réponse après environ sept heures. Celle-ci était détaillée et personnalisée : le collaborateur a pris le temps de répondre à chacune de nos questions et de nous donner des exemples.

Comme toujours, un chat en direct serait bien sûr le bienvenu, mais grâce à l'excellente « Webflow University » et aux collaborateurs serviables du service client, Webflow est tout de même un pionnier en matière de service d'assistance à la clientèle.

Créer gratuitement et payer pour l'hébergement : Webflow fonctionne également selon ce principe avéré. Vous pouvez publier gratuitement deux projets sur des sous-domaines de Webflow. Le reste est payant.

De manière générale, Webflow distingue les tarifs pour les sites et les comptes. Dans le premier cas, vous payez par projet, c'est-à-dire pour chaque site web. Dans le second, vous payez pour votre compte global avec plusieurs projets.

Dans ces deux niveaux de prix, il existe également différents tarifs, répartis respectivement en trois tarifs de site web et de commerce en ligne pour les tarifs de site, ainsi que trois tarifs individuels et deux plans d'équipe pour les tarifs de compte.

Enfin, pour les entreprises, il existe des tarifs spéciaux qui sont adaptés individuellement.

La structure tarifaire de Webflow semble un peu compliquée. De plus, les différences et les points communs entre les différents tarifs pourraient être un peu mieux expliqués. Vous trouverez un aperçu actuel des prix ci-dessous :

Il est également important de comparer les tarifs de Webflow à ceux d'autres logiciels de création de sites web. Afin de pouvoir comparer les tarifs, nous avons comparé tous les fournisseurs de notre évaluation dans le tableau suivant en fonction de leur tarif sans publicité le plus avantageux, domaine inclus. Webflow est le plus cher parmi eux :

Webflow n'offre malheureusement pas de garantie de remboursement.

Pour Webflow, « briser les barrières du codage » ne signifie pas prétendre que les sites web ne sont pas le résultat d'opérations de programmation complexes. Au contraire, Webflow visualise ces opérations afin de les lier le plus étroitement possible au front-end.

Cela signifie que Webflow ne convient que partiellement aux débutants et à ceux qui souhaitent éviter la programmation. Mais en tant que logiciel de création hybride, Webflow est extrêmement utile pour son véritable groupe cible et constitue une solution idéale permettant de combiner design et codage.

Les possibilités de design sont quasiment illimitées, l'intégration du commerce en ligne est sans faille. De plus, vous et votre équipe pouvez gérer votre site web dynamique avec un CMS performant. La courbe d'apprentissage, particulièrement raide au début, est compensée par la plateforme d'apprentissage, la « Webflow University ».

WordPress a déjà souvent était mis au défi, mais a toujours été en mesure de s'imposer. Webflow entend bien concurrencer le leader du marché des CMS.

Il est impossible qu'un seul avis aborde toutes les facettes d'un programme aussi complexe que Webflow. C'est pourquoi il vaut la peine de jeter un coup d'œil sur les plateformes d'évaluation, où les clients donnent quotidiennement leur avis sur le logiciel en se basant sur leurs propres expériences.

Étant donné que Webflow se vend comme un concurrent de WordPress, il est naturel que ce dernier, le plus connu des systèmes de gestion de contenu, représente l'alternative la plus évidente.

Autrement, Webflow est assez isolé dans sa fonction d'hybride entre CMS et logiciel de création de sites web. Les personnes qui ne s'intéressent pas au codage et au web design seront certainement plus satisfaites avec des logiciels de création de sites web moins complexes. Dans ce domaine, Wix, le vainqueur de notre classement, nous a particulièrement convaincus.

Vous trouverez les meilleures alternatives à Webflow ci-dessous :