Par Eléonor (Équipe WPMarmite) le 12 février 2018 • 36 commentaires

Visual Composer. Deux mots simples, pour désigner un constructeur de page WordPress historique… mais qui provoque chez bon nombre de développeurs une légère nausée.

Le page builder Visual Composer (maintenant renommé WP Bakery Builder) a mauvaise réputation dans l’univers WordPress. Interface compliquée, nombreux bugs, prix décevant pour atteindre un résultat correct… Les critiques pullulent à sa simple évocation. Quand on vous a demandé, sur Facebook et Twitter, ce que vous en pensiez, vous n’avez d’ailleurs pas mâché vos mots !

visual composer avis

Et pourtant, Visual Composer culmine à plus de deux millions d’installations actives !

La communauté WordPress serait-elle devenue complètement masochiste, pour télécharger un plugin qui leur cause autant de souci ?

Dans cet article, je vais faire abstraction de ces a priori pour mettre à l’épreuve Visual Composer.

L’objectif : vous aider à prendre une décision éclairée avant de choisir votre constructeur de page.

La méthode : 6 critères ultra déterminants, que vous retrouverez dans le sommaire ci-dessous. C’est parti !

Point transparence : Les différents liens vers Visual Composer et ses extensions payantes sont des liens d’affiliation. C’est à dire que si vous achetez un de ces plugins, la Marmite touchera une commission. Cela permet de rémunérer le travail de recherche et d’écriture des rédacteurs du blog et de constituer une cagnotte pour acheter et tester d’autres plugins.

Nous mettons un point d’honneur à publier des articles honnêtes. L’objectif est de tester des plugins pour vous aider à faire des choix éclairés, pas d’aduler des plugins qui ne valent pas le coup uniquement pour toucher des commissions. Votre confiance est notre priorité.

Quels modules et templates pré-intégrés ?

Lorsque l’on achète un constructeur de page, l’intérêt est bien évidemment de se simplifier la vie, en évitant de toucher au code. Pour cela, les modules et templates pré-intégrés au page builder sont particulièrement appétants.

Découvrons ceux mis à disposition par Visual Composer.

De nombreux modules disponibles

visual composer modules

La liste de modules proposés par Visual Composer de WP Bakery

Dans le plugin de base de Visual Composer, vous trouverez plus d’une quarantaine de modules pré-intégrés, répondant aux attentes classiques des créateurs de sites web :

  • Des modules basiques qui permettent de structurer la page en rangées ou en sections
  • Les traditionnels blocs de texte, images, séparateurs, icônes, boutons Social Media
  • Des modules plus originaux, comme un module de Foire Aux Questions, ou encore une sidebar personnalisable avec vos widgets.

Mais finalement, entre les modules structurels, et ceux qui intègrent des fonctions basiques de WordPress (catégories, commentaires, articles récents…), on en a vite fait le tour. Et ça ne casse pas trois pattes, ni à un canard, ni à un développeur.

Si vous souhaitez aller plus loin, et ajouter plus de dynamisme à votre WordPress, vous pouvez aller voir du côté des nombreux add-ons de modules qui existent.

visual composer modules add ons

La liste des modules de Visual Composer avec ses add-ons gratuits les plus célèbres

Certains sont gratuits, notamment :

visual composer avis

Nous reviendrons sur les addons payants plus tard dans cet article.

Des templates variés… et difficiles à remanier

Au sein de Visual Composer, vous pourrez également trouver plus de 80 modèles à télécharger gratuitement. De la page de blog prête à utiliser, aux bannières incluant un bouton et une phrase d’accroche, en passant par des blocs de citation ultra-design, il y en a pour tous les goûts…

visual composer templates gratuits

Quelques uns des templates téléchargeables depuis Visual Composer

Oui, bon nombre d’entre eux sont alléchants. Leur avantage principal est d’obtenir des pages prêtes à l’emploi, pour éviter de partir d’une page vide.

Mais finalement, ces modules intégrables dans vos pages, puis personnalisables, fonctionnent à la manière d’un thème que l’on installe sur son WordPress. De plus, ils sont très difficiles à customiser.

Ce qui est éminemment lié à ma partie suivante : vous allez très vite comprendre…

Quelle maniabilité ?

La maniabilité constitue un élément critique pour le choix d’un constructeur de page :

  • Pour le créateur du site, la facilité de prise en main permet d’atteindre un design convenable en un minimum de temps, sans trop s’arracher les cheveux.
  • Pour le client ou l’utilisateur final, la maniabilité d’un constructeur de page lui assure qu’il peut ajouter son propre contenu de manière autonome, sans risquer de tout casser.

Alors, pour Visual Composer, ça donne quoi ?

Une interface en glisser-déposer… qui laisse à désirer

On distingue deux possibilités d’interface de création sur les pages. Une fois le plugin installé, vous trouverez ces deux boutons au niveau de l’éditeur visuel.

visual composer interface

D’une part, l’éditeur de l’administration (on ignorera la traduction un peu hasardeuse) : il s’agit d’une interface en glisser-déposer (drag-and-drop), où les différents modules s’affichent sous forme de blocs bien distincts.

visual composer constructeur de page

Le haut de ma page d’accueil éditée avec l’éditeur d’administration de Visual Composer

D’autre part, le FrontEnd Editor : Visual Composer propose une interface de création en What You See Is What You Get et en glisser-déposer, pour visualiser instantanément les modifications apportées.

visual composer constructeur de page

Le haut de ma page d’accueil éditée avec le FrontEnd Editor de Visual Composer

Attendez, une seconde, j’ai dit “instantanément” ? Laissez-moi modérer mon propos.

Lorsque vous utiliserez Visual Composer, que ce soit en éditeur de l’administration ou en FrontEnd Editor, attendez-vous à faire chauffer le clic de votre souris ! Je vous laisse constater combien de clics il m’aura fallu pour seulement centrer mon image :

visual composer constructeur de page

Clic, clic, clic, clic…

Un véritable exercice de musculation de la main droite que ces clics incessants sur le bouton “Sauvegarder les modifications”.

Et si votre modification ne vous plaît pas ? Là, le bât blesse terriblement :

Vous ne trouverez pas de bouton “Annuler” sur Visual Composer.

En tous cas, pas dans le plugin de base ; WP Bakery vous propose cependant un plugin supplémentaire pour ajouter ce bouton si basique… pour la modique somme de 6$ ! Outch, ça fait mal à la maniabilité.

À la recherche des paramètres les plus simples…

En termes de prise en main, vous ferez également face à un constructeur de page assez peu instinctif.

 

Il vous faudra quelque temps pour retrouver instinctivement le bouton pour étendre une rangée en pleine largeur, ou encore pour diviser une rangée en différentes colonnes… sous forme de fractions (je vous conseille de réviser votre programme de maths de CM2).

visual composer page builder wordpress

Ode aux chouettes moments passés dans les tréfonds de Visual Composer

Vous me trouvez dure ? Laissez-moi vous donner un aperçu des paramètres de personnalisation de certains modules.

Par exemple, l’idée d’une “En-tête personnalisée” me plaisait bien. Je l’ajoute, et voici les différents paramètres proposés :

visual composer page builder wordpress

Les paramètres de personnalisation du module “En-tête personnalisée”

Une véritable tannée, quand un simple bloc de texte bien paramétré à la base, permet d’avoir le même rendu (balises, police, alignement, couleur…) dans une interface de personnalisation vraiment intuitive :

visual composer page builder wordpress

Les paramètres de personnalisation du module “Bloc de texte”

Note du rédacteur : Un élément sympathique tout de même à ces modules : la possibilité de sauvegarder une rangée comme template à réutiliser par la suite. Parce que, quand vous avez bien lutté avec Visual Composer pour tout bien faire, vous n’avez pas forcément envie de réitérer l’expérience.

avis visual composer

Autant vous dire que je ne donne pas cher du client non-aguerri qui tentera d’y intégrer son contenu. Mon collègue Florian Tiar non plus d’ailleurs ; je le cite :

« Visual Composer est une horreur pour faire en sorte que les clients y intègrent leur contenu. »

Le développeur WordPress qui choisit Visual Composer aura alors tout intérêt à créer des pages-modèles pour son client, et à installer un plugin de duplication de pages et d’articles, pour faire en sorte que personne n’y perde ses petits.

Quelle adaptation aux thèmes ?

Visual Composer est sans conteste le constructeur de page que l’on retrouve sur plus grand nombre de thèmes. Il faut dire que WP Bakery, l’équipe à l’origine du page builder, connait WordPress depuis un certain temps…

La preuve : Alex lui-même parlait déjà de Visual Composer en 2012 (à l’époque où WP Marmite s’appelait encore WP Thèmes Pro).

Allez, je vous sens curieux, donc je vous montre ; mais on ne se moque pas de la qualité de la vidéo, hein ! 🙂

Toujours est-il qu’on a donc affaire à un page builder historique, qui s’est très vite taillé la part du lion sur le marché des plugins.

Leur idée ingénieuse : permettre à tous les thèmes Themeforest, mais aussi à de nombreux autres, d’embarquer directement Visual Composer.

Résultat : bon nombre de thèmes très célèbres (Jupiter, The7, ou encore Uncode, pour ne citer qu’eux) embarquent automatiquement le constructeur de page lors de leur installation.

Certains de ces thèmes intègrent la version originale de Visual Composer, tandis que d’autres l’adaptent à leur sauce. Mon propre site-vitrine, créé avec Salient, embarque une version remaniée de Visual Composer, ce qui modifie quelque peu son apparence.

visual composer theme-salient

Visual Composer tel qu’il apparaît intégré au thème Salient

Toutefois, si vous changez de thème, et que le nouveau n’est plus adapté à Visual Composer, attendez-vous à faire face au syndrome du lock-in.

Dans son battle des meilleurs thèmes Themeforest, Nicolas Richer en parlait fort bien. Autant donc le citer :

“En changeant de thème, vous vous attendez à revoir toute l’apparence de votre site, c’est normal. Mais vous ne vous attendez pas à refaire tout votre contenu.Pourtant c’est ce qui se passera probablement si vous utilisez le constructeur de page [Visual Composer] embarqué dans un thème premium ThemeForest.”

Eh oui, si vous désactivez Visual Composer, ou le thème qui l’embarque, gare à l’embrouillamini de shortcodes non compatibles avec l’éditeur WordPress classique, ou avec d’autres thèmes !

wp bakery page builder

Mais sur ce point, on ne peut pas vraiment en vouloir à Visual Composer : vous rencontrerez ce problème avec la plupart des constructeurs de page… À l’exception d’Elementor et de Beaver Builder, qui restent tous deux totalement indépendants des thèmes que vous installez.

Quelle expérience utilisateur pour un site utilisant Visual Composer?

Jusqu’alors, on n’a pas trouvé grand-chose de positif à raconter sur Visual Composer… Qu’en est-il de l’expérience utilisateur ? Performance, référencement, adaptation mobile ? On vous passe ça au crible.

Influence sur la performance du site

Le temps de chargement de vos pages web forme l’une des parties les plus importantes pour développer une expérience utilisateur au poil. Parce qu’une page web qui se charge lentement aura tendance à jouer sur les nerfs du visiteur, qui l’abandonnera plus facilement.

Les tests de performance sur des pages créées avec Visual Composer sont assez surprenants, et contredisent le qu’en-dira-t-on.

Nous avons comparé la performance de 3 pages : la page d’accueil de mon site (créée avec Visual Composer), celle de WP Bakery (idem), et celle d’un thème de Themeforest, Undsgn.

Voici ce que l’on peut en conclure :

  • Les pages créées avec le constructeur se chargent plus où moins vite : 4.0s pour la mienne, 1.7s pour celle de WP Bakery, et 6.4s pour celle d’Undsgn.
  • Le nombre de requêtes que déclenche Visual Composer sont variables, par rapport au thème classique sélectionné qui, lui, en produit un grand nombre : 56 pour ma page d’accueil, 78 pour celle de WP Bakery, et 144 pour celle de Undsgn.

On ne peut expliquer cette disparité uniquement par la présence de Visual Composer.

Il ne faut pas oublier que les performances peuvent être impactées par d’autres facteurs comme la compression des images, la mise en cache, les polices de caractères choisies, les plugins installés, l’hébergement de son site… et bien d’autres critères décrits par Florian dans un article très complet.

Note du rédacteur : En associant Visual Composer à un plugin de cache performant, comme WPRocket, vous vous assurez en tous cas un temps de chargement réduit pour les visiteurs qui reviennent sur votre site.

Optimisation du SEO

Derrière un design sympathique, les constructeurs de page ont pour réputation de créer un code assez erratique.

Lorsque j’ai demandé à mon conjoint, développeur PHP/Python et ancien spécialiste SEO, de me dire ce qu’il pensait du code produit par Visual Composer sur mon site, sa réaction a été sans appel :

“Berk.”

(J’avais parié que je pourrai insérer cette citation dans mon article ; coucou chéri !)

Toutefois, au-delà de ces problématiques de développeur-puriste, Visual Composer permet de gérer son SEO de manière assez fine. Plusieurs modules incluent la possibilité de choisir ses balises titre :

  • Soit en entrant dans le code HTML en version texte (dans les blocs de texte, par exemple)
  • Soit en sélectionnant parmi une liste déroulante (dans les en-têtes personnalisés, par exemple)
wp bakery page builder seo

La possibilité de choisir sa balise dans Visual Composer

Pour les textes alternatifs des images, pas de souci non plus, puisque Visual Composer vous donne accès la Bibliothèque de médias de l’éditeur WordPress lorsque vous sélectionnez votre image.

wp bakery page builder seo

Pas de problème non plus pour optimiser le SEO de vos images

Si vous vous faites vraiment des cheveux blancs pour la propreté de votre code, vous avez même à disposition un module de “HTML brut”

wp bakery page builder seo

Un module de HTML brut pour les développeurs soucieux de leurs balises

Et pour tout le reste, il y a le fantastique plugin Yoast SEO, que vous devez déjà connaître (même si vous savez qu’il y a beaucoup d’autres choses à faire pour améliorer la visibilité d’un site sur Google).

Responsiveness

Adapter son site ou son blog à tous les formats d’écrans est plus que jamais essentiel. La bonne nouvelle, c’est que Visual Composer produit des pages tout à fait correctes en termes de responsive.

Vous pouvez d’ailleurs vérifier le rendu sur plusieurs formats depuis le FrontEnd Editor du constructeur de page. Et si le rendu final s’avère peu satisfaisant, Visual Composer permet d’adapter à la main les réglages responsive de chacune des colonnes créées.

visual composer responsive

Le paramétrage manuel du responsive sous WP Bakery page builder

Quelle évolutivité ?

Comme avant de se lancer dans l’utilisation de tout plugin, il est essentiel de vérifier que les développeurs d’un constructeur de page suivent les mise à jour de WordPress.

D’autant plus qu’il s’agit là du design de votre site : autant dire que si votre page builder vous lâche à la première mise à jour, c’est tout votre site qui tombe à l’eau.

Tout peut s'écrouler

Pour Visual Composer, rien à signaler à première vue. Le plugin est régulièrement mis à jour, les forums du SAV sont truffés de réponses rapides des développeurs.

Attention, méfiez-vous des apparences. Si je n’ai jamais expérimenté de problèmes avec mon site créé avec ce constructeur de page, j’ai pu cependant trouver de nombreux cas de bugs suite à des mises à jour WordPress :

  • En 2016, lors du passage à la version 4.5 de WordPress, le plugin tournait dans le vide sur le CMS, et les éléments créés avec Visual Composer avaient tout bonnement… disparu des sites web !
  • Plus récemment, en 2017, des utilisateurs ont signalé que le plugin bugguait sans cesse lors de la création des pages en mode Éditeur de l’administration, rendant le processus invivable.

Et les forums sont truffés de ces expériences ! Prudence donc lors des mises à jour.

Note du rédacteur : On peut également déplorer que le Visual Composer embarqué dans les thèmes Themeforest ne se met pas à jour comme la version “officielle du plugin”. Il vous faudra acheter WP Bakery page builder seul, et le réinstaller sur votre thème, pour bénéficier des nouvelles fonctionnalités… et éviter qu’un pirate ne profite des bugs de votre version périmée !

Si on parcourt les forums officiels de WP Bakery, on se rend d’ailleurs compte que le support en avant-vente n’est pas très loquace. Sûrement une des conséquences de la grande popularité du plugin : pas besoin de faire d’effort commercial pour que la solution soit achetée…

Quel rapport qualité/prix ?

Pour acquérir la version de base de WP Bakery page builder (anciennement Visual Composer), vous devrez débourser 45$ : un prix tout juste correct pour un constructeur de page qui vous permet, finalement, d’atteindre un design assez simpliste.

Toutefois, pour répliquer des designs modernes, dynamiques, et originaux, il y a fort à parier que vous ne pourrez pas vous passer de quelques uns des 200 add-ons payants qui existent pour Visual Composer.

Animations CSS, tableaux, sliders… autant d’éléments auxquels vous n’aurez pas accès dans la version basique, et qu’il vous faudra ajouter a posteriori à votre interface WordPress. Et à 10$ l’add-on en moyenne… votre portefeuille pourrait rapidement regretter votre premier achat.

Voici tout de même une sélection de quelques add-ons populaires, à envisager selon vos besoins :

visual composer addon

  • Visual Composer Extensions Addons (23$). En plus de 140 modules supplémentaires, le “Template + Widget Builder” de cet add-on vous permettra de sauvegarder et répliquer un template que vous aurez créé sur n’importe quelle page de votre site, est particulièrement intéressant. On apprécie aussi les quelques modules compatibles WooCommerce.

visual composer addon

  • Massive Addons for WPBakery Page Builder (25$). Une extension intéressante, qui propose notamment des modules dynamiques (bannières et boutons au hover personnalisables, jolis sliders…) ainsi qu’une trentaine de templates supplémentaires.

visual composer addon

  • Visual Composer Undo/Redo (6$) : Je vous en ai parlé précédemment, et croyez-moi : cet add-on, qui installe sur votre Visual Composer un bouton “annuler”, vous sera de la plus grande utilité.

visual composer addon

  • CSS Animator for Visual Composer (16$). Sans finir par être un piège à épileptique, on aime souvent ajouter des animations CSS à son site pour le dynamiser. C’est ce que propose cet add-on : voyez donc toutes les animations possibles ici.

Le mot de la fin : notre avis sur Visual Composer

Malgré sa mauvaise réputation parmi la communauté WordPress, le constructeur de page historique de WP Bakery reste un plugin intéressant sur certains aspects.

Les points forts

  • Une interface What You See Is What You Get fiable, qui aide les plus novices à générer des pages basiques sans avoir besoin de rentrer dans le code HTML ou CSS : what you see is what you really get (ce que vous voyez à l’écran est véritablement ce que vous verrez sur votre site) ;
  • Une intégration gratuite à de nombreux thèmes sur ThemeForest – mais n’oubliez toutefois pas qu’il vous faudra acheter la version originelle pour avoir accès à ses mises à jour, et éviter les piratages ;
  • Un plugin qui ne nuit pas tant que ça à la performance d’un site, assurant une expérience utilisateur optimale ;
  • La traduction du plugin en Français qui, même si elle laisse à désirer parfois, aide les moins anglophones à s’en sortir.

Les points faibles

  • Une personnalisation des éléments assez complexe in fine, pour une prise en main assez compliquée ;
  • Un gouffre financier avec les nombreux add-ons à intégrer pour avoir un résultat vraiment original ;
  • Une véritable plaie pour le faire prendre en main à ses clients ;
  • Des bugs à tire-larigot lors des mises à jour.

Visual Composer : pour qui ?

  • Les débutants seront attirés par le fait que Visual Composer soit déjà intégré à certains thèmes très populaires. Gare toutefois à la prise en main assez complexe, qui demandera beaucoup de temps aux créateurs de sites non-aguerris ;
  • Les marketeurs apprécieront l’expérience utilisateur finale que procurent les sites créés par Visual Composer, mais regretteront le besoin d’intégrer des add-ons payants pour dépasser le site-vitrine basique, ou avoir des plugins compatibles avec un site e-commerce ;
  • Les développeurs WordPress trouvent (et trouveront toujours) Visual Composer chronophage, et difficile à faire prendre en main au client une fois le site finalisé. À fuir de toute urgence !

Si, après avoir lu ce qu’on avait à en dire, vous estimez que Visual Composer est fait pour vous, vous pouvez vous procurer la version originelle de WP Bakery Page Builder (anciennement Visual Composer) en cliquant sur le bouton ci-dessous.

Télécharger WP Bakery Page Builder – 45$

Et vous, vous utilisez Visual Composer ? Vous en cauchemardez la nuit, ou vous ne pouvez plus vous en passer ? Ou au contraire, vous en êtes absolument fan ? Faites-nous part de vos expériences dans les commentaires !