Les page builders (constructeurs de pages) vous permettent de créer les gabarits de pages et les pages de votre site à l’aide d’un outils visuel. Cela vous permet de construire vos pages sans écrire le code HTML, CSS, JS et PHP. Généralement, ils ont une version frontend et une version backend. La version frontend vous permet de voir comment la page affichera en temps réel tandis que la version backend on voit plutôt des blocs d’éléments widget. Avec la version backend il faut cliquer sur le bouton Prévisualisation de WordPress pour voir un aperçu de la page.
Voici un exemple de l’éditeur frontend de Divi :
Voici un exemple de l’éditeur backend de Divi :
Dans cet article, je vous présente mon top 4 des meilleurs page builders que nous utilisons chez Wenovio :
Le constructeur de pages Avada Builder (précédemment nommé Fusion Builder) vient avec le thème Avada. Il n’est pas possible de s’en servir sans le thème Avada. Il vous permet de créer des mises en page facilement pour toutes les sections de votre site (articles, archives, pages, catégories, page d’erreur 404, etc.).
Ce constructeur possède une version frontend et une version backend, ce qui vous permet de choisir la méthode que vous préférez. Vous pouvez enregistrer des blocs d’éléments dans la librairie et vous pouvez ensuite les ajouter dans les pages sans devoir les recréer de zéro chaque fois. Avada Builder permet d’enregistrer des blocs globaux (par exemple un formulaire de demande de soumission ou un appel à l’action pour un e-book) dans la librairie. Ce qui signifie que si vous ajoutez ce bloc dans plusieurs pages et que vous le modifiez sur une page, il sera modifié dans toutes les pages. Ça représente une grande économie de temps quand vient le temps de modifier ce bloc à travers tout votre site.
Ce page builder est une extension prémium, donc vous devrez acheter une licence du thème Avada.
Le constructeur de pages WPBakery (précédemment nommé Visual Composer) n’est pas associé à un thème en particulier. Par contre, il est souvent inclut à l’achat de certains thèmes prémium. Quand il est inclut à l’achat d’un thème, il est parfois modifié pour fonctionner avec ce thème. Vous avez parfois la possibilité de l’utiliser ou non étant donné que certains thèmes vous donnent le choix entre ce page builder et Elementor quand vous installez une démo du thème (par exemple : the7 offre ces deux options).
Ce page builder a moins de souplesse qu’Avada Builder et offre qu’une version backend. À part un éditeur de grille, la mise en page n’est pas possible. Du coup, c’est un peu plus complexe de faire une page archive ou d’articles sans passer par le gabarit du thème. Par contre, il est aussi simple d’utilisation qu’Avada Builder. Étant donné qu’il est indépendant d’un thème, vous pourrez l’installer sur un site peu importe le thème utilisé, qu’il soit acheté ou programmé sur mesure.
Il existe des extensions add-on pour ajouter des widgets à WPBakery, ce qui vous donnera plus de choix. Il y a aussi de la documentation pour créer des widgets maison. Si vous vous y connaissez en programmation, vous pourrez créer vos propres widgets.
Ici aussi il vous faudra acheter une licence pour utiliser l’extension à moins que WPBakery soient inclut avec le thème de votre site.
Le constructeur de pages Divi Builder est inclut avec le thème Divi (comme Avada Builder avec Avada) et il peut aussi être utilisé sur un site utilisant tout autre thème (comme WPBakery).
Il offre une version frontend et une version backend , ce qui vous permet de choisir la méthode que vous préférez.
Avec ce page builder, vous devrez acheter une licence annuelle ou à vie. Dans un cas comme dans l’autre, vous pourrez l’installer sur autant de site que vous le désirez en faisant un bon choix pour les agences comme Wenovio.
Ici aussi vous pouvez enregistrer des sections dans la librairie et vous pouvez les paramétrer en sections globales ou non (comme Avada Builder).
Ce page builder vous permet de créer des mises en page comme c’est cas avec Avada excepté que le thème n’est pas obligatoire. Cependant, il y a des options supplémentaires quand il est utilisé avec le thème Divi. Le thème Divi et l’extension Divi Builder sont inclus dans la même licence. Donc, vous pouvez installer les deux ou juste le constructeur de page.
Le constructeur de pages Elementor n’est pas attaché à un thème précis (comme WPBakery et Divi Builder). Cependant, sa version de base gratuite est souvent inclue avec les thèmes. Si vous désirez les fonctionnalités de la version Pro, vous devrez acheter une licence Pro. La version Pro comprends plus de widgets, ce qui vous offre plus d’options pour styliser vos pages sans ajouter d’extensions et sans coder.
Elementor vous permet de créer des modèles de pages, ce qui est très utile et vous fera économiser du temps. Il est très simple à utiliser et vous permet de voir en temps réel ce qu’aura l’air la page avant de sauvegarder grâce à son éditeur frontend. Ce page builder n’a pas de version backend. Les modèles de pages sont comparables aux mises en page de Avada Builder et de Divi Builder.
Important
Elementor requiert beaucoup de mémoire (le RAM du serveur Web) pour bien fonctionner. Vous devrez vous assurer d’héberger votre site Web sur un serveur performant offrant suffisamment de ressource. Donc, exit les hébergements bon marché à 5$/mois sur un serveur mutualisé. Vous devrez sans doute augmenter la configuration de la mémoire dans les paramètres de WordPress.
Ici il s’agit d’un bonus étant donné que chez Wenovio nous avons peu d’expérience avec le constructeur de pages Cornerstone. Néanmoins, je me permets de le mentionner car il vient avec le thème X Theme, un des thèmes WordPress les plus populaires. Il est créé par themeco. Vous pouvez acheté le thème X qui inclus le page builder ou juste le page builder.
Le constructeur de pages le plus simple d’utilisation de cette liste est Avada Builder.
Étant donné qu’Elementor a une version gratuite, il est clairement le meilleur choix pour le prix.
Le constructeur de pages offrant le plus de possibilités pour la personnalisation lors de la création de pages est Divi Builder.
Si vous avez besoin d’aide pour faire votre choix, pour l’installation ou pour le fonctionnement, n’hésitez pas à nous contacter.
Obtenez nos six guides WordPress gratuitement en vous inscrivant à notre infolettre!
C’est quoi le caching et pourquoi vous devriez l’utiliser. La cache est un fichier compilé en mémoire qui est exécuté plus rapidement.
WordPress est si répandu que de nombreux pirates informatique le cible régulièrement. D’où l’importance de sécuriser votre site.
Un audit de site web mené avec rigueur vous permettra d’en identifier les lacunes et vous offrira des pistes concrètes d’améliorations.
SVG est un format d’image qui est basé sur du code XML et qui permet de créer des images Web manipulables en CSS et en JS.
