Webflow vs WordPress

Mais que propose Webflow par rapport à WordPress ?

‍

Il existe bien des articles à ce sujet, mais ils sont souvent obsolètes. Face aux évolutions des deux outils, DropD fait le point dans cet article en prenant en compte leur impact sur le secteur et leurs offres respectives. Il s’agira également de détailler notre choix quant à notre utilisation de Webflow, ce CMS prometteur pour l’avenir du développement Web.

Les deux outils sont loins d’être les deux seuls concurrents du marché.

WordPress est la référence du secteur. Avec une écrasante majorité des parts du marché, c’est le seul CMS dont on peut dire qu’il est omniprésent sur le Web. Néanmoins, des acteurs plus petits commencent à se faire une place.

‍

‍

Ces acteurs, ce sont Shopify, Wix, Webflow ou encore Squarespace qui progressent doucement mais sûrement. Chez DropD, nous avons l’intime conviction que notre outsider Webflow a toutes les clés pour s’imposer comme un concurrent solide de WordPress sur le long terme.

Mais concrètement, que proposent les deux CMS ?

‍

Présentation des deux outils

‍

Qu’est-ce que WordPress ?

‍

WordPress a été lancé en 2003 dans le but premier de créer des blogs. C’est un système de gestion de contenus (CMS) open-source et de nombreuses mises à jour lui ont permis d’évoluer.

Il est utilisé pour créer différents types de sites web : site vitrine, site e-commerce, portfolio, site institutionnel, …

Accessible à tous, il est gratuit et bénéficie de nombreuses fonctionnalités grâce à des extensions et plugins tiers, son logiciel d’installation est rapide et simple à utiliser. Il laisse une grande liberté pour la création de petits sites basiques mais montrera ses limites rapidement dans le cas d’une plateforme complexe et / ou vaste.

Une des forces de WordPress est sa versatilité.

‍

Qu’est-ce que Webflow ?

‍

Webflow, lancé en 2013, est une application SaaS, c’est-à-dire qu’elle est disponible en ligne directement et qu’elle ne nécessite pas d’installation. C’est une plateforme tout-en-un qui ne nécessite pas de plugins et est hebergée sur les serveurs d’Amazon Web Services et de Fastly.

Ce logiciel a été pensé avec la vision de changer l’industrie des CMS, avec la possibilité de créer des sites professionnels et une approche de développement ‘no-code’. En effet, la plateforme génère du code HTML, CSS et Javascript à mesure que l’utilisateur intéragit avec l’interface, il n’est donc pas nécessaire de savoir coder.

Webflow permet de créer de nombreux types de sites web : site vitrine, site ecommerce, site institutionnel, portfolios et ses mises à jour fréquentes lui font gagner en efficacité chaque jour

‍

Comparatif de l’interface des plateformes

‍

Utilisation de WordPress

‍

L’installation de WordPress est simple et rapide si vous le faites via votre hébergeur. En revanche elle se complique un peu lorsqu’il s’agit d’une installation manuelle. Vous devrez le télécharger, créer une base de donnée chez votre hébergeur puis envoyer vos fichiers sur votre serveur pour enfin exécuter l’assistant d’installation.

Une fois installé et fonctionnel, l’interface proposée par WordPress est simple et peu chargée. Elle permet d’accéder à toutes les fonctionnalités d’administration en quelques clics.Si elle peut intimider au début, elle devient intuitive après quelques heures d’utilisation.

Réalisez vos mises à jour, personnalisez votre thème, créez vos pages et articles, etc…

‍

‍

Une interface pratique en “blocs” permet d’éditer facilement votre tout nouveau site. Pour ce qui est du thème et de l’aspect visuel en revanche, il sera nécessaire de se pencher sur le code : Il faudra alors maîtriser les langages HTML / CSS / JS mais également PHP, ce dernier étant le langage du code source de WordPress. Il s’agit là d’une barrière, puisque cette partie nécessite des compétences en développement Web.

‍

Utilisation de Webflow

‍

Pour démarrer sur Webflow, il suffit de se rendre sur le site internet et de se créer un compte, vous pourrez ensuite démarrer votre premier projet à partir d’une page vierge.

L’interface designer, c’est à dire celle sur laquelle s’effectue la conception est un exemple d’ergonomie. Elle sait rester simple tout en laissant l’utilisateur accéder à toutes ses fonctionnalités en quelques clics.

‍

‍

Les fonctionnalités de Webflow sont nombreuses et permettent pour certaines de réaliser des choses étonnament complexes, c’est pour cette raison que son interface est facile à apprendre mais difficile à maîtriser.

L’interface fonctionne comme Squarespace ou Wix, il suffit de “drag & drop” les éléments et de les éditer grâce à un pannel d’options. L’habillage n’est pas sans rappeler la suite Adobe car elle s’adresse justement aux Webdesigners et Graphistes, habitués à ce genre d’outils.

Pour la prise en main, il existe la Webflow University qui propose de nombreux cours et guides pour maîtriser chaque fonctionnalité. Sur ce point, Webflow est irréprochable : Ses cours sont clairs, concis et permettent de manier l’outil en un rien de temps.

WordPress étant bien plus ancien que Webflow, il faut admettre que la quantité de ressources pour apprendre à le maîtriser surpasse de loin celles proposées par Webflow et sa communauté. En ce sens, WordPress a l’avantage sur ce point.

‍

Comparatif des possibilités de création de sites web

‍

Quel type de site est-il possible de réaliser avec WordPress ?

‍

Les blogs

Initialement conçu pour créer des blogs, c’est ce que WordPress fait de mieux. Son interface permet d’administrer les contenus en toute facilité, avec agencement des titres, des images, des mots clés, des tags, des catégories …

‍

‍

Il est également possible de programmer la publication et d’ajouter des commentaires, ce que Webflow ne permet pas nativement.

‍

Les sites vitrines

WordPress est idéal pour créer des sites vitrines pour des petites entreprises comme pour des groupes. Son interface simple et la possibilité de créer des sites évolutifs a fait ses preuves, si bien que de très grandes entreprises utilisent WordPress, telles que Walt Disney Company.

‍

Les portfolios

WordPress permet de créer des portfolios facilement, avec de nombreux thèmes gratuits. Même avec peu de connaissance, il est possible avec ces thèmes d’avoir un résultat rapide et de pouvoir présenter ses travaux sur un site de qualité professionnelle.

‍

Les sites e-commerce

Avec des extensions comme MemberPress ou WooCommerce, WordPress peut également servir à la conception de sites e-commerce. Cependant, leur utilisation peut être complexe.

‍

En outre, la flexibilité de WordPress permet de réaliser tous types de sites : Prototypes, One Pager, Sites Marketing, Sites Web3 …

Son impressionnante quantité de plugins permet de répondre à presque tous les besoins !

‍

Quel type de site est-il possible de réaliser avec Webflow ?

‍

Webflow l’affirme haut et fort, il permet lui aussi de réaliser tous types de sites. Comme son concurrent, le CMS propose toutes les fonctionnalités pour couvrir la plupart des besoins.

‍

‍

Malgré les nombreux plugins proposés par la communauté, il lui reste quelques limitations :

Hébergements pour les sites classiques

‍

‍

Pour les sites classiques, la quantité d’items CMS, de collections dynamiques et de contenu hébergeable sur le site est limitée par le plan choisi par l’utilisateur. Ces limitations sont amenées à évoluer, mais dans son état actuel, Webflow peut ne pas être le CMS idéal pour concevoir de très gros sites internet.

Hébergements pour les sites e-commerce

‍

‍

En ce qui concerne les sites e-commerce, le plan le plus élevé permet de lister au maximum 3000 produit. Si c’est un chiffre conséquent, cette option peut ne pas être viable pour certaines entreprise et c’est alors Shopify ou WooCommerce qui seront de bonnes alternatives. Ces derniers permettent en effet un listing illimité de produits tant que cela ne ralenti pas le site.

WordPress aura donc un avantage pour les très grosses plateforme e-commerce, mais la gestion d’articles facilitée de Webflow conviendra à merveille aux boutiques en ligne plus petites.

‍

Comparatif des thèmes & de la personnalisation

‍

Les thèmes et la personnalisation WordPress

‍

Avec plusieurs milliers de thèmes disponibles, WordPress se retrouve une fois encore en tête. Leur portail officiel de thèmes comptabilise 9665 thèmes à l’écriture de ces lignes. Il existe également d’autres boutiques et des aggrégateurs de thèmes, comme le fameux ThemeForest.

Ces thèmes sont pour certains gratuits ou payants, et d’autres sont freemiums, c’est à dire qu’ils peuvent être utilisés gratuitement mais certaines de leurs fonctionnalités sont payantes.

Ces thèmes sont entièrement personnalisables mais cela nécessite de fortes connaissances en développements Web. Certains constructeurs de pages, comme Elementor Pro, peuvent cependant faciliter cette tâche.

‍

Les thèmes et la personnalisation Webflow

‍

Quant à lui, Webflow comptabilise environs 1000 thèmes, dont 45  gratuits sur le portail officiel.

Comme pour WordPress, d’autres boutiques de thèmes sont disponibles,  comme Flowbase ou Tiny resources.

‍

‍

A la différence des thèmes proposés pour WordPress, ceux de Webflow sont tous d’une qualité irréprochable. Esthétiquement très réussis, ils offrent une excellente base pour démarrer un site personnalisé.

C’est dans cette personnalisation que Webflow se démarque. Il permet en effet d’obtenir un résultat final proche de celui affiché à l’écran pendant la conception. Quand WordPress peut rapidement se complexifier avec l’usage d’un template, d’un constructeur de page et des plugins, Webflow intègre directement le template choisi dans son designer et propose nativement toutes les fonctionnalités pour le modifier à souhait.

Pour voir les plus belles réalisations Webflow, il suffit de se rendre sur le Webflow showcase.

De grandes entreprises utilisent Webflow comme Zendesk, Dell, Rakuten et Dropbox. Cela prouve un intérêt grandissant et une capacité à réaliser des sites complexes.

Webflow ne propose pas autant d’extensions, plugins et intégration que WordPress. Il n’a pas encore de système de connexion natif et manque d’outils externes. Cependant, la communauté ne cesse de proposer de nouveaux outils pour faciliter certaines tâches ou en proposer de nouvelles. C’est notamment le cas de Zapier, qui propose près de 750 intégrations.

Les équipes de Webflow ne sont pas en reste avec des mises à jours régulières et toujours plus pertinentes. Très proches de la communauté, elles sont à l’écoute de ses attentes et besoins pour développer l’outil dans la bonne direction.

‍

‍

Parmi les fonctionnalités les plus attendues, on retrouve Memberships et Logic, qui vont prochainement être disponibles directement sur la plateforme et développer son champ des possibles.

Webflow est plus convainquant sur le point des thèmes et de la personnalisation, car il propose des fonctionnalités plus poussées et permet d’obtenir des résultats plus précis.

‍

Comparatif au niveau du référencement SEO

‍

Le SEO ou Search Engine Optimization réunit toutes les méthodes ou bonnes pratiques pour rendre un site internet visible sur les moteurs de recherche. Les paramètres à optimiser pour se classer en tête de liste sont très nombreux, les plus connus sont les titres, les méta-descriptions de vos pages et les balises descriptives de vos images.

‍

Le référencement avec WordPress

‍

Pour optimiser son référencement avec WordPress, il est obligatoire de passer par un plugin, comme le plus connu Yoast Seo.

Il est possible de configurer tous les paramètres liés au référence d’un site WordPress, mais il est nécessaire d’utiliser plusieurs extensions pour y parvenir, à l’inverse d’un site Webflow.

‍

Le référencement avec Webflow

‍

Sur Webflow, tous les paramètres SEO sont natifs et sont paramétrables facilement. Vous avez la main également sur les pages dynamiques issues de bases de données Webflow et de quoi les générer automatiquement.

De nombreuses fonctionnalités complexes à mettre en oeuvre sur WordPress sont rendues faciles et accessibles sur Webflow, par exemple la génération d’un fichier sitemap, les redirections 301 et le paramétrage du fichier robots.txt.

Webflow remporte la manche sur le référencement SEO.

‍

Comparatif de la maintenance & de la sécurité

‍

La sécurité et la maintenance sur WordPress

‍

WordPress étant le CMS le plus répandu au monde, il est une cible de choix pour les attaques informatiques. Les fondations de l’outil ont beau être sécurisées, l’ajout de thème, d’extensions et les mises à jours laissent apparaitre de nombreuses failles de sécurité.

Il est donc nécessaire d’appliquer les bonnes pratiques lors de la configuration d’un site pour assurer une sécurité optimale. Il existe également des extensions ayant pour but de renforcer la sécurité de votre site.

Ceci dit, WordPress est réactif et propose des mises à jour rapidement lorsque de nouvelles failles sont détectées. De son côté, Webflow ne subit que peu d’attaque car il est moins connu.

WordPress propose nativement la maintenance d’un site mais des fonctionnalités approfondies comme la mise en place de sauvegardes automatiques nécessite l’ajout d’extensions. De nombreux guides sont disponibles pour aider les utilisateurs de WordPress à sécuriser leurs sites internet car cela peut vite devenir une tâche fastidieuse en raison du niveau de vigilance à acquérir et du nombre d’outils nécessaires.

‍

La sécurité et la maintenance sur Webflow

‍

Webflow propose une sécurité optimisée pour tous ses sites.

Il applique par défaut la certification SSL pour que les sites soient sécurisés dès leur publication.

On reconnaît cette certification grâce au cadenas sur tous les navigateurs.

‍

‍

Côté performances, Webflow se défend bien avec plus de 100 datacenters répartis dans le monde. Les serveurs de Webflow sont hebergés par Amazon CloudFront et Fastly et assurent une connexion très rapide.

Concernant la maintenance, un système de backups automatiques est mis en place pour sauvegarder votre site à intervalles réguliers. Son système de publication très performant permet de modifier votre site en amont de sa publication et sans avoir recours à un mode “maintenance” comme WordPress.

Globalement, Webflow est plus sécurisé car il inclut des fonctionnalités de sécurité par défaut, ce que ne fait pas WordPress. Il est également moins populaire, raison pour laquelle il subit moins d’attaque. Le nombre d’extensions et de plugins plus faible et les possibilités de piratages sont amoindris car Amazon et Fastly hébergent votre contenu.

Webflow remporte donc le point sur la sécurité et la maintenance.

‍

Comparatif des prix

‍

Combien ça coûte WordPress ?

‍

L’utilisation de Wordpress est gratuite, mais il faudra compter l’achat d’un nom de domaine et d’un hébergement. Avec un thème gratuit, ce seront des frais qui s’élèveront à une centaine d’euros par an.

Ce coût peut grimper en fonction des extensions et des thèmes que vous choisirez. De très gros sites réalisés sur WordPress peuvent ainsi coûter très cher.

‍

‍

Selon le site officiel, utiliser Wordpress Pro coûte 180€ par an et les deux options ci-dessus incluent l’hébergement.

‍

Combien coûte Webflow ?

‍

Webflow propose un plan gratuit pour s’initier à son utilisation, mais tous les sites réalisés auront une extension webflow.io dans leur url, ainsi qu’un badge Webflow dans l’interface. Pour avoir les pleins pouvoirs sur la personnalisation, il est obligatoire de choisir une des formules payantes.

Tarifs pour sites vitrines classiques (annualisés)

‍

‍

Tarifs pour sites e-commerce Webflow (annualisés)

‍

‍

Ces tarifs ne comprennent pas les frais du nom de domaine qui restent à votre charge (à partir de 10€ par an en fonction de votre choix)

Le prix de chacune des solutions étant lié aux besoins spécifiques de chaque site, c’est un match nul pour nos deux concurrents. Un site vitrine simple sera moins coûteux sur WordPress mais restera limité. Pour un Portfolio simple, Webflow est gratuit. Tout dépend des fonctionnalités attendues et de la taille du site réalisé.

‍

Comparatif de la communauté et de l’assistance

‍

La communauté et l’assistance de WordPress

‍

La communauté WordPress est immense et ancienne. Le logiciel étant sur le marché depuis presque 20 ans, tous les problèmes ont été traités et résolus.

Sur les forums, Youtube, sites de ressources en ligne, événements dédiés, Discord, Slack, Reddit, il est facile de trouver la réponse à toutes vos questions.

Concernant l’assistance officielle, cela dépend du thème utilisé et des extensions.

Il est possible de contacter l’équipe de développeurs de WordPress en charge d’un thème ou d’un plugin pour répondre à une question spécifique. Pour les questions générales, la réponse se trouvera forcément en cherchant sur les différents moyens cités plus haut.

‍

Au niveau de la communauté et l’assistance de Webflow

‍

La communauté Webflow est bienveillante et n’hésite pas à aider les nouveaux venus. Elle fait preuve d’un engouement général pour cet outil et d’un réel désir de le voir se développer.

Cette communauté a beau être restreinte, elle n’en est pas moins qualifiée. Beaucoup de solutions plus ou moins complexes sont proposées et inventées chaque jour pour faire face aux quelques limitations de l’outil.

L’assistance des équipes Webflow est exceptionnelle et propose des contenus allant à l’essentiel pour progresser. Il s’agit de la Webflow University. Les contenus sont didactiques et parfois avec une touche d’humour pour apprendre de façon ludique. Apprendre à utiliser Webflow peut devenir un plaisir.

‍

‍

L’assistance client est poussée et vous pourrez contacter un collaborateur de Webflow en ayant choisi un plan payant.

Le forum officiel  regorge de conseils et astuces supplémentaires et permet d’échanger avec la communauté.

Il existe également un blog officiel réunissant des ressources et contenus mis en avant pour en apprendre davantage sur les possibilités du logiciel et de son écosystème.

A noter qu’un bon niveau d’anglais est requis pour intégrer la communauté.

Webflow sort gagnant de ce point car il est moins fastidieux de trouver une réponse.

La quantité colossale de ressources que propose WordPress contient sans aucun doute toutes vos réponses, et vous les trouverez … Mais en combien de temps ? ;)

‍

Notre avis sur les deux outils

‍

Webflow et WordPress sont deux outils qui permettent de faire la même chose, mais qui ne s’adressent pas à la même cible. Là où WordPress s’adresse au plus grand nombre, Webflow permet de son côté de réaliser des choses plus pointues, plus rapidement. C’est pourquoi il n’y a pas de gagnant de ce versus.

Chez DropD, nous avons fait le choix de Webflow en raison de son interface calibrée pour les designers et de sa fluidité. Il nous permet de réaliser des interfaces de qualité rapidement, ce qui nous laisse le temps de réfléchir à des expériences toujours plus innovantes. S’il est plus difficile à prendre en main, les ressources disponibles et la pratique en font un outil irremplaçable sur le long terme.

WordPress est idéal pour créer des sites évolutifs pouvant accueillir un grand nombre de pages. Il permet à tous d’obtenir un site professionnel rapidement, mais le degré de personnalisation possible sera moins élevé que sur Webflow.

Cet article vous a donné envie de vous lancer ? Retrouvez nos services ici !