Les 10 meilleurs plugins WordPress Page Builder comparés 2022

Vous essayez de choisir le meilleur constructeur de pages WordPress pour votre site Web ?

J'ai travaillé avec 10 constructeurs de pages WordPress différents pour vous aider à prendre votre décision. Oui - j'ai utilisé chacun d'entre eux - ce n'est pas seulement une liste basée sur la copie marketing .

Je vais comparer objectivement ces 10 constructeurs de pages WordPress en cinq catégories :

1. Interface – comment fonctionne l'interface et facilite-t-elle la création de belles pages ?
2. Widgets/modèles inclus – quelles options avez-vous pour créer vos pages ?
3. Options de style – comment pouvez-vous styliser les éléments de votre page ?
4. Autres fonctionnalités notables - le constructeur de pages offre-t-il des fonctionnalités uniques notables ?
5. Verrouillage - que se passe-t-il si jamais vous souhaitez désactiver le plugin ? Vous perdrez toujours votre style personnalisé, mais certains constructeurs de pages laissent derrière eux un code autrement propre, tandis que d'autres ne le font pas.

Pour chaque catégorie, je donnerai au constructeur de page une note sur 5.

Ensuite, à la fin, je rassemblerai tout et recommanderai ce que je pense être le meilleur constructeur de pages WordPress.

Voici les 10 constructeurs de pages WordPress que je vais examiner – vous pouvez cliquer pour accéder à un constructeur de page spécifique :

• Élémentaire
• Castor Bâtisseur
• Constructeur Divi
• Architecte prospère
• Générateur de pages SiteOrigin
• Générateur de pages WPBakery
• Themify Constructeur
• Brizy
• Compositeur visuel
• Générateur de pages WP

Ou vous pouvez vous diriger directement vers le tableau de comparaison.

1. Élémentaire

Lancé à l'origine en 2016, Elementor est l'un des plus jeunes constructeurs de pages de cette liste. Mais même s'il a démarré tardivement, Elementor a rapidement accumulé plus de 3 000 000 d'installations actives sur WordPress.org, ce qui en fait le constructeur de pages le plus populaire, du moins selon les chiffres de WordPress.org.

Son titre de gloire est une interface visuelle rapide et sans problème, des options de style flexibles et d'autres fonctionnalités puissantes telles que la création de thèmes complets.

Bien qu'il ait commencé comme un simple éditeur de page, la version premium, Elementor Pro, vous permet désormais de faire bien plus que la simple création de pages. Les deux caractéristiques les plus notables sont :

• Générateur de thème - concevez l'intégralité de votre thème en utilisant la même interface Elementor pratique. Cela inclut votre en-tête, votre pied de page, vos pages d'archives, vos pages de publication unique, vos pages de produit/boutique WooCommerce, vos modèles de type de publication personnalisés, etc. Vous obtenez des widgets dédiés pour les éléments communs et vous pouvez même insérer dynamiquement du contenu à partir de champs personnalisés.
• Popup Builder - concevez des popups flexibles à l'aide de l'interface complète d'Elementor. Vous pouvez inclure tous les widgets Elementor réguliers, ce qui vous permet de créer des fenêtres contextuelles d'inscription aux e-mails, des fenêtres contextuelles de formulaire de contact, des fenêtres contextuelles de connexion, etc.

Ces deux ajouts aident vraiment Elementor à se démarquer de la concurrence. Bien que la création de thèmes devienne une fonctionnalité populaire, le générateur de popup est toujours assez unique.

Lisez notre revue Elementor Pro.

Prix ​​: Version de base gratuite. Elementor Pro commence à 49 $ pour une utilisation sur un seul site.

Interface – 5/5

L'interface Elementor est divisée en deux parties principales, avec une troisième zone pour certains paramètres plus petits :

• 1 - c'est l'aperçu en direct de votre conception. Il ressemble exactement à ce que vos visiteurs verront. Vous pouvez également taper du texte directement dans cette interface, ainsi que faire glisser et déposer divers éléments pour les réorganiser.
• 2 – cela montre une liste d'éléments que vous pouvez utiliser. Vous venez de les faire glisser. Et lorsque vous sélectionnez un élément individuel ou une section, c'est ici que vous le stylisez.
• 3 - ceux-ci vous aident à accéder à des aperçus réactifs, à annuler / rétablir des modifications et à d'autres fonctionnalités plus petites.

Par exemple, voici un aperçu de la façon dont vous pouvez faire glisser un widget de texte, puis simplement taper sur la page (édition en ligne) pour modifier le texte :

Avec Elementor Pro, vous pouvez utiliser cette même interface pour concevoir votre thème et vos popups. Vous obtenez également des widgets/fonctionnalités dédiés pour vous aider à le faire.

Widgets/Modèles inclus – 5/5

Dans la version gratuite, Elementor comprend 28 widgets gratuits . Et vous pouvez également utiliser tous les principaux widgets WordPress. La version Pro ajoute environ 30 autres widgets , vous donnant un total de 58 widgets dans la version Pro :

La version gratuite est également livrée avec environ 40 modèles gratuits . Et la version Pro ajoute des centaines de modèles supplémentaires.

Les modèles sont disponibles en deux formats :

• Pages – conceptions pleine page que vous n'avez qu'à modifier.
• Blocs - sections individuelles que vous pouvez assembler comme des Legos.

Vous pouvez également enregistrer vos propres conceptions en tant que modèles pour les réutiliser ultérieurement.

Options de style - 5/5

Lorsque vous cliquez sur une section, une colonne ou un widget, Elementor propose trois onglets de style dans la barre latérale gauche.

Les options exactes dépendent de l'élément que vous modifiez, mais Elementor offre généralement l'un des ensembles d'options de style les plus complets de tous les constructeurs de pages.

Au-delà des éléments de base tels que les couleurs, les arrière-plans et la typographie, vous pouvez également contrôler des paramètres plus avancés tels que :

• Marges/remplissage personnalisés.
• Classes/ID CSS personnalisés. Avec Elementor Pro, vous pouvez directement ajouter des styles CSS à des éléments individuels.
• Commandes réactives. Vous pouvez afficher/masquer des éléments sur des appareils spécifiques.

Elementor a également récemment ajouté un positionnement personnalisé, ce qui facilite grandement le placement de widgets à des endroits spécifiques de la page.

Autres caractéristiques notables - 5/5

Ces fonctionnalités sont disponibles dans Elementor Pro :

• Bâtiment à thème complet. Vous pouvez utiliser la même interface Elementor pour créer des éléments de modèle tels que des en-têtes, des pieds de page, des singles et des archives. Fondamentalement, vous pouvez créer votre thème entier avec Elementor.
• Constructeur WooCommerce - concevez vos pages de produit et de boutique WooCommerce.
• Bâtiment pop -up . Concevez des popups flexibles et ciblez-les sur un contenu spécifique.
• Intégrations de formulaires . Connectez le widget de formulaire aux services de marketing par e-mail populaires (ou Zapier pour encore plus de flexibilité).
• Widgets globaux. Ceux-ci vous permettent de réutiliser un élément commun sur plusieurs pages et de modifier toutes les instances du widget global en mettant simplement à jour le widget global.
• Intégrez n'importe où . Utilisez les modèles Elementor dans d'autres domaines via des widgets ou des codes abrégés.

Verrouillage - 5/5

Si jamais vous désactivez Elementor, cela laisse un code propre. Par exemple, si vous aviez un en-tête <h3> avec Elementor, vous aurez toujours un en-tête <h3> après avoir désactivé Elementor - il utilisera simplement le style de votre thème.

2. Bâtisseur de castors

Beaver Builder est un pilier du marché des constructeurs de pages depuis un certain temps maintenant. Il produit du code propre ( pour un constructeur de page ), est populaire auprès des utilisateurs finaux et des implémenteurs, et reçoit une attention régulière sous la forme de nouvelles fonctionnalités et de mises à jour.

Il existe également des modules complémentaires officiels que vous pouvez associer pour plus de flexibilité, notamment un thème optionnel Beaver Builder et l'extension Beaver Themer.

Lisez notre revue Beaver Builder.

Prix ​​: Version gratuite limitée. À partir de 99 $ pour une utilisation sur des sites limités.

Interface – 5/5

Beaver Builder offre une interface unique pour son constructeur visuel frontal. Vous faites la plupart de votre travail à partir d'une barre latérale sur la droite. Mais ces options de la barre latérale n'apparaissent que lorsque vous cliquez sur un bouton dans la barre supérieure, il est donc possible d'afficher un aperçu plein écran à tout moment :

• 1 - vous cliquez dessus pour ouvrir la zone de la barre latérale
• 2 - ceci est un aperçu en direct de votre conception

Beaver Builder a récemment ajouté l'édition de texte en ligne, ce qui signifie que vous pouvez soit taper directement sur la page pour modifier votre texte, soit utiliser la fenêtre contextuelle qui apparaît :

L'utilisation de l'édition en ligne avec le popup est un peu gênante, pour être honnête. Mais vous pouvez facilement épingler l'éditeur à la barre latérale pour résoudre ce problème.

Widgets/Modèles inclus – 4/5

Dans la version gratuite, Beaver Builder ne vous donne accès qu'à 6 modules , bien que vous puissiez également utiliser des widgets WordPress standard.

La version premium, quant à elle, vous donne accès à 30 modules . Ces modules sont également tous modulaires, vous pouvez donc les activer ou les désactiver selon vos besoins.

Dans la version premium, vous avez également accès à environ 56 modèles de page, ainsi qu'à la possibilité d'enregistrer vos propres conceptions en tant que modèles.

Options de style - 5/5

Pour styliser vos modules et sections, vous pouvez soit :

• Utiliser la fenêtre contextuelle par défaut
• Épinglez la fenêtre sur le côté pour créer une barre latérale ( vous pouvez le voir dans l'exemple ci-dessous ).

Les options exactes dépendent du module, mais généralement Beaver Builder vous donne un assez bon contrôle sur vos éléments, y compris l'espacement personnalisé et les contrôles réactifs.

Et Beaver Builder propose également une bascule très unique qui vous permet d'afficher ou de masquer des modules individuels selon qu'un utilisateur est connecté ou non :

Autres caractéristiques notables - 4/5

• Castor Themer. Bien qu'il s'agisse d'une extension distincte, elle ajoute une fonctionnalité complète de création de thème comme Elementor.
• Marquage blanc . Vous pouvez facilement mettre en marque blanche Beaver Builder si vous créez des sites pour des clients.
• Thème Castor Builder . Ce thème facultatif vous donne encore plus de contrôle sur l'apparence de votre site Web.

Bien que les caractéristiques uniques soient bonnes, j'insiste sur un point parce que vous devez payer plus pour les obtenir.

Verrouillage - 5/5

Comme Elementor, Beaver Builder laisse derrière lui un code 100% propre avec le format HTML approprié.

3. Constructeur Divi

Divi Builder est un constructeur de pages premium populaire d'Elegant Themes. Bien qu'il soit le plus souvent utilisé dans le cadre du thème Divi, Divi Builder est également un plugin autonome que vous pouvez également utiliser avec d'autres thèmes.

Contrairement aux deux constructeurs de pages précédents, Divi Builder vous permet de modifier votre contenu en utilisant à la fois une interface visuelle frontale et une interface dorsale , bien que la plupart des utilisateurs préféreront probablement l'interface frontale.

Avec la version la plus récente, Divi 4.0, Divi a également ajouté une prise en charge complète de la création de thèmes, ce qui la place à égalité avec Elementor et Beaver Builder à cet égard. Autrement dit, vous pouvez maintenant utiliser Divi pour concevoir votre en-tête, votre pied de page, vos modèles, etc.

Lisez notre avis sur Divi Builder.

Prix ​​: Disponible dans le cadre de l'abonnement Elegant Themes à 89 $

Interface – 5/5

L'interface backend de Divi Builder ressemble à ceci :

Mais la plupart du temps, vous utiliserez l'interface visuelle frontale. Le Divi Builder est définitivement unique. Je ne suis pas personnellement fan , mais je connais beaucoup de gens qui l'aiment, donc je ne vais pas marquer de points pour cette raison.

Fondamentalement, au lieu de tout type de barre latérale, tout est constitué de fenêtres contextuelles et de boutons flottants. Vous pouvez voir un exemple d'ajout de module ci-dessous :

Comme les deux constructeurs de pages précédents, vous pouvez également utiliser l'édition en ligne pour modifier votre texte directement sur la page :

C'est à vous de décider si vous préférez cette approche à la barre latérale utilisée par d'autres plugins de création de pages.

Widgets/Modèles inclus – 5/5

Divi Builder comprend 46 modules que vous pouvez utiliser pour construire vos designs :

Vous avez également accès à 316 modèles prédéfinis répartis dans 40 packs de mise en page différents, ainsi qu'à la possibilité d'enregistrer vos propres conceptions en tant que modèles :

Options de style - 5/5

Comme Beaver Builder, Divi Builder vous permet de styliser des éléments à partir d'une fenêtre contextuelle que vous pouvez, si vous le souhaitez, épingler sur le côté.

L'une des caractéristiques de Divi a toujours été le contrôle du style qu'il vous donne. Dans trois onglets différents, vous pouvez configurer une variété de paramètres, y compris des commandes réactives, un espacement personnalisé et bien plus encore.

Vous pouvez même ajouter du CSS personnalisé à l'élément principal ou avant/après l'élément principal. Les éditeurs CSS incluent même la validation de base et la saisie semi-automatique ! Et vous pouvez également ouvrir un sélecteur de couleurs directement depuis l'éditeur :

Dans l'ensemble, Divi Builder repousse vraiment les limites avec ses options de style - c'est une bonne chose.

Autres caractéristiques notables - 5/5

• Création de thème - concevez l'intégralité de votre thème à l'aide de l'interface Divi Builder.
• Test A/B. L'une des meilleures fonctionnalités supplémentaires est le système de test A/B intégré de Divi Builder. Aucun autre constructeur de pages ne permet de diviser aussi facilement le test dans le noyau.
• Thème Divi . Associer le Divi Builder au thème Divi vous donne un contrôle total sur l'apparence de votre site.
• Contrôles d'accès des utilisateurs . Divi Builder inclut de solides contrôles d'accès basés sur les rôles.
• Contrôles du personnalisateur WordPress . Vous pouvez personnaliser l'apparence de certains éléments à l'aide du personnalisateur WordPress natif.

Verrouillage - 3/5

L'une des critiques de Divi Builder a toujours été qu'il est basé sur un shortcode. Cela signifie que si jamais vous le désactivez, il laissera un tas de codes abrégés dans votre contenu.

Bien que ce soit un peu déprimant, c'est moins un problème maintenant que des plugins comme Shortcode Cleaner existent. Vous perdrez la mise en forme - comme une balise <h3> - mais vous ne perdrez pas le contenu lui-même.

4. Architecte prospère

Thrive Architect est la version remaniée de ce qui était autrefois Thrive Content Builder. La nouvelle interface présente de nombreuses similitudes avec l'interface d'Elementor, que vous verrez dans une seconde.

Bien que tout le monde puisse l'utiliser, il est particulièrement populaire auprès des blogueurs et des spécialistes du marketing affilié en raison de l'accent mis sur les taux de conversion. Et l'une des choses que j'aime personnellement à propos de Thrive Architect est que son style par défaut est plutôt beau dès la sortie de la boîte.

Lisez notre avis sur Thrive Architect.

Prix ​​: Il fait partie de Thrive Suite, qui coûte 19 $ par mois (facturé annuellement).

Interface – 5/5

Comme je l'ai dit, vous verrez quelques similitudes entre l'interface de Thrive Architect et l'interface Elementor ( Elementor est venu en premier, au cas où vous vous poseriez la question ):

C'est la même idée, vous avez :

• 1 - c'est l'aperçu en direct de votre conception. Il ressemble exactement à ce que vos visiteurs verront. Vous pouvez également taper du texte directement dans cette interface, ainsi que faire glisser et déposer divers éléments pour les réorganiser.
• 2 – cela montre une liste d'éléments que vous pouvez utiliser. Vous venez de les faire glisser. Et lorsque vous sélectionnez un élément individuel ou une section, c'est ici que vous le stylisez.
• 3 - ceux-ci vous aident à accéder à des aperçus réactifs, à annuler / rétablir des modifications et à d'autres fonctionnalités plus petites.

Oui - j'ai copié et collé cela depuis la section Elementor .

Une chose unique est le sélecteur de fil d'Ariane lorsque vous cliquez sur un élément imbriqué. Cette fonctionnalité est en fait très pratique lorsque vous souhaitez passer rapidement d'un élément à une section :

Et Thrive Architect propose également une véritable édition de texte en ligne. En fait, Thrive Architect possède la fonctionnalité d'édition en ligne la plus transparente de tous les constructeurs de pages, à mon avis :

Widgets/Modèles inclus – 4/5

Thrive Architect propose 40 widgets différents , dont certains comme un compte à rebours à feuilles persistantes.

Thrive Architect comprend également des centaines de modèles divisés en ~36 "ensembles". Et vous pouvez également enregistrer vos propres conceptions en tant que modèle.

Options de style - 5/5

Thrive Architect rompt avec Elementor dans la façon dont il gère le style. Plutôt que de vous donner des onglets, Thrive Architect inclut tout dans une seule colonne.

Les options de style sont assez détaillées et incluent des commandes réactives et un espacement personnalisé :

Vous pouvez également ajouter votre propre CSS personnalisé au niveau de la page . Pour les éléments individuels, vous ne pouvez attribuer que des classes CSS ou des ID.

Autres caractéristiques notables - 3/5

Une fonctionnalité intéressante est la possibilité de configurer des événements de page . Celles-ci vous permettent d'afficher une fenêtre contextuelle lightbox basée sur certains déclencheurs :

Et une autre chose intéressante est la façon dont il s'intègre avec d'autres produits Thrive Themes. Par example:

• Si vous utilisez Thrive Optimize, vous pouvez exécuter des tests A/B à l'aide de Thrive Architect.
• Si vous utilisez Thrive Leads, vous pouvez facilement intégrer les opt-ins détaillés de Thrive Leads dans Thrive Architect.

Verrouillage - 5/5

Thrive Architect laisse derrière lui un code 100% propre comme Elementor et Beaver Builder.

5. Générateur de pages SiteOrigin

SiteOrigin Page Builder existe depuis ce qui semble être une éternité. Et dans ce «pour toujours», il a réussi à collecter plus d'un million d'installations actives sur WordPress.org, ce qui en fait l'un des plugins de création de pages les plus populaires du marché.

Bien que SiteOrigin Page Builder soit un peu plus léger que la plupart des autres options de cette liste, il offre d'excellentes performances et des tonnes de contrôles CSS utiles.

Prix ​​: Gratuit. Le forfait SiteOrigin Premium commence à 29 $

Interface – 3/5

SiteOrigin possède deux interfaces que vous pouvez utiliser pour créer votre conception.

Vous avez l'éditeur backend d'origine :

Vous pouvez faire glisser et déposer des blocs ou cliquer sur un bloc spécifique pour le modifier.

Cet éditeur vous donne le plus d'espace pour travailler, mais il manque tout type d'aperçu en direct.

Si vous souhaitez cet aperçu en direct, SiteOrigin Page Builder a ajouté un mode d'édition en direct :

Ce n'est pas la même chose que les autres constructeurs de pages de cette liste car vous ne pouvez pas faire glisser et déposer les éléments sur l'aperçu en direct . Mais c'est aussi plus qu'un simple aperçu de votre conception car il y a une certaine interactivité entre les cases abstraites sur la gauche et l'aperçu en direct.

Par exemple, vous pouvez survoler une case sur l'aperçu en direct et la case correspondante dans la barre latérale affichera également la surbrillance. Vous pouvez également cliquer sur un élément dans l'aperçu en direct pour ouvrir ses paramètres :

Widgets/Modèles inclus – 2/5

Au-delà des principaux widgets WordPress, SiteOrigin Page Builder propose également un plug-in Widgets Bundle gratuit qui ajoute un ensemble modulaire de 23 widgets que vous pouvez utiliser. Il comprend également environ 25 modèles prédéfinis que vous pouvez utiliser, bien qu'ils soient assez rudimentaires par rapport aux autres constructeurs de pages.

Vous ne pouvez pas enregistrer vos conceptions en tant que modèles, mais vous pouvez facilement cloner des pages existantes, ce qui vous offre des fonctionnalités similaires.

Options de style - 3/5

Les options de style de SiteOrigin Page Builder vont être décevantes par rapport aux autres constructeurs de pages si vous ne connaissez pas CSS . Mais si vous êtes à l'aise avec votre propre CSS, ils sont en fait très utiles.

Au-delà de l'ajout de classes CSS et d'ID, vous pouvez également ajouter directement des CSS à des éléments individuels, y compris une section pour les CSS uniquement mobiles :

Vous disposez également de nombreuses options de style non CSS, mais pas autant que les autres plugins. Si vous êtes un développeur qui envisage d'utiliser votre propre CSS, vous pourriez probablement donner au plugin un 5 pour cette catégorie. Mais je le ramène à 3 parce que je pense que c'est là que ça convient aux utilisateurs réguliers .

Autres caractéristiques notables - 2/5

SiteOrigin Page Builder est assez léger, mais vous obtenez un générateur de type de publication personnalisé de base dans le pack SiteOrigin Premium.

Verrouillage - 4/5

SiteOrigin Page Builder laisse derrière lui un mélange de code HTML propre et de codes abrégés. C'est-à-dire que certains des widgets - comme l'éditeur de texte - laissent derrière eux du HTML propre, tandis que d'autres - comme le widget bouton - laissent derrière eux des codes abrégés.

6. Générateur de pages WPBakery

WPBakery Page Builder, anciennement connu sous le nom de Visual Composer, est un autre constructeur de pages premium extrêmement populaire. Une grande partie de cette popularité vient du fait que WPBakery Page Builder est fourni avec ce qui semble être 99% des thèmes de ThemeForest. Mais le fait demeure qu'il est utilisé sur un grand nombre de sites .

Prix ​​: 64 $

Interface – 3/5

Comme Divi Builder, WPBakery Page Builder vous offre à la fois une édition frontale visuelle et une édition back-end.

Vous pouvez utiliser l'interface back-end si vous voulez :

Mais je pense que la plupart des gens seront plus heureux sur le front-end, qui ressemble à ceci :

Vous insérez de nouveaux éléments et les stylisez à l'aide de fenêtres contextuelles - il n'y a pas de zone de barre latérale, ni d'édition en ligne.

Personnellement, je ne suis pas fan de cette approche, mais certaines personnes l'aiment parce qu'il n'y a rien qui gêne l'aperçu en direct lorsque vous n'avez pas de popup ouvert .

Widgets/Modèles inclus – 3/5

WPBakery Page Builder propose 39 éléments , ainsi que tous les widgets WordPress normaux. Certains de ces éléments seraient cependant combinés dans un autre constructeur de page, donc le nombre réel ressemble plus à ~33 :

Vous obtenez également environ 86 modèles. Certains modèles sont des pages complètes, tandis que d'autres ne sont que des sections.

Options de style - 3/5

Comparé à quelque chose comme Elementor ou Divi Builder, les options de style de WPBakery Page Builder sont un peu limitées.

Vous avez un bon contrôle sur les lignes :

Mais les options de style pour les éléments individuels sont un peu plus limitées.

Si vous souhaitez utiliser votre propre CSS, vous pouvez ajouter une classe ou un ID CSS personnalisé à des éléments individuels, ou vous pouvez ajouter des styles réels au niveau de la page :

Autres caractéristiques notables - 3/5

Je ne suis pas sûr que WPBakery Page Builder possède lui- même des fonctionnalités uniques particulièrement remarquables. Mais ce qu'il a, c'est une énorme communauté de modules complémentaires tiers. Alors que de nombreux autres constructeurs de pages ont des modules complémentaires tiers, WPBakery Page Builder est unique en son genre, ce qui représente bien plus de 250 modules complémentaires .

Verrouillage - 3/5

Comme Divi Builder, WPBakery Page Builder laisse derrière lui un tas de shortcodes dans votre contenu si jamais vous le désactivez.

7. Constructeur Themify

Themify Builder est, sans surprise, l'offre de création de pages de Themify. Themify le regroupe avec plusieurs de leurs thèmes pour offrir aux clients des options de personnalisation faciles. Mais vous pouvez également l'acheter en tant que plugin autonome et l'utiliser avec n'importe quel thème.

Prix : Version gratuite allégée. Pro commence à 39 $ ou 59 $ (selon les modules complémentaires)

Interface – 4/5

Comme Divi Builder et WPBakery Page Builder, Themify Builder vous permet de créer vos conceptions à l'aide d'interfaces back-end et front-end.

Avec la version 4.0, Themify Builder a apporté quelques mises à jour à l'interface, ce qui m'a fait augmenter le score d'un cran.

L'interface principale ressemble à ceci :

Mais encore une fois, la plupart des gens voudront probablement utiliser l'interface frontale, qui fonctionne ainsi :

• 1 - vous permet d'insérer de nouveaux modules ( 2 manières différentes )
• 2 – aperçu en direct
• 3 – aperçus réactifs, annuler/rétablir et autres paramètres

Il n'y a pas d'édition en ligne - vous devrez modifier votre texte dans une fenêtre contextuelle :

Pourtant, la nouvelle interface semble beaucoup plus "rapide" que l'ancienne, ce qui crée une expérience d'édition beaucoup plus rapide.

Il ajoute également un sélecteur de style fil d'Ariane au-dessus de la fenêtre contextuelle des paramètres, ce qui vous permet de basculer rapidement entre un module lui-même et les lignes et colonnes dans lesquelles il se trouve.

Enfin, l'un de mes nouveaux ajouts préférés est la possibilité d'ajouter des marges et du rembourrage simplement en cliquant et en faisant glisser sur la page. Il s'agit d'une énorme mise à niveau et il est beaucoup plus facile d'ajuster le positionnement sur votre page. Vous pouvez voir comment je peux ajuster la marge ( rose ) en la faisant simplement glisser :

Vraiment, ma seule critique majeure est toujours le manque d'édition de ligne.

Widgets/Modèles inclus – 3/5

Themify Builder propose ~32 modules (selon vos add-ons), ainsi que tous les widgets WordPress normaux.

Vous obtenez également environ 143 modèles de page complète, ainsi qu'un plus petit nombre de Rows , qui sont essentiellement des sections prédéfinies .

Options de style - 4/5

Si vous cliquez sur un élément, vous obtiendrez quatre onglets différents pour vous aider à le styliser :

• Contenu
• Style ( illustré ci-dessous )
• Visibilité ( permet de masquer un élément sur certains appareils )
• Animation

Une autre bonne chose est que Themify Builder vous permet de personnaliser vos points d'arrêt réactifs ( mais uniquement au niveau du site ).

Dans la version 4.0, Themify Builder a également ajouté des séparateurs de forme personnalisés, qui vous permettent de choisir parmi 25 formes prédéfinies.

Autres caractéristiques notables - 4/5

Une chose intéressante à propos de Themify Builder est qu'il vous permet toujours d'utiliser l'éditeur WordPress standard, alors que d'autres constructeurs de pages vous obligent à utiliser l'interface de création de pages pour tout . Le contenu Themify Builder est marqué dans l'éditeur WordPress afin que vous puissiez placer du contenu autour de lui :

Cette fonctionnalité fonctionne également dans le nouvel éditeur de blocs WordPress.

Une autre nouvelle fonctionnalité intéressante est la possibilité d'utiliser différentes résolutions pour une conception réactive. De nombreux constructeurs de pages vous donnent simplement des aperçus génériques "Mobile" et "Tablette", mais Themify Builder vous permet en fait de tester différents appareils.

Verrouillage - 5/5

Themify Builder s'est considérablement amélioré en ce qui concerne le verrouillage. Maintenant, si vous le désactivez, il laisse votre contenu avec du HTML propre.

8. Brizy

Lancé en avril 2018, Brizy est l'un des "plus jeunes" constructeurs de pages de cette liste. Mais il vient d'un développeur bien connu - ThemeFuse - et a rapidement accumulé 60 000 installations actives. De plus, il offre simplement une approche unique de certaines parties de la création de pages, ce qui en fait une offre intéressante.

Les développeurs publient également rapidement de nouvelles fonctionnalités et Brizy prend déjà en charge la création de thèmes et de fenêtres contextuelles.

Prix ​​: version gratuite de base. La version Pro commence à 49 $.

Interface – 5/5

Brizy est exclusivement un constructeur de pages visuelles frontales.

Pour construire votre page, vous devez d'abord ajouter un bloc. Vous pouvez utiliser un bloc vide ou choisir parmi les blocs de section prédéfinis :

La partie "interface unique" est ce qui se passe une fois que vous commencez à ajouter des éléments. Plutôt que d'avoir une barre latérale ou une fenêtre contextuelle où vous personnalisez/stylisez l'élément, presque tout se passe en ligne (y compris la saisie).

Regardez ce que je veux dire :

Le résultat est un moyen très rapide de créer des pages.

Widgets/Modèles inclus – 4/5

Brizy propose actuellement 26 éléments de base . Ce nombre est petit, mais Brizy est encore nouveau, donc j'espère qu'il augmentera avec le temps.

Vous obtenez également des éléments supplémentaires pour certaines fonctionnalités, comme un élément de menu lorsque vous créez un en-tête.

Il comprend également plus de 150 blocs (sections de modèles) que vous pouvez utiliser.

Options de style - 5/5

En raison du fonctionnement de l'interface de Brizy, il n'y a pas de formule définie pour les options de style comme les autres constructeurs de pages.

Vous pouvez développer une barre latérale pour les paramètres avancés tels que l'espacement et les commandes réactives :

Vous pouvez également ajouter un style de base au niveau de la page afin de ne pas avoir à modifier manuellement chaque élément :

Mais la plupart du temps, vous utiliserez les contrôles en ligne pour styliser vos éléments, ce qui vous donne un bon contrôle.

Autres caractéristiques notables - 5/5

L'interface de Brizy est déjà assez unique, mais elle a également rapidement constitué une liste de fonctionnalités assez stellaire depuis sa sortie :

• Générateur de thèmes - concevez des en-têtes, des pieds de page, des archives et des modèles de publication unique à l'aide de Brizy. Le support WooCommerce est en route . Il comprend également une fonctionnalité dynamique permettant d'intégrer du contenu de champ personnalisé à partir de plugins populaires tels qu'ACF et Toolset.
• Générateur de fenêtres contextuelles - concevez des fenêtres contextuelles à l'aide de l'interface Brizy et utilisez des conditions pour contrôler où/quand elles s'affichent.
• Bannières globales synchronisées sur plusieurs pages.
• Intégrations avec les services de marketing par e-mail populaires (et Zapier).

Verrouillage - 4/5

Brizy laisse derrière lui un code HTML essentiellement propre si jamais vous le désactivez. Mais cela laisse encore un tas de divs avec des classes Brizy CSS dans le code, ce qui gâche un peu l'espacement et nécessiterait un nettoyage.

9. Compositeur visuel

Ci-dessus, je vous ai dit que WPBakery Page Builder était connu sous le nom de Visual Composer. La raison de cet "habitude" est que l'équipe derrière Visual Composer a décidé de créer WPBakery Page Builder afin de pouvoir lancer un tout nouveau produit en utilisant le nom de Visual Composer.

C'est ce sur quoi nous nous concentrons dans cette section.

Bien qu'il vienne de la même équipe, c'est un produit complètement séparé.

La principale différence est que Visual Composer est un constructeur de site Web complet, tandis que WPBakery Page Builder n'est qu'un constructeur de page .

Prix ​​: Version gratuite limitée. La version Pro commence à 49 $.

Interface – 3/5

Lorsque vous créez une nouvelle page avec Visual Composer, vous pouvez choisir parmi plusieurs mises en page différentes pour votre canevas. Vous pouvez faire une toile complètement vierge, inclure votre en-tête/pied de page, etc.

À partir de là, vous pouvez tout concevoir à l'aide d'une interface visuelle :

L'interface est fluide et sans problème, cependant, elle manque d'édition en ligne, ce qui est un peu décevant. Au lieu de cela, vous devez modifier le texte dans la barre latérale :

De plus, je ne trouve pas que les options de la barre latérale soient aussi utilisables car tout est une seule longue colonne. Je préfère l'approche que la plupart des autres constructeurs de pages utilisent, qui consiste à diviser les paramètres en onglets.

Widgets/Modèles inclus – 5/5

Lorsque vous installez Visual Composer pour la première fois (ou si vous utilisez simplement la version gratuite), vous n'avez accès qu'à quelques blocs et à aucun modèle.

Ne vous y trompez pas, cependant - Visual Composer propose une vaste sélection d'éléments et de modèles - il vous suffit de vous connecter au hub Visual Composer et de télécharger ceux que vous souhaitez utiliser :

Comme vous pouvez le voir, il existe une grande variété, avec tout, des blocs de contenu aux intégrations et plus encore. Il existe également une variété similaire en ce qui concerne les modèles.

Options de style - 4/5

Les options de style de Visual Composer sont solides, mais rien ne se démarque vraiment. Vous obtenez toutes les fonctionnalités que vous attendez, telles que les séparateurs de forme, l'espacement personnalisé, la parallaxe, etc.

Vous bénéficiez également de commandes réactives pour modifier la conception en fonction de l'appareil de l'utilisateur, ainsi que d'une grande variété d'options de prévisualisation réactives.

Deux fonctionnalités intéressantes sont les options permettant de rendre une ligne ou un élément collant et de contrôler l'empilement des colonnes.

Autres caractéristiques notables - 5/5

Comme je l'ai mentionné ci-dessus, Visual Composer est un constructeur de site Web complet, vous pouvez donc créer l'intégralité de votre site à l'aide de son interface, y compris les en-têtes, les pieds de page, les modèles, etc.

Vous pouvez également insérer du contenu dynamique à partir de champs par défaut et personnalisés, tels que ceux que vous ajoutez avec ACF.

L'autre fonctionnalité remarquable est le Visual Composer Hub, qui contient des tonnes de modèles et d'éléments de contenu que vous pouvez importer.

Verrouillage - 5/5

Si vous désactivez Visual Composer, il laisse derrière lui un code HTML relativement propre. Le code HTML inclut toujours les classes CSS de Visual Composer, mais il n'y a pas de problèmes frontaux ou de codes abrégés.

dix. Générateur de pages WP

WP Page Builder est une nouvelle offre de Themeum, un développeur WordPress établi. Ainsi, bien que le plugin lui-même soit nouveau, il provient d'une équipe qui travaille dans l'espace WordPress depuis un certain temps.

Themeum fabrique également le plugin Tutor LMS que nous avons examiné il n'y a pas si longtemps.

Prix ​​: Version gratuite assez généreuse. La version Pro commence à 39 $.

Interface – 4/5

WP Page Builder a une interface assez standard en ce qui concerne les constructeurs de pages. Vous obtenez un aperçu visuel de votre conception sur la droite et une barre latérale sur la gauche où vous pouvez contrôler vos conceptions.

Une chose que j'aime beaucoup est la possibilité d'ajuster l'espacement (marges/remplissage) à l'aide d'un curseur glisser-déposer. Vous pouvez également utiliser une approche similaire par glisser-déposer pour redimensionner les colonnes :

Cependant, il n'y a pas d'édition en ligne, ce qui est un peu déprimant. Au lieu de cela, vous devrez modifier le texte dans l'éditeur de la barre latérale :

Widgets/Modèles inclus – 5/5

Même avec la version gratuite, WP Page Builder est livré avec une sélection stellaire de widgets. Par exemple, la version gratuite vous donne des tableaux de prix, des grilles de publication, des flip boxes, etc. La plupart des autres constructeurs de pages réservent ces éléments à la version premium.

Vous avez également accès à plus de 31 packs de mise en page, qui sont des packs de modèles thématiques pour des niches spécifiques. Chaque mise en page comprend plusieurs modèles :

Options de style - 4/5

J'ai déjà mentionné les contrôles d'espacement / de mise en page par glisser-déposer, ce qui est une fonctionnalité très pratique.

Au-delà de cela, vous obtenez également un bon éventail d'options de style. Par exemple, vous obtenez des diviseurs de forme, la possibilité de masquer des éléments sur certains appareils et d'utiliser différents paramètres pour différents appareils, ainsi que de nombreuses options de style générales :

Cependant, bien qu'il soit solide, vous n'obtenez pas autant d'options qu'avec quelque chose comme Elementor ou Divi, c'est pourquoi je vais avec un score de "4" au lieu de "5".

Autres caractéristiques notables - 3/5

WP Page Builder est un constructeur de pages solide, mais il n'a pas créé les types d'extras que vous obtenez avec d'autres constructeurs de pages. Par exemple, il n'y a pas de création de thème, de générateur de popup, etc.

Au-delà du constructeur de pages lui-même, je ne vois pas vraiment de fonctionnalités qui se démarquent.

Verrouillage - 3/5

When you disable WP Page Builder, it removes everything , including your content. Even if you just added a single text block, that text block will still disappear when you disable WP Page Builder.

The content will reappear if you reactivate the plugin.

Which Is The Best WordPress Page Builder?

So which of these 10 page builders should you choose? Well, here's how the scores stack up (in order):

And personally, that's pretty much how I would recommend them to people, as well.

On my own sites, I use a mix of Elementor and Thrive Architect, depending on the site.

If you're looking for the best value of price vs features, here's another table comparing the score to the pricing options:

Now over to you — which one do you think is the best WordPress page builder?