Comment créer un site Web ou un blog en 2020 - Guide gratuit et facile pour créer un site Web

Cinq alternatives de compositeurs visuels

Compositeur visuel est un plugin WordPress extrêmement populaire.

Cependant, il existe de nombreux autres constructeurs de pages WordPress impressionnants parmi lesquels choisir, chacun proposant sa propre version de conception de contenu par glisser-déposer. Donc, si vous recherchez une excellente alternative à Visual Composer, voici cinq des meilleurs plugins WordPress pour créer des pages.

Nous allons voir…

Que peuvent faire ces plugins?

Compositeur visuel Il vous fournit les outils pour créer des mises en page personnalisées pour vos publications et pages WordPress, et c'est exactement ce que font ces alternatives.

visual-composer-homepage "class =" aligncenter size-large wp-image-24634 "srcset =" https://blogging-techies.com/wp-content/uploads/2020/03/Las-cinco-mejores-alternativas- de-compositor-visual.jpg 1600w, https: //winningwp.com/wp-content/uploads/2017/10/visual-composer-homepage-250x133.jpg 250w, https://winningwp.com/wp-content/ uploads / 2017/10 / visual-composer- homepage-768x409.jpg 768w, https://winningwp.com/wp-content/uploads/2017/10/visual-composer-homepage-700x373.jpg 700w, https: // winnerwp.com/wp-content/uploads/ 2017/10 / visual-composer-homepage-120x64.jpg 120w "tailles =" (largeur maximale: 1600px) 100vw, 1600px ">



<div class=

Dans cette collection des meilleures alternatives de Visual Composer, vous trouverez un puissant outil gratuit de création de pages, un plugin avec un fort accent sur la production de pages de destination à haute conversion, et un plugin avec une interface utilisateur qui vise à transformer la façon dont vous créez du contenu sur WordPress.

Divi Builder

Divi Builder peut être utilisé pour créer des mises en page de haute qualité sans avoir besoin de modifier le code.

Le plugin Divi Builder glisser-déposer n'était à l'origine accessible qu'aux utilisateurs du thème WordPress Elegant Themes Divi. Maintenant, cependant, il est disponible en tant que plugin autonome qui devrait fonctionner avec n'importe quel thème WordPress bien codé.

Interface utilisateur en arrière-plan

L'interface principale de Divi Builder simplifie le processus de création de votre conception.

(Cliquer pour agrandir)

Après avoir activé le plugin Divi Builder, vous pouvez travailler via l'interface principale ou utiliser l'impressionnant mode frontal Visual Builder pour créer des mises en page personnalisées pour vos publications et pages. Alors que l'interface principale facilite la création de la structure de votre page, le mode frontal est idéal pour peaufiner votre mise en page et ajouter du contenu à votre page. Les deux modes ont leurs avantages et leurs inconvénients, mais il est facile de basculer entre les deux.

Interface utilisateur frontale de Divi Builder

L'interface frontale impressionnante de Divi Builder vous donne un aperçu en direct de votre page pendant que vous travaillez.

(Cliquer pour agrandir)

En travaillant via Visual Builder, il suffit de cliquer sur un élément pour lancer le processus de personnalisation. L'édition de texte se fait en ligne, vous n'avez donc pas à passer par des panneaux intermédiaires ou des fenêtres contextuelles. Visual Builder est vraiment un cas de ce que vous voyez est ce que vous obtenez (WYSIWYG).

Modifier du texte en ligne avec Divi Builder

L'édition en ligne vous permet d'ajouter du texte à vos pages sans aucune barrière entre vous et votre contenu.

(Cliquer pour agrandir)

Que vous importiez l'une des conceptions prédéfinies ou que vous commenciez avec une toile vierge, vous pouvez interagir directement avec la page pour créer votre conception personnalisée. Les colonnes peuvent être redimensionnées via l'interface glisser-déposer, tandis que les modules, les lignes et les colonnes peuvent être facilement déplacés vers un nouvel emplacement.

Pour faciliter la navigation dans votre page et l'organisation de vos éléments, vous pouvez basculer instantanément entre le mode Visual Builder et le mode Structure avant pour obtenir une vue plus claire de la structure de la page.

Vue filaire en mode frontal de Divi Builder

Le passage à la vue filaire dans l'interface de Visual Builder fournit instantanément une vue d'ensemble de la mise en page.

(Cliquer pour agrandir)

La bibliothèque de plus de 40 modules de contenu offre de nombreuses options pour mettre à jour votre contenu avec une variété d'éléments. Les modules de contenu Divi Builder tels que le curseur pleine largeur, l'outil de témoignage, les formulaires d'inscription à la newsletter, le générateur de tableau de prix et le compte à rebours éliminent le besoin d'acheter ou d'installer des plugins supplémentaires .

Exemple de module de table de prix

L'ajout de tableaux de prix à vos pages n'est qu'une des options disponibles dans la bibliothèque de modules de contenu de Divi Builder.

(Cliquer pour agrandir)

Le seul inconvénient majeur de Divi Builder est que l'interface utilisateur est très différente de l'interface WordPress. Divi Builder n'est pas conçu de la manière «WordPress», vous devrez donc maîtriser une approche différente de la création de contenu et apprendre la signification d'un nouvel ensemble d'icônes et de symboles.

Icônes de l'interface utilisateur de Divi Builder

À première vue, il peut être difficile de déchiffrer les icônes et l'interface utilisateur de Divi Builder.

(Cliquer pour agrandir)

L'interface utilisateur de Divi Builder n'est pas difficile à comprendre, mais il existe une courbe d'apprentissage. Pour une excellente alternative à Visual Composer qui ressemble à une partie de WordPress, plutôt qu'à une toute nouvelle plateforme, le plugin suivant dans cet article est une bonne option.

Autres points forts de Divi Builder:

  • Il offre une option d'historique d'annulation et des menus contextuels contextuels.
  • Les nouvelles mises en page sont souvent publié sur le blog Elegant Themes.
  • Le gestionnaire de rôles contrôle quels utilisateurs peuvent accéder aux fonctionnalités de Divi Builder.
  • Vous pouvez enregistrer vos propres dispositions personnalisées dans la bibliothèque Divi Builder pour les utiliser dans votre portefeuille de sites Web.
  • Il y a une visite du produit en option et une documentation utile en ligne avec vidéos de tutoriel.
  • Il est disponible dans le cadre du thème Divi WordPress, avec des fonctionnalités de création de page supplémentaires.

Divi est l'une des alternatives les plus impressionnantes de Visual Composer. Cependant, malgré ses nombreuses fonctionnalités, son départ de l'interface WordPress par défaut signifie qu'il ne convient pas à tout le monde.

Prix: 89 $ pour un accès annuel à tous les plugins et thèmes Elegant Themes WordPress, ou 249 $ pour un accès à vie.

Détails

Beaver Builder

Interface utilisateur de Beaver Builder

Beaver Builder propose une interface de création de page plein écran par glisser-déposer.

Beaver Builder se démarque souvent dans les comparaisons des meilleurs plugins de création de pages WordPress. Avec une interface utilisateur frontale intuitive, une sélection utile de modules de contenu et une bibliothèque de modèles de page de haute qualité, il n'est pas difficile de comprendre pourquoi. En fait, Beaver Builder possède certains des meilleurs modèles complets pour créer des pages de destination, pages de destination y pages de contenu pour les zones essentielles de votre site Web.

Modèles de pages Beaver Builder

Beaver Builder comprend une sélection de modèles de pages de haute qualité qui peuvent être personnalisés.

(Cliquer pour agrandir)

Bien que Beaver Builder utilise une interface de développement de page frontale personnalisée, elle ne s'éloigne pas trop de l'expérience utilisateur principale de WordPress. La disposition du panneau latéral sera familière à tous ceux qui ont utilisé l'outil WordPress Live Customizer, ce qui rend Beaver Builder plus facile à démarrer que certaines des autres alternatives de Visual Composer. Vous pouvez l'essayer vous-même avec le démo en ligne.

Interface utilisateur de Beaver Builder Page Builder

Beaver Builder utilise une interface utilisateur personnalisée, mais se sent toujours comme faisant partie de WordPress.

(Cliquer pour agrandir)

Lors de la conception d'une page, vous pouvez faire glisser et déposer des éléments autour de votre conception personnalisée. Un clic sur un élément de la page ouvre un panneau de paramètres vous permettant de personnaliser son apparence et son fonctionnement.

Cependant, contrairement à Divi, il n'y a pas d'éditeur de texte en ligne – vous devez taper dans un panneau contextuel au lieu de modifier le texte directement sur la page. Tout texte saisi ou toute modification apportée est affiché sur la page en temps réel, donc ce manque de modification en ligne n'est pas un facteur décisif.

Modification du texte sur la page

Toutes les modifications que vous effectuez via les panneaux contextuels sont instantanément affichées sur la page en temps réel, prêtes à être confirmées en appuyant sur le bouton Enregistrer.

(Cliquer pour agrandir)

Autres points forts de Beaver Builder:

  • Il a une sélection utile de modules, y compris des appels à l'action, des minuteries de compte à rebours, des tableaux de prix et des curseurs.
  • Vous pouvez ajouter n'importe quel widget actif sur votre site à votre mise en page.
  • Vous pouvez enregistrer des modèles pour les réutiliser sur votre site.
  • Il y a une visite facultative de l'interface pour vous aider à démarrer.
  • Beaver Builder peut être utilisé en conjonction avec le thème Beaver Builder, bien qu'il devrait fonctionner avec n'importe quel thème WordPress.

Beaver Builder est une excellente alternative à Visual Composer pour créer des publications et des pages personnalisées. Si vous souhaitez personnaliser tous les aspects de votre site Web WordPress, y compris l'en-tête, le pied de page et les barres latérales, le créateur de thème WordPress Beaver Themer de la même équipe le permet.

Prix: À partir de 99 $

Détails

Architecte prospère

Interface utilisateur de Thrive Architect

Thrive Architect est le remplaçant de Thrive Themes Content Builder.

Récemment renommé Thrive Architect, ce plugin a une nouvelle interface qui vous permet d'éditer du contenu en ligne et un puissant ensemble de contrôles pour personnaliser son apparence.

Édition en ligne avec Thrive Architect

Thrive Architect utilise des panneaux contextuels contextuels et l'édition de texte en ligne pour simplifier le processus de conception.

(Cliquer pour agrandir)

Bien qu'il puisse faire beaucoup avec Thrive Architect, l'interface bien exécutée simplifie l'expérience utilisateur. Le fil d'Ariane dans la barre horizontale supérieure facilite l'identification de la section sur laquelle vous travaillez, tandis que le panneau latéral affiche automatiquement les commandes de l'élément de page actif.

Panneau de commande de la barre latérale

Les commandes avancées de Thrive Architect en font un bon choix pour les utilisateurs avancés.

(Cliquer pour agrandir)

Thrive Architect n'est pas sans éléments de contenu. Tous les modules réguliers que vous vous attendez à trouver sont disponibles, y compris les boutons, les en-têtes et les zones de texte. Cependant, le contenu révélé, le compte à rebours, le click-to-tweet, les icônes de carte de crédit et les éléments de témoignage font de Thrive Architect un bon choix pour les vendeurs. Il existe également un module de génération de leads qui se connecte aux principaux services de marketing par e-mail.

Exemple de modèle de page de vente Thrive Architect

Thrive Architect comprend des éléments créés pour vous aider à augmenter les conversions de sites Web.

(Cliquer pour agrandir)

Les modèles de page de destination vous aideront à créer des dispositions de contenu personnalisées optimisées pour les conversions. Cependant, Thrive Architect propose également une large sélection de modèles de page d'accueil et de dispositions prédéfinies pour les pages internes de votre site.

Sélection d'un modèle d'architecte Thrive pré-construit

Si vous recherchez un outil axé sur la création de pages de destination à forte conversion, Thrive Architect est un bon choix.

(Cliquer pour agrandir)

Si vous n'êtes toujours pas complètement sûr de savoir comment utiliser ces plugins et que vous réussirez vraiment à créer une mise en page de haute qualité, n'ayez crainte. Thrive Architect est livré avec un didacticiel vidéo pratique qui vous guide tout au long du processus de conception d'une page à partir de zéro.

Thrive Architect Tutorial Tutoriel vidéo

Le tutoriel de suivi de Thrive Architect vous familiarisera avec les principales fonctionnalités dans les plus brefs délais.

(Cliquer pour agrandir)

Autres points forts de Thrive Architect:

  • Il dispose de commandes pour masquer les éléments sur les smartphones et les tablettes.
  • Les nouveaux modèles de page de destination sont publié sur le blog Thrive Themes.
  • Le rappel pour enregistrer la page vous aidera à éviter de perdre votre emploi.
  • Il dispose de commandes de mise en page avancées, qui couvrent les couches de section et les niveaux d'opacité.
  • Il existe des déclencheurs d'action pour afficher les messages temporisés et quitter les fenêtres contextuelles d'intention.
  • Il est disponible individuellement ou dans le cadre de l'adhésion à tous les produits Thrive Themes.

Bien que Thrive Architect se concentre fortement sur la création de pages de destination efficaces, vous ne devriez toujours avoir aucun problème à créer des mises en page personnalisées pour votre page d'accueil ou toute autre page de votre site Web WordPress.

Prix: À partir de 67 $, ou 19 $ par mois pour tous les plugins et thèmes Thrive Themes.

Détails

SiteOrigin Page Builder

Exemple d'interface utilisateur SiteOrigin Page Builder

En dépit d'être un plugin gratuit, SiteOrigin Page Builder vous donne toujours un bon contrôle sur les mises en page.

Jusqu'à présent, toutes les alternatives de Visual Composer couvertes étaient des outils premium. Cependant, si vous avez un budget limité, SiteOrigin Page Builder Le plugin pourrait être une bonne option. Comme Divi Builder, il vous permet de travailler dans l'interface principale ou de passer en mode frontal et d'obtenir des commentaires en direct sur vos modifications au fur et à mesure que vous les apportez. Cependant, bien que vous puissiez faire glisser et déposer, il n'y a pas de modification en ligne.

Interface frontale de SiteOrigin Page Builder

SiteOrigin Page Builder fonctionne bien, mais ce n'est pas aussi sophistiqué que certaines des alternatives premium de Visual Composer.

(Cliquer pour agrandir)

Avec SiteOrigin Page Builder, vous pouvez ajouter une belle sélection de modules utiles à vos mises en page, et tout comme les autres alternatives de Visual Composer couvertes ici, vous pouvez également ajouter l'un des widgets qui sont en direct sur votre site à votre conceptions, y compris celles de plugins tiers.

Interface dorsale de SiteOrigin Page Builder

Créez des mises en page avancées en combinant des lignes, des colonnes et des widgets.

(Cliquer pour agrandir)

La qualité des mises en page de SiteOrigin Page Builder est comparable aux meilleures mises en page des constructeurs de pages premium abordés ici, et il existe un bon mélange de mises en page de page d'accueil et de mises en page internes qui couvrent les pages "à propos" et "sur". contact". Cependant, vous n'avez pas autant d'options qu'avec Divi Builder ou Thrive Architect.

Mises en page SiteOrigin Page Builder prédéfinies

Les modèles SiteOrigin Page Builder couvrent une bonne variété de types de sites Web.

(Cliquer pour agrandir)

Autres points forts de SiteOrigin Page Builder:

  • Vous pouvez cloner instantanément vos mises en page.
  • Il existe un outil de prévisualisation utile pour les appareils mobiles.
  • L'outil d'historique vous permet d'annuler les modifications et de revenir aux versions de conception précédentes.
  • Il existe une mise à jour premium facultative débloquer des fonctionnalités supplémentaires.

Si vous avez un budget limité ou souhaitez voir ce que ce type de plugin peut faire, SiteOrigin Page Builder est un excellent moyen d'essayer gratuitement un plugin d'éditeur de contenu.

Prix: Gratuit avec des plugins premium.

Détails

Elementor

Interface utilisateur Elementor

Elementor est un plugin gratuit avec une interface utilisateur de développement de page par glisser-déposer.

Elementor est un autre constructeur de pages que vous pouvez commencer à utiliser gratuitement sur votre site WordPress. Après avoir activé Elementor, vous pouvez utiliser l'interface de glisser-déposer pour créer des mises en page personnalisées pour vos publications et pages.

Commandes Elementor Page Builder

Elementor utilise des commandes contextuelles pour faciliter la personnalisation de vos pages.

(Cliquer pour agrandir)

Un clic sur un élément de la mise en page affiche les commandes correspondantes dans la barre latérale du générateur de pages. Grâce au panneau contextuel, vous pouvez modifier le texte, personnaliser la mise en page, télécharger des images, etc., en fonction de l'élément que vous avez sélectionné. Bien qu'il n'y ait pas de modification de texte en ligne, toutes les modifications que vous effectuez via la barre latérale seront instantanément appliquées à votre page.

Exemple d'éditeur de texte Elementor

Toutes les modifications que vous effectuez via le panneau latéral sont immédiatement affichées sur votre page.

(Cliquer pour agrandir)

Lors de la création d'un site Web WordPress personnalisé avec Elementor, il existe de nombreux modèles de contenu avec lesquels travailler. En fait, avec plus d'une centaine de modèles de pages au choixQue vous recherchiez un moyen rapide de lancer un site Web WordPress d'aspect professionnel ou que vous préfériez prendre le temps de concevoir un site vraiment personnalisé, Elementor le permet.

Modèles de page Elementor Premade

Même la version gratuite d'Elementor regorge de modèles pour votre page d'accueil et vos pages internes.

(Cliquer pour agrandir)

En plus de vous permettre d'ajouter une sélection variée de modules à vos pages, Elementor vous donne également un bon contrôle sur qui peut utiliser le générateur de pages. Grâce aux paramètres d'Elementor, vous pouvez facilement définir quels rôles d'utilisateur peuvent accéder au générateur de pages, ce que toute personne gérant un blog et un site Web multi-auteur devrait trouver utile.

Bibliothèque d'éléments de contenu Elementor

En termes d'éléments de contenu, Elementor se compare bien aux autres alternatives à Visual Composer.

(Cliquer pour agrandir)

Alors que la version gratuite d'Elementor comprend un ensemble pratique de fonctionnalités, si vous voulez faire encore plus avec ce constructeur de pages, la prime Elementor Pro vous donne la possibilité de créer des publications personnalisées et des pages d'archives de portefeuille, de modifier des formulaires à partir de l'interface frontale. du constructeur final et travailler avec des widgets globaux qui peuvent être réutilisés sur votre site Web.

Fonction CSS personnalisée d'Elementor Pro

La version Elementor Pro ajoute un outil de personnalisation CSS en direct au générateur de pages pour plus de contrôle sur vos mises en page.

(Cliquer pour agrandir)

Elementor Pro vous donne également accès à des modèles de page d'accueil encore plus prédéfinis, notamment des mises en page de cafétéria, d'événements, de produits logiciels et de blogs. Les utilisateurs professionnels peuvent également personnaliser leurs pages à l'aide de l'outil d'édition CSS en direct.

Exemple de modèle de page Element Pro

La mise à niveau vers Elementor Pro déverrouille encore plus de pages d'accueil et de modèles de pages internes.

(Cliquer pour agrandir)

Les autres fonctionnalités d'Elementor Pro incluent la possibilité de créer des conceptions personnalisées pour les magasins WooCommerce et leurs produits, et d'accéder à un module de diaporama puissant. Cependant, il existe de nombreuses modules complémentaires gratuits disponibles pour Elementor, vous n'aurez donc peut-être jamais besoin de passer à la version premium.

Modules complémentaires gratuits pour Elementor

Il existe de nombreux plugins gratuits pour Elementor.

(Cliquer pour agrandir)

Elementor est une alternative gratuite et crédible à Visual Composer qui vous offre également la possibilité de payer pour débloquer des fonctionnalités et des extras premium.

Prix: Gratuit, ou 49 $ pour Elementor Pro.

Détails

Réflexions finales

Bien qu'il n'y ait rien de mal avec Visual Composer, si vous cherchez une alternative, vous avez maintenant cinq super plugins de création de page à vérifier. Mais lequel choisir?

Divi Builder possède une interface impressionnante. Cependant, son départ de l'interface WordPress par défaut signifie qu'il faut un peu de temps pour libérer son plein potentiel. Cependant, la sélection de modules de contenu et de mises en page prédéfinis vaut la peine de persévérer (si vous avez le temps et la patience).

Si votre objectif est de créer des pages de destination ou un contenu à forte conversion avec un fort élément de vente, Thrive Architect peut être le meilleur outil pour votre projet.

Beaver Builder est probablement l'alternative Visual Composer la plus facile à apprendre (sans sacrifier aucune fonctionnalité), et la grande sélection de modèles de haute qualité accélérera certainement votre processus de développement de page.

SiteOrigin Page Builder c'est un outil performant qui inclut toutes les fonctionnalités principales des autres plugins. L'expérience utilisateur n'est pas si habile, mais pour un constructeur de page gratuit, il est difficile à battre.

Elementor ne doit pas non plus être négligé. Si vous souhaitez essayer gratuitement un puissant générateur de pages, tout en ayant la possibilité de mettre à niveau et de bénéficier de tous les avantages d'un outil premium, tels que davantage de modèles et de modules, ainsi qu'un accès au support client, Elementor est fortement recommandé.

Il convient de mentionner que si vous démarrez un nouveau site Web, il peut être judicieux de choisir un constructeur de page qui a également un thème WordPress. Cela vous donne encore plus de contrôle sur la conception de votre site Web, tout en déverrouillant souvent des fonctionnalités supplémentaires de générateur de page. Par exemple, l'outil Beaver Themer vous permet de personnaliser les zones d'en-tête, de barre latérale et de pied de page de votre site, tandis que le thème Divi WordPress comprend des outils supplémentaires comme test de séparation.