Visual Composer, Beaver Builder ou Thrive Content Builder – Quel est le meilleur plugin WordPress Page Builder?

Offres WordPress


Dans cet article, nous comparerons trois des meilleurs plugins de création de pages WordPress: Visual Composer (récemment renommé “WPBakery Page Builder pour WordPress“- note: il y a maintenant une toute nouvelle version de” Visual Composer “, disponible ici, qui n’est PAS la version couverte dans cet article. Cet article parle de l’ancienne version de Visual Composer, qui, encore une fois (et très confus), et est maintenant appelé «WPBakery Page Builder»), Beaver Builder et Thrive Content Builder.

Nous examinerons leurs interfaces utilisateur, les diverses dispositions et modèles prédéfinis qu’ils offrent, leurs modules et éléments (plus d’informations sur ce qu’ils sont réellement ci-dessous), ce qui se passe si / quand vous les désactivez et les expériences utilisateur globales que chacun fournit – en plus d’un peu plus pour démarrer!

À la fin de cet article, vous devriez avoir toutes les informations dont vous avez besoin pour vous aider à décider laquelle de ces trois options correspond le mieux à vos besoins.

Avant d’arriver à la vraie chair de la comparaison, jetons un coup d’œil à ce qu’est un constructeur de page, comment il fonctionne et ce qu’il peut faire pour votre site Web..

Contents

Qu’est-ce qu’un constructeur de page WordPress?

Un constructeur de page se présente généralement sous la forme d’un plugin – quelque chose que vous pouvez activer sur votre site Web WordPress pour améliorer ses fonctionnalités – et son objectif principal est de mettre à niveau l’expérience d’édition de contenu WordPress. Un constructeur de pages fournit une alternative à l’éditeur WordPress par défaut, vous permettant de créer des conceptions plus sophistiquées pour les publications, les pages et tout autre contenu de votre site Web..

Exemple d'une interface utilisateur WordPress Page Builder

Grâce à leurs interfaces utilisateur par glisser-déposer, les meilleurs outils de création de page facilitent la construction de mises en page avancées pour votre contenu. En règle générale, les lignes et les colonnes sont utilisées pour produire ces mises en page créatives, et l’apparence et le style des mises en page peuvent ensuite être personnalisés de nombreuses façons. Les polices, les couleurs et les dimensions ne sont que quelques-unes des propriétés de vos mises en page que vous pouvez contrôler.

Exemple de dispositions de lignes et de colonnes utilisées par les créateurs de pages

Les outils de création de pages les plus puissants, tels que ceux que nous comparons ici, vous permettent également d’insérer des modules ou des éléments utiles dans vos mises en page. Des modules tels que des boutons, des curseurs et des lecteurs multimédias peuvent être utilisés pour vous aider à créer du contenu riche en fonctionnalités pour votre site. De plus, les meilleurs créateurs de pages WordPress ont des interfaces conviviales qui visent à simplifier le processus de création de conceptions de page avancées.

Éléments de générateur de page typiques de Visual Composer

Si vous avez déjà souhaité avoir plus de contrôle sur l’apparence du contenu de votre site Web WordPress, un plugin de création de page pourrait être exactement ce que vous recherchez.

Les plugins de création de pages WordPress ont leurs inconvénients: certains peuvent être difficiles à utiliser avec des interfaces utilisateur peu intuitives; certains peuvent causer des problèmes si vous souhaitez modifier les outils de création de page à l’avenir. Ce ne sont que quelques-uns des problèmes que nous examinerons dans cette comparaison.

Les meilleurs plugins WordPress Page Builder

Comme mentionné, nous comparerons les trois principaux plugins de création de pages: Visual Composer, Beaver Builder et Thrive Content Builder. Mais avant d’arriver à la comparaison, voici une introduction rapide à chacun des plugins.

Compositeur visuel (brève introduction)

Compositeur visuel

Visual Composer est peut-être le plugin de création de page le plus connu pour WordPress. Il a été regroupé dans d’innombrables thèmes WordPress, ajoutant une fonctionnalité de glisser-déposer à leurs listes de fonctionnalités. Visual Composer est l’option la plus abordable ici, et il dispose d’un ensemble de fonctionnalités impressionnant.

Nous avons déjà examiné les capacités de Visual Composer dans un article précédent. Cependant, dans cette comparaison de constructeur de page, nous allons explorer à quel point Visual Composer est facile à utiliser et à quel point il se compare à la concurrence.

Site officiel

Beaver Builder (une brève introduction)

Beaver Builder

Beaver Builder est un plugin de création de page par glisser-déposer extrêmement respecté pour WordPress. Cet outil comprend une bonne sélection de modèles de page pour vous aider à démarrer. Grâce à l’interface utilisateur point-and-click frontale, vous pouvez personnaliser ces modèles ou créer vos propres conceptions de page à partir de zéro.

Il existe également une version Lite gratuite de Beaver Builder. Bien que Beaver Builder Lite ait moins de fonctionnalités que l’option premium, cela vous donne une bonne occasion d’essayer gratuitement l’expérience utilisateur de ce constructeur de page sur votre site WordPress.

Site officiel

Thrive Content Builder (une brève introduction)

Thrive Content Builder

Thrive Content Builder, de Thrive Themes, est un constructeur de page WordPress qui se concentre sur la création de conceptions de page pour aider votre site Web à générer plus de prospects. Cette priorité se reflète dans la sélection de modules que vous pouvez insérer dans votre contenu, ainsi que dans les mises en page prédéfinies.

Cependant, malgré sa concentration sur la création de pages de vente et d’autres contenus initiant l’action, Thrive Content Builder dispose de suffisamment de fonctionnalités pour en faire également un bon outil de création de pages à usage général..

Site officiel

Visual Composer, Beaver Builder et Thrive Content Builder: comparés

Pour vous aider à choisir le bon plugin de création de page WordPress pour votre site Web, nous comparerons les meilleures fonctionnalités de chaque option avant d’examiner les expériences des utilisateurs.

Comparaison des interfaces utilisateur de Page Builder

Tous ces plugins de création de page disposent d’interfaces utilisateur frontales et glisser-déposer. Cependant, chacun adopte une approche légèrement différente pour vous permettre de créer des conceptions de page personnalisées pour votre site Web WordPress.

Interface utilisateur Beaver Builder

Lorsque vous travaillez sur votre site WordPress avec Beaver Builder activé, un bouton discret est ajouté à l’éditeur.

Cliquez sur l'onglet Page Builder pour lancer Beaver Builder

Cliquer sur le bouton «Page Builder» transforme l’éditeur WordPress par défaut en un constructeur de page par glisser-déposer. Alors que l’éditeur Beaver Builder est actif, l’interface reprend l’intégralité du tableau de bord WordPress.

Exemple de capture d'écran de l'interface utilisateur de Beaver Builder

Comme l’interface utilisateur ressemble au style et à la mise en forme du tableau de bord WordPress, elle se sent comme une partie centrale de WordPress, plutôt que comme un module complémentaire tiers. Pour une apparence encore plus rationalisée, il est possible de supprimer la marque Beaver Builder si vous choisissez la licence d’agence de niveau supérieur (plus d’informations sur les options de tarification sous peu). Le survol des éléments de la page affiche les commandes disponibles.

Panneau contextuel Beaver Builder

Bien que des icônes soient utilisées pour de nombreux boutons du canevas du générateur de pages, le survol d’une icône affiche l’étiquette de texte correspondante. En cliquant sur un élément de la page, il se produit généralement quelque chose qui se produit presque instantanément, ce qui donne une bonne rétroaction pour vos actions. Bien que vous puissiez faire beaucoup grâce à l’interface utilisateur de Beaver Builder, la façon intelligente dont les commandes sont affichées signifie que vous ne vous sentez jamais submergé par les options.

Le manque d’édition en ligne est le seul domaine principal où le constructeur Beaver est en retard sur la concurrence. Cependant, avoir à saisir du texte via une fenêtre contextuelle au lieu de directement dans la page ne devrait pas être un facteur déterminant pour la plupart des gens. Au fur et à mesure que la zone latérale se contracte et s’agrandit, selon qu’elle est nécessaire, l’interface utilisateur de Beaver Builder semble moins exiguë que celle de la concurrence..

Interface utilisateur Thrive Content Builder

L’interface utilisateur de Thrive Content Builder reprend également la majeure partie de la fenêtre du navigateur, la barre d’outils d’administration WordPress restant affichée. L’aspect général n’est pas si éloigné de l’interface utilisateur WordPress par défaut qu’il est discordant lors du basculement entre les deux.

Capture d'écran de l'interface utilisateur de Thrive Content Builder

Le fait de pouvoir cliquer sur n’importe quel morceau de texte et commencer à éditer le contenu en ligne rend le Thrive Content Builder plus intuitif, et le panneau de contrôle contextuel qui s’affiche automatiquement une fois que vous commencez à éditer aide également à simplifier les choses.

Modification du texte du bouton via l'éditeur de texte en ligne

Étant donné que l’interface utilisateur de Thrive Content Builder n’affiche pas les descriptions des info-bulles lorsque vous survolez des icônes, elle est légèrement moins conviviale que la concurrence. Cependant, ce plugin de création de page n’utilise pas les icônes aussi largement que Beaver Builder et Visual Composer.

Résultats de la modification de l'emplacement de la barre latérale de Thrive Content Builder

Contrairement à Beaver Builder, la barre latérale n’est pas automatiquement réduite lorsque vous travaillez sur la conception de la page. Cependant, vous pouvez réduire le panneau de l’éditeur manuellement ou changer le côté sur lequel il s’affiche pour libérer de l’espace supplémentaire. Trouver comment étendre le panneau n’est pas aussi simple, mais il existe de superbes vidéos de formation qui peuvent vous aider..

Dans l’ensemble, l’interface utilisateur de Thrive Content Builder est facile à utiliser. Vous travaillez à travers une vue frontale de votre site, vous pouvez facilement faire glisser et déposer des éléments en place et, dans la plupart des cas, cliquer sur un élément vous permet de commencer à éditer le texte en ligne ou de modifier son apparence via une fenêtre contextuelle panneau.

Interface utilisateur de Visual Composer

Visual Composer comprend des interfaces utilisateur arrière et frontales. Cela semble être un héritage des anciennes versions du plugin, qui ne comportait que l’éditeur principal. Bien que cela perturbe légèrement les choses, il y a un avantage à avoir accès aux deux types d’interface.

Capture d'écran de l'interface utilisateur principale de Visual Composer

En termes d’apparence, l’interface utilisateur principale de Visual Composer est plus simple que son homologue frontale. Cela en fait une bonne option pour créer rapidement des mises en page et assembler des lignes, des colonnes et des éléments. Vous pouvez ensuite basculer vers l’éditeur frontal pour commencer à personnaliser l’apparence.

Capture d'écran de l'interface utilisateur frontale de Visual Composer

Contrairement à Thrive Content Builder, il n’y a pas de modification en ligne. Comme c’est également le cas avec Beaver Builder, cliquer sur un élément tel qu’un bloc de texte ouvre un panneau dans lequel vous pouvez saisir votre contenu ou personnaliser son apparence. Cette approche ralentit un peu les choses, mais ce n’est pas un gros inconvénient.

Image montrant comment modifier le texte via l'interface utilisateur frontale de Visual Composer

Visual Composer n’a pas suivi les styles de l’interface utilisateur WordPress par défaut. Pour cette raison, il semble toujours que vous utilisez un outil tiers pour créer vos pages, plutôt qu’une partie centrale de WordPress. Ceci, avec l’interface utilisateur occupée, fait de Visual Composer le moins convivial de ces plugins de création de trois pages.

Modèles et mises en page prédéfinis de Page Builder

Chacun de ces plugins de création de page WordPress vous propose une sélection de mises en page et de modèles prédéfinis. Bien que l’utilisation de ces modèles soit facultative, ils constituent un excellent moyen d’accélérer votre travail et d’inspirer vos propres conceptions..

Modèles Beaver Builder

Exemple de modèles de page Beaver Builder

Beaver Builder comprend 30 modèles, avec des conceptions pour votre page d’accueil, vos pages de destination et vos pages de contenu.

Sélection d'une mise en page via l'interface Beaver Builder

Les modèles Beaver Builder sont une collection variée et sont d’un niveau similaire au contenu de démonstration trouvé dans les meilleurs thèmes WordPress polyvalents.

Modèles Thrive Content Builder

Sélection du modèle Thrive Content Builder

Thrive Content Builder comprend un impressionnant 157 modèles, couvrant un large éventail d’objectifs. Il existe une large sélection de modèles de pages de destination, et ces conceptions plairont à tous ceux qui souhaitent créer du contenu générant des prospects pour leur site Web WordPress. Certains de ces modèles sont également en plein écran et peuvent être utilisés pour créer des pages de destination et d’autres types de contenu qui n’incluent pas les zones d’en-tête, de pied de page ou de barre latérale WordPress.

Exemple des options de page de destination de Thrive Content Builder

Bien qu’il existe de nombreux modèles parmi lesquels choisir, les conceptions de Thrive Content Builder se ressemblent assez et commencent peut-être à paraître un peu dépassées.

Modèles de compositeur visuel

Choix d'un modèle Visual Composer via l'interface du générateur de page

Visual Composer possède plus de 60 modèles prédéfinis couvrant un large éventail d’objectifs. Ces sections de modèle peuvent être mélangées et mises en correspondance pour vous aider à créer des mises en page avancées. Dans l’ensemble, ils ont été conçus selon des normes élevées et devraient vous aider à créer un site Web d’aspect professionnel.

Exemple de sections Visual Composer pouvant être ajoutées à vos pages

Les modèles et les mises en page de ces trois plugins sont entièrement personnalisables via les interfaces du générateur de page.

Utilisation d'un générateur de page pour modifier un modèle

Bien que Beaver Builder possède les modèles les plus beaux, la sélection variée de modèles Visual Composer offre la plus grande flexibilité.

Modules et éléments

Pour vous aider à créer des pages avancées et riches en fonctionnalités, ces trois outils incluent plusieurs modules et éléments, tels que des boutons, des boîtes de message, des galeries, des curseurs et des lecteurs vidéo, pour vous aider à ajouter plus que du texte et des images à votre contenu du site Web.

Modules Beaver Builder

Exemple d'un élément Beaver Builder

Beaver Builder a deux ensembles de modules: de base et avancé. Les modules de base comprennent des boutons, des en-têtes et des images, ainsi qu’un moyen simple d’insérer du contenu audio et vidéo dans vos conceptions de page. Grâce aux modules avancés, vous pouvez insérer des zones de texte à onglets, des appels à l’action, des appels, des curseurs, des tableaux de prix, des témoignages et des onglets. Vous pouvez également insérer des widgets WordPress dans vos conceptions de page personnalisées pour encore plus d’options créatives.

Éléments du générateur de contenu Thrive

Exemple d'un élément Thrive Content Builder

Thrive Content Builder dispose également d’un ensemble utile d’éléments de contenu. Comme Beaver Builder, ces éléments sont divisés en deux groupes – simples et avancés – et les options incluent des boutons, des icônes, des témoignages et des appels à l’action. Les éléments de contenu avancés vous permettent d’ajouter des tableaux de prix, des grilles de fonctionnalités, des outils de génération de leads et des compteurs à rebours. De nombreux éléments de Thrive Content Builder sont disponibles dans plusieurs styles.

Un autre exemple de module Thrive Builder

Comme Thrive Content Builder vise à vous aider à générer plus de prospects à partir de votre site Web, certains éléments de contenu semblent assez «salesy». Si vous souhaitez créer ces longues pages de vente de style lettre, alors Thrive Content Builder est bien équipé pour la tâche.

Éléments de contenu de Visual Composer

Exemple de l'élément appel à l'action de Visual Composer

Visual Composer compte plus de 40 éléments de contenu, allant de simples blocs de texte et carrousels d’images à des modules qui affichent des graphiques et des grilles. Ce générateur de page facilite également l’insertion de l’un des widgets actifs sur votre site dans vos conceptions de page personnalisées.

Résumé des modules et des éléments

Une fois que vous avez inséré un élément ou un module dans votre contenu, ces plugins de création de page vous permettent de personnaliser leur apparence de différentes manières. En combinant les différents modules et éléments, vous pouvez rapidement créer des pages riches en fonctionnalités que vous pouvez ensuite personnaliser pour intégrer de manière transparente avec le reste de votre site Web..

Il n’y a pas grand-chose à séparer ces créateurs de pages en ce qui concerne les modules et les éléments – tous les trois ont une grande sélection. Les modules Beaver Builder sont moins stylisés que les options des deux autres, cependant, donc si vous préférez avoir un ensemble simple de modules, vous pouvez rapidement créer le vôtre, alors ce pourrait être un bon choix. Cependant, les modules de Thrive Content Builder et Visual Composer peuvent tous être personnalisés pour supprimer le style prédéfini.

Options de sortie de Page Builder

Un facteur que vous devez prendre en considération lors du choix d’un outil de création de page est ce qui se passera si vous désactivez le plugin. Peut-être que le générateur de pages de votre choix n’est plus pris en charge, que vous souhaitez passer à un autre outil ou que vous ne souhaitez pas renouveler votre licence (vous pouvez continuer à utiliser ces générateurs de pages sans licence active, mais vous n’avez pas toujours accès aux mises à jour du plugin.)

Quelle que soit la raison, vous devez être conscient des conséquences de la désactivation du plugin.

La vie après Beaver Builder

La désactivation du plug-in Beaver Builder sur votre site Web WordPress supprime la mise en page, le style et les modules de tout contenu que vous avez créé avec le générateur de page. Cependant, Beaver Builder laisse le contenu du texte intact. Le HTML et CSS sous-jacent est également facile à lire.

A quoi ressemble une page après avoir désactivé Beaver Builder

Alors qu’avec Beaver Builder, vous perdez les conceptions que vous avez créées pour vos pages, tout le contenu texte que vous avez ajouté est toujours facilement accessible.

Désactiver Thrive Content Builder

Comment désactiver le plugin Thrive Content Builder

Thrive Content Builder rend les choses plus difficiles si vous décidez de le désactiver. Après avoir désactivé le plug-in, tout contenu que vous avez ajouté via ce générateur de page n’est plus disponible. Cela inclut tout texte ou autre contenu que vous avez ajouté à vos conceptions de page. À moins que vous ne soyez prêt à dire au revoir à ce contenu ou à le déplacer manuellement dans une publication ou une page WordPress standard avant de désactiver le plug-in, vous êtes à peu près verrouillé dans le Thrive Content Builder.

Quitter Visual Composer

Exemple de l'apparence d'une page après la suppression de Visual Composer de votre site

Après avoir désactivé Visual Composer, la bonne nouvelle est que vous aurez toujours accès au contenu que vous avez ajouté à vos pages via ce générateur de page. La mauvaise nouvelle est que les shortcodes utilisés par Visual Composer pour créer ses mises en page restent. Depuis que le plugin a été désactivé, ces shortcodes ne fonctionnent plus comme ils le faisaient lorsque Visual Composer était actif.

Shortcodes Visual Composer désactivés

Grâce à cette approche, vous pouvez accéder à une partie du contenu que vous avez ajouté avec Visual Composer. Cependant, le travail de nettoyage nécessitera beaucoup de travail, car vous devrez parcourir tous les shortcodes inactifs que le plugin laisse derrière.

Résumé des options de sortie

De ces trois constructeurs de pages, Beaver Builder a la stratégie de sortie la plus conviviale. Bien que vous perdiez la mise en forme et la mise en page de vos pages, le contenu qui reste est toujours lisible et facilement accessible. Si vous changez d’avis et décidez de réactiver l’un de ces plugins, votre contenu revient instantanément à son état de pré-désactivation.

Comparaison des expériences utilisateur de Page Builder

Jusqu’à présent, il est juste de dire que ces plugins de création de trois pages ont des fonctionnalités comparables. Ils offrent chacun une modification frontale, une grande sélection de mises en page et de modèles prédéfinis et vous offrent une large gamme de modules et d’éléments qui peuvent être insérés dans votre contenu..

Sur le papier, les trois constructeurs de pages ont fière allure, mais comment aiment-ils utiliser? Pour de nombreux lecteurs, ce sera le facteur le plus important et déterminera s’ils peuvent créer les pages personnalisées dont ils ont toujours rêvé ou se retrouver avec un site Web mal conçu dont leurs visiteurs rebondiront aussi rapidement qu’ils arrivée.

Expérience utilisateur Beaver Builder

Beaver Builder n’a pas beaucoup d’impact sur votre tableau de bord WordPress. Le lien vers le panneau de configuration du plugin est discrètement caché dans le menu Paramètres de votre zone d’administration WordPress, et il n’y a aucun élément de menu de niveau supérieur pour encombrer votre menu de la barre latérale WordPress.

Page des paramètres de Beaver Builder

Beaver Builder réussit à s’intégrer de la manière la plus transparente possible dans l’interface WordPress, contribuant à simplifier l’expérience utilisateur. Si vous visitez la page Paramètres, vous pouvez apprendre comment démarrer avec Beaver Builder et trouver des liens vers le contenu d’assistance, ainsi que le groupe Facebook et la chaîne Slack.

Paramètres des modules Beaver Builder

Vous pouvez contrôler de nombreux aspects de Beaver Builder via les pages Paramètres du plugin. Choisir les modules à activer, changer la disponibilité des modèles de mise en page et déterminer quels rôles d’utilisateur peuvent accéder à quels aspects du plugin sont toutes des options.

Choisissez les types de contenu pouvant utiliser Beaver Builder

C’est formidable de pouvoir limiter l’accès à certaines fonctionnalités de Beaver Builder, selon le rôle d’un utilisateur. Cependant, le processus de contrôle de l’accès n’est pas aussi simple qu’il pourrait l’être. Ce serait bien de pouvoir simplement cocher des cases pour déterminer quels rôles d’utilisateur peuvent accéder à quelles fonctionnalités. Heureusement, la documentation en ligne aide à clarifier les choses dans ce domaine.

Paramètres du gestionnaire de rôles et des capacités utilisateur de Beaver Builder

Une fois que vous avez exploré les paramètres, il est temps de commencer à travailler sur votre première page Beaver Builder.

Options de lancement de l'éditeur Beaver Builder

Le générateur de page peut être lancé en ouvrant une publication ou une page existante dans Beaver Builder. Alternativement, vous pouvez démarrer une nouvelle page, puis basculer vers l’onglet Page Builder sur l’écran de l’éditeur WordPress.

Comment basculer entre l'éditeur de page WordPress et le générateur de page Beaver Builder

Si c’est la première fois que vous utilisez Beaver Builder, vous aurez la possibilité de faire un petit tour pour vous familiariser avec l’interface utilisateur et le processus de conception..

Faites le tour de démarrage rapide de Beaver Builder

Une fois la visite terminée, vous pouvez commencer en choisissant l’un des modèles de disposition prédéfinis ou en commençant par un canevas vierge.

Options de sélection d'un modèle de mise en page Beaver Builder

La sélection de modèles de mise en page utiles est l’une des principales fonctionnalités de Beaver Builder. Mieux encore, chaque modèle peut être entièrement personnalisé via l’interface utilisateur de Beaver Builder.

Image de l'interface utilisateur de Beaver Builder

Que vous décidiez de commencer avec une page vierge ou d’utiliser l’une des mises en page, le constructeur de page lancera et reprendra le tableau de bord WordPress, ce qui signifie que vous aurez beaucoup d’espace pour travailler. Modifier n’importe quel contenu de mise en page existant est aussi simple que de cliquer sur un élément, puis en interaction avec le panneau contextuel.

Panneau local des paramètres d'en-tête de l'éditeur Beaver Builder

Un aspect particulièrement agréable de Beaver Builder est que toutes les modifications que vous apportez sont appliquées à votre page instantanément. Grâce à cet aperçu en temps réel, vous avez toujours une bonne idée de l’apparence de votre page finale lorsque vous enregistrez vos modifications.

L'outil de sélection de couleurs frontal Beaver Beaver

Bien sûr, vos modifications ne sont enregistrées que lorsque vous cliquez sur le bouton “Enregistrer”. De plus, ils ne seront pas mis en ligne tant que vous n’aurez pas appuyé sur le bouton “Terminé”, ce qui vous donnera de nombreuses opportunités d’expérimenter avant que vos visiteurs ne voient votre travail.

Panneau d'interface utilisateur Beaver Builder pour enregistrer votre travail

Pendant que vous interagissez avec le contenu et les modules de votre page, le menu principal est réduit pour vous donner plus d’espace. Lorsque vous êtes prêt à ajouter d’autres éléments à votre page, cliquez sur le bouton “Ajouter du contenu” pour afficher le menu principal..

Panneau d'interface utilisateur Beaver Builder pour l'ajout de modules

Comme Beaver Builder est un plugin WordPress glisser-déposer, le processus pour ajouter de nouveaux modules et éléments à votre page est très simple. Une autre fonctionnalité agréable de l’expérience utilisateur de Beaver Builder est la façon dont la barre latérale du menu principal est masquée lorsque vous faites glisser et déposez de nouveaux éléments sur la page, puis réapparaît instantanément une fois que vous avez déposé l’élément en place. Grâce à cela, vous avez une vue dégagée de votre page pendant que vous travaillez, ce qui facilite l’ajout d’éléments à l’emplacement souhaité.

Démonstration du déplacement d'une nouvelle disposition de colonne sur la page

Beaver Builder utilise des icônes dans toute son interface utilisateur, mais vous ne devriez pas avoir de difficulté à déterminer l’objectif de chaque bouton, car les choix d’icônes sont tous standard et doivent être familiers. Cependant, si vous avez besoin d’informations supplémentaires, le survol d’une icône ou d’un bouton affiche une info-bulle utile expliquant sa fonction.

Exemple d'icônes d'interface utilisateur Beaver Builder avec info-bulle activée par survol

Beaver Builder facilite également la duplication de n’importe laquelle de vos mises en page. Dans le menu Outils, vous pouvez également ouvrir rapidement le panneau JavaScript et CSS personnalisé. Encore une fois, lorsque vous ajoutez du CSS personnalisé, vous obtenez un aperçu en direct de vos modifications au fur et à mesure que vous les apportez..

Options du menu Beaver Builder Tools

Si vous utilisez le thème Beaver Builder (disponible sur les plans de tarification des plugins de niveau intermédiaire et supérieur) et que vous souhaitez créer une conception de page en plein écran – sans les zones d’en-tête, de pied de page ou de barre latérale WordPress affichées, le processus est très simple. Vous pouvez simplement choisir le modèle approprié pour la page sur laquelle vous travaillez, ou appliquer les modifications globalement via l’outil de personnalisation de WordPress.

Options du modèle de page du thème Beaver Builder

Cependant, si vous n’utilisez pas le thème Beaver Builder et que votre thème actuel n’inclut pas de modèle de page approprié, le processus de création d’une mise en page pleine largeur n’est pas aussi simple. Heureusement, il existe des didacticiels en ligne pour vous aider à créer un modèle de page pleine largeur personnalisé. Contacter le développeur de votre thème peut également être une option.

Gérer le contenu existant

Si vous ouvrez une publication ou une page WordPress existante pour la modifier avec Beaver Building, tout contenu préexistant est disponible via l’interface du générateur de page.

Démonstration de la façon dont Beaver Builder gère le contenu existant

Vous pouvez modifier ce contenu existant, ajouter un nouveau contenu à la page et généralement le modifier de quelque manière que ce soit avec Beaver Builder.

Comment modifier le contenu d'un site Web existant avec Beaver Builder

Cependant, si vous ouvrez une page que vous avez modifiée dans Beaver Builder dans l’éditeur WordPress standard, vos modifications ne seront pas nécessairement disponibles. Par conséquent, en règle générale, il est préférable de s’en tenir au générateur de page Beaver Builder une fois que vous l’avez utilisé pour modifier une publication ou une page.

Beaver Builder in use message d'avertissement

Utilement, Beaver Builder indique clairement lorsqu’un élément de contenu a été modifié via son générateur de page. Le plugin vous avertira également si vous essayez d’ouvrir une page Beaver Builder dans l’éditeur WordPress standard.

Un message d'avertissement s'affiche lorsque vous essayez de revenir à l'éditeur de texte après avoir utilisé Beaver Builder

Pendant que vous travaillez sur votre page, vous avez toujours la possibilité d’enregistrer vos modifications sans les publier. Vous pouvez également annuler vos modifications pour revenir à l’état précédemment enregistré.

Options pour enregistrer votre travail dans Beaver Builder

Comme le reste de l’interface utilisateur de Beaver Builder, le texte du bouton est facile à comprendre. Il est toujours clair ce qui se passera lorsque vous agissez.

Réflexions sur l’expérience utilisateur Beaver Builder

Malheureusement, avec Beaver Builder, il n’y a aucun moyen de revenir en arrière sur les modifications que vous avez apportées avec une fonction d’annulation ou d’historique. Cependant, vous pouvez facilement ignorer toutes les modifications que vous avez apportées depuis le dernier enregistrement d’une page.La meilleure approche consiste donc à enregistrer chaque modification majeure une fois que vous en êtes satisfait (plutôt que d’effectuer de nombreux travaux de personnalisation dans une séquence étendue). sans enregistrer).

Comme mentionné précédemment, l’interface utilisateur de Beaver Builder ressemble à une partie de WordPress. Par conséquent, si vous utilisez ce plugin de création de page pour créer des sites pour les clients, ils ne devraient pas être trop désorientés lorsque l’interface utilisateur de Beaver Builder se charge.

Dans l’ensemble, l’interface utilisateur de Beaver Builder est facile à comprendre. Il existe de nombreuses petites touches intéressantes – telles que la barre latérale de réduction automatique et les info-bulles activées par le survol – qui aident à rendre le processus de création d’une conception de page personnalisée plus convivial. Avoir la possibilité de désactiver le plugin et d’avoir toujours un accès facile à votre contenu est également rassurant.

Expérience utilisateur Thrive Content Builder

Après avoir activé le plugin Thrive Content Builder sur votre site Web WordPress, vous remarquerez deux nouveaux éléments de niveau supérieur dans le menu de la barre latérale de votre tableau de bord WordPress.

Éléments de menu de la barre latérale de Thrive Content Builder

Cependant, il n’y a pas grand-chose à voir jusqu’à ce que vous créiez une nouvelle publication ou page et que vous ayez la possibilité de cliquer sur le bouton “Modifier avec Thrive Content Builder”.

Bouton pour lancer le Thrive Content Builder

Cliquer sur le bouton ouvre un nouvel onglet de navigateur, affichant l’interface utilisateur de Thrive Content Builder.

Capture d'écran de l'interface utilisateur de Thrive Content Builder

Thrive Content Builder ajoute une région modifiable à la publication ou à la page, et c’est là que vous créerez votre conception personnalisée. Le texte utile indique clairement que vous devez faire glisser et déposer le contenu dans cette zone pour commencer.

La zone modifiable de Thrive Content Builder

L’interface utilisateur de Thrive Content Builder comporte également des commandes utiles. Grâce à ce panneau de contrôle, vous pouvez facilement annuler ou refaire vos dernières actions, afficher rapidement le code HTML sous-jacent de votre page pour le modifier, enregistrer votre travail en tant que modèle, accéder aux fonctionnalités plus avancées du générateur et charger le gestionnaire de révision WordPress pour restaurer les versions précédentes de votre page.

Capture d'écran des principaux contrôles de Thrive Content Builder

La possibilité d’annuler vos actions passées est une excellente fonctionnalité et est particulièrement utile lors de la création de mises en page complexes.

Thrive Content Builder est idéal pour créer vos propres conceptions de page personnalisées, mais, pour vous aider à démarrer, vous pouvez également choisir parmi une vaste sélection de modèles et les importer dans votre contenu. Bien qu’il existe de nombreux modèles, vous pouvez les filtrer rapidement en fonction de certains critères.

Comment choisir un modèle de page de destination pour la conception de votre page

Une fois que vous avez chargé un modèle, vous pouvez commencer à le modifier via l’interface utilisateur de Thrive Content Builder. Lorsque vous déplacez le curseur sur la page, les régions modifiables sont identifiées par un ensemble d’icônes.

Capture d'écran des régions modifiables d'une page

Comme Thrive Content Builder est un outil d’édition en ligne par glisser-déposer, il suffit de cliquer sur une zone de texte pour commencer à taper votre contenu.

Exemple d'édition de texte en ligne avec Thrive Content Builder

L’édition en ligne comme celle-ci permet de mesurer très facilement à quoi ressemblera votre contenu pour vos visiteurs lorsqu’il sera mis en ligne. Le panneau des propriétés de l’élément sur lequel vous travaillez s’affiche instantanément dès que vous cliquez sur le module.

Utilisation de l'interface utilisateur de glisser-déposer de Thrive Content Builder

Ajouter de nouveaux éléments de contenu à vos pages est aussi simple que de les faire glisser et de les déposer en place. Après cela, cliquez simplement sur le nouvel élément pour le personnaliser.

Panneau de configuration pour modifier les boutons avec Thrive Content Builder

Vous pouvez prévisualiser votre travail à tout moment pour voir comment il prend forme. Vous pouvez également enregistrer votre travail au fur et à mesure. Si votre publication ou votre page a été publiée, chaque fois que vous enregistrez vos modifications via l’interface utilisateur de Thrive Content Builder, elles sont rendues visibles par vos visiteurs. Contrairement à Beaver Builder, il n’y a aucun moyen d’enregistrer vos modifications sans les publier.

Gérer le contenu existant

Si vous utilisez Thrive Content Builder pour modifier une publication ou une page qui contient déjà du contenu, ce contenu restera en place. La région modifiable de Thrive Content Builder sera ajoutée à côté de votre contenu existant.

Image montrant comment Thrive Builder affiche le contenu existant à côté de la région modifiable

Les deux types de contenu peuvent ensuite être affichés sur votre page en même temps. Cependant, si vous utilisez l’un des modèles Thrive Content Builder, tout contenu préexistant sera désactivé et remplacé par le modèle et tout contenu supplémentaire que vous ajoutez.

Message d'avertissement de Thrive Builder pour revenir au modèle de page d'origine

Si vous essayez de modifier une page construite avec Thrive Content Builder avec l’éditeur WordPress, un message s’affichera pour vous informer de la situation. Bien que vous puissiez revenir au modèle de thème d’origine, le travail effectué via l’éditeur Thrive Content Builder sera supprimé.

Réflexions sur l’expérience utilisateur de Thrive Content Builder

L’interface utilisateur de Thrive Content Builder est bien conçue, ce qui reflète positivement l’expérience utilisateur. L’édition en ligne de texte améliore également l’expérience utilisateur. La possibilité d’annuler plusieurs actions facilite l’expérimentation avec le générateur. Cependant, l’absence d’une option pour enregistrer vos modifications sans les rendre visibles aux visiteurs de votre site Web est une déception.

Contrairement à Beaver Builder, la création de mises en page plein écran qui n’incluent pas les zones d’en-tête, de pied de page et de barre latérale de votre thème est simple si vous choisissez un modèle approprié. La possibilité d’afficher le contenu ajouté via l’éditeur WordPress standard aux côtés du contenu du générateur fait de cet outil un bon choix pour quiconque souhaite mettre à niveau le contenu de son site Web existant en ajoutant l’un des éléments Thrive Content Builder à ses pages..

Expérience utilisateur de Visual Composer

Une fois que Visual Composer est actif sur votre site, vous pouvez configurer ce générateur de page à partir de son élément de niveau supérieur dans le menu de la barre latérale du tableau de bord WordPress.

Page Paramètres de Visual Composer

Visual Composer est hautement configurable; contrairement à Beaver et Thrive Content Builder, il existe plusieurs pages de paramètres, vous donnant un contrôle détaillé sur le fonctionnement de ce générateur de page.

Image des boutons de l'éditeur de Visual Composer

Comme les autres constructeurs de pages comparés ici, Visual Composer peut être lancé en cliquant sur les boutons que le plugin ajoute à l’éditeur WordPress. Ces boutons vous permettent de travailler dans l’interface utilisateur classique classique ou dans le nouvel éditeur frontal.

Exemple de l'interface du générateur principal Visual Composer

Comme mentionné précédemment, la vue back-end classique est bien adaptée pour créer la structure de votre page et obtenir un aperçu rapide de la mise en page. L’éditeur frontal est meilleur pour styliser et travailler l’apparence de votre mise en page, en raison de son approximation étroite de la façon dont vos visiteurs verront votre contenu.

Visite guidée de Visual Composer

Visual Composer affiche des info-bulles pratiques pour vous orienter dans la bonne direction lors du démarrage. Comme l’interface est assez différente de l’expérience utilisateur WordPress par défaut, la fonctionnalité de visite guidée est utile.

Exemples d'infobulles de visite guidée de Visual Composer

Il se passe beaucoup de choses à tout moment avec Visual Composer. Les éléments activés par le survol (tels que les étiquettes et les icônes) sont utiles, mais ils peuvent ajouter beaucoup d’encombrement à l’écran.

Exemple de boutons et de commandes activés par le survol de Visual Composer

Contrairement aux menus fixes de la barre latérale de Beaver Builder et Thrive Content Builder, Visual Composer utilise des panneaux contextuels qui sont activés après avoir cliqué sur un bouton.

Comment ajouter un élément à votre page avec Visual Composer

Encore une fois, en raison de l’encombrement visuel supplémentaire, cette approche confond quelque peu les choses. Visual Composer a une interface utilisateur chargée et ceux avec des écrans plus grands seront plus faciles à utiliser que ceux avec des écrans plus petits.

Exemple montrant comment Visual Composer fonctionne mieux sur un grand écran

Gérer le contenu existant

Visual Composer facilite la personnalisation de votre contenu WordPress existant. Si vous ouvrez une publication ou une page que vous avez créée via l’éditeur WordPress par défaut, vous pouvez non seulement ajouter un nouveau contenu Visual Composer à la page, mais également personnaliser le contenu existant via l’interface utilisateur du générateur de page.

Exemple montrant comment Visual Composer gère le contenu ajouté via l'éditeur WordPress

Si vous avez déjà un site Web WordPress établi, Visual Composer est une bonne option pour mettre à niveau votre contenu préexistant.

Réflexions sur l’interface utilisateur de Visual Composer

L’interface utilisateur de Visual Composer est la plus compliquée et la moins conviviale des trois créateurs de pages WordPress que nous avons comparés ici. Ni l’éditeur classique, back-end, ni l’interface utilisateur frontale ne sont aussi intuitifs ou bien exécutés que l’approche adoptée par Beaver Builder ou Thrive Content Builder.

Visual Composer est peut-être le générateur de pages le plus puissant de cette comparaison, mais si vous n’êtes pas prêt à vous attaquer à la courbe d’apprentissage abrupte présentée par son interface utilisateur, il sera difficile de libérer tout son potentiel.

Résumé de l’expérience utilisateur du plugin Page Builder

Beaver Builder a l’expérience la plus conviviale et la mieux exécutée. L’interface utilisateur est rarement encombrée et l’action de chaque bouton est toujours claire. Thrive Content Builder arrive juste après. La nature pointer-cliquer de ce générateur de page, ainsi que sa modification en ligne, accélèrent le processus de création de contenu.

Visual Composer est probablement l’outil le plus avancé en termes d’options, de paramètres et de modules de contenu, et cela se reflète légèrement dans l’interface utilisateur occupée. La divergence de Visual Composer par rapport à l’interface utilisateur par défaut de WordPress n’aide pas non plus.

Information sur les prix

Ces plugins de création de trois pages sont tous disponibles sur plusieurs plans de tarification. Avant d’examiner plus en détail ces options de tarification, voici un bref résumé:

  • Beaver Builder: à partir de 99 $
  • Thrive Content Builder: à partir de 67 $
  • Compositeur visuel: à partir de 34 $

Beaver Builder est disponible sur trois plans tarifaires. Chaque option permet une utilisation sur un nombre illimité de sites et inclut l’accès au support et aux mises à jour du plugin pendant un an. Après un an, vous pouvez soit renouveler votre licence à un tarif réduit, soit continuer à utiliser le plugin non pris en charge. Les options plus chères incluent le thème WordPress Beaver Builder, la compatibilité multisite et la possibilité de supprimer la marque du constructeur de page.

Thrive Content Builder est également disponible sur trois plans de tarification, avec l’option la moins chère de 67 $ couvrant l’utilisation sur un site Web. Peu importe laquelle des trois options vous choisissez, vous aurez accès à des mises à jour gratuites illimitées et à un an d’assistance complète. Thrive Themes propose également tous ses produits ensemble dans un package combiné. En rejoignant le programme d’adhésion Thrive Themes, vous aurez accès au Thrive Content Builder ainsi qu’à tous leurs autres plugins et thèmes WordPress.

Visual Composer est l’option la moins chère. Pour un montant unique de 34 $, vous pouvez utiliser le plugin sur un seul site Web. Ce prix comprend un accès à vie aux mises à jour du plugin et six mois d’accès au support des développeurs du plugin. Cette période de support de six mois peut être étendue à 12 mois pour 11,25 $ supplémentaires.

Dernières pensées

Ces trois plugins de création de pages sont des outils bien conçus et puissants qui vous permettront de créer des conceptions personnalisées pour votre site Web WordPress.

Dans l’ensemble, Beaver Builder est le meilleur plugin de création de pages WordPress. Il a un bon mélange de modèles de pages prédéfinis attrayants, de modules de contenu utiles et peut-être plus important encore, l’interface la plus conviviale.

En tant qu’option la plus abordable, Visual Composer est un plugin de création de page de grande valeur. Il n’est que légèrement déçu par son interface et son expérience utilisateur relativement plus compliquées. Cependant, sur les seules fonctionnalités, il est difficile de battre.

Le Thrive Content Builder a de grandes fonctionnalités pour vous aider à générer plus de ventes et de prospects à partir de votre site Web, tout en étant un bon outil de création de pages complet. Son interface utilisateur est facile à saisir et la présence de l’édition en ligne en fait une option attrayante.

Le meilleur plugin de création de page pour votre projet dépendra des fonctionnalités que vous appréciez le plus et du montant que vous êtes prêt à payer. Cependant, quel que soit l’outil que vous choisissez dans cette comparaison, il est peu probable que vous soyez déçu.

Utilisé / utilisant l’un des éléments ci-dessus? Pensées?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me