Comparaison entre Elementor et Visual Composer Website Builder

WordPress est utilisé par de nombreuses personnes dans le monde en raison de ses choix de personnalisation et de sa simplicité. Les constructeurs de pages populaires tels que Elementor et Visual Composer ont rendu l'édition de sites Web plus facile que jamais. Dans cet article, je comparerai Elementor vs Visual Composer afin que vous puissiez voir en quoi ils sont différents et quelles fonctionnalités chacun apporte.

Modifier un site WordPress n'a pas toujours été facile. Dans le passé, savoir comment mettre à jour un site correctement, ajouter des modifications et des personnalisations nécessitait des compétences et des connaissances.

Aujourd'hui, la personnalisation ne demande pas beaucoup d'efforts . Il existe de nombreux plugins et widgets WordPress efficaces qui peuvent vous aider à faire le travail. Les stratégies de personnalisation ont changé depuis l'introduction des constructeurs de pages.

Les constructeurs de pages tels que Brizy, Beaver Builder (vérifiez Beaver Builder gratuit vs pro), Elementor, WPBakery, Thrive Architect, Oxygen, Divi et d'autres simplifient l'édition.

Il peut être difficile de savoir quel constructeur de page est le bon pour vous car il y a tellement de choix disponibles. Je passerai en revue les options et fonctionnalités proposées par Elementor et Visual Composer dans cet article pour vous aider à décider laquelle des deux répond le mieux à vos besoins.

REMARQUE: j'ai également comparé Elementor vs WPBakery, Elementor vs Beaver Builder et Elementor vs Divi, alors assurez-vous également de vérifier ces comparaisons.

Présentation d'Elementor

La facilité d'utilisation d'Elementor et la variété de ses fonctionnalités ont contribué à sa popularité croissante ces dernières années. Vous pouvez créer des sites professionnels de haute qualité relativement rapidement en utilisant Elementor pro ou la version gratuite.

Le plugin comprend un mode live . Cette option vous permet de voir les changements au fur et à mesure qu'ils se produisent en temps réel. Elementor vous donne également un historique complet de toutes les modifications que vous avez apportées à toutes les pages du site Web. Il comprend également une belle sélection de modèles prédéfinis et plusieurs éléments uniques.

Elementor a des versions gratuites et payantes. La version payante a plus de widgets et de fonctions supplémentaires. L'édition payante d'Elementor comprend des boutons d'appel à l'action, des carrousels d'images, des classements par étoiles, des widgets Facebook, des ancres de menu, des icônes sociales et d'autres fonctionnalités utiles.

ELEMENTOR FREE vs ELEMENTOR PRO

• NOM
• LE PRIX
• Bibliothèque de modèles
• Exporter / Importer des modèles
• Édition mobile
• Diviseur de forme
• Vidéo Lightbox
• Boîte ombre
• Ombre de texte
• Superposition d'arrière-plan
• Animation de survol
• Animation d'entrée
• Titre
• Image
• Éditeur de texte
• Vidéo
• Bouton
• Boîte d'image
• Témoignages
• Icône
• Boîte à icônes
• Icônes sociales
• Galerie d'images
• Carrousel d'images
• Liste d'icônes
• Contrer
• Barre de progression
• Onglets
• Accordéon
• Basculer
• Alerte
• HTML
• Petit code
• Ancre de menu
• Barre latérale
• Google Maps
• SoundCloud
• Diviseur
• Entretoise
• Colonnes
• Effet de dégradé de fond
• Historique des révisions
• Modèle de toile vierge
• Mode de Maintenance
• Paramètres des pages
• Survol d'élément
• Rétablir / Annuler
• Formes
• Diapositives
• Des postes
• Portefeuille
• Intégrer n'importe où
• Widget global
• CSS personnalisé
• Modèles professionnels
• Table de prix
• Liste de prix
• Compte à rebours
• Produits WC
• Éléments WC
• Catégories WC
• WC Ajouter au panier
• Boîte à rabat
• Disposition de maçonnerie
• Pagination du blog
• Effet Ken Burns
• Boutons de partage
• Intégrations de formulaires
• Widget de connexion
• Titre animé
• Widget Facebook
• Blockquote
• Menu de navigation
• Carrousel des médias
• Widget d'appel à l'action
• Polices personnalisées
• Générateur d'en-tête et de pied de page
• Conception dynamique de page de publication unique et d'archive
• Intégration d'ACF et d'outils

• ÉLÉMENTAIRE GRATUIT
• LIBRE

Apprendre encore plus

• ÉLÉMENTAIRE PRO
• 49$/an pour un site

Apprendre encore plus

Il existe également des modules complémentaires Elementor tiers qui peuvent être intégrés, tels que Master Addons for Elementor, Plus Addons for Elementor, Jet Plugins, Stratum Elementor Widgets, etc.

Présentation de Visual Composer Website Builder

Visual Composer Website Builder est une ressource impressionnante et intuitive. Il est facile à utiliser et possède une interface simple glisser-déposer . Visual Composer apporte de nombreuses fonctionnalités pour améliorer l'expérience de création de site WordPress.

Toutes les modifications apportées à la gestion de contenu et à la hiérarchie visuelle sont effectuées en surveillant vos actions au fur et à mesure qu'elles sont effectuées. Vous n'avez pas besoin de coder manuellement les sections du site Web. Visual Composer vous permet de vous concentrer sur votre conception et d'autres éléments essentiels.

Visual Composer Website Builder n'est pas le même que WPBakery Page Builder (consultez la revue WPBakery). Ne confondez pas ces deux . WPBakery est l'un des plugins de création de pages WordPress les plus utilisés. Les deux plugins proviennent des mêmes développeurs et WPBakery s'appelait auparavant Visual Composer.

L'original WPBakery Page Builder peut être acheté sur Codecanyon, mais Visual Composer est désormais une entité unique et est vendu sur son propre site Web. WPBakery Page Builder et Visual Composer sont des produits totalement différents. L'un de ces produits ne doit pas être utilisé pour remplacer l'autre.

WPBakery et Visual Composer sont tous deux disponibles à la vente car ce sont des articles individuels. Chacun a des caractéristiques et des fonctions quelque peu identiques mais uniques. Vous ne pouvez pas remplacer l'un de ces produits par l'autre et vous attendre à une transition simple et transparente.

WPBakery Builder est principalement utilisé à des fins de création de pages, tandis que Visual Composer est utilisé pour la création de sites complets (y compris les en-têtes, les pieds de page et d'autres éléments). Consultez la comparaison Visual Composer vs WPBakery pour plus de détails sur les différences.

WPBAKERY vs VISUAL COMPOSER

• CONSTRUCTEUR DE SITE WEB VISUAL COMPOSER GRATUIT

Lire la suite >

• Nom
• Éditeur glisser-déposer
• Éditeur front-end
• Mode d'affichage en arborescence
• Édition mobile
• Éditeur de texte en ligne
• Fonctionne avec n'importe quel thème WordPress
• Prise en charge du type de message personnalisé
• Assistance multisites
• Prêt pour le multilangue
• Compatible RTL
• Gestion des modèles
• Options de conception
• Clone d'élément
• Copier coller
• Nom personnalisé de l'élément
• Masquer l'élément
• Raccourcis clavier
• Couleurs récentes
• Défaire refaire
• Assistant page blanche
• CSS personnalisé
• JavaScript personnalisé
• Élément à remplacer
• Bibliothèques d'icônes
• Polices Google
• Générateur de grille
• Filtres de type Instagram
• Effets de parallaxe
• Fond dégradé
• Fond de diaporama
• Fond de carrousel
• Zoom avant/arrière arrière-plan
• Arrière-plan vidéo
• Animations d'éléments
• Position de l'image d'arrière-plan
• Séparateur de forme
• Boîte ombre
• Redimensionnement instantané des colonnes
• Empilement de colonnes
• Empilement inversé des colonnes
• Rangée pleine largeur/hauteur
• Mode aperçu réactif
• Réactivité automatique
• Prise en charge de Yoast SEO
• Prise en charge des codes courts
• Prise en charge des widgets WordPress
• Prise en charge des widgets personnalisés
• Générateur d'en-tête
• Générateur de pied de page
• Générateur de barre latérale
• Mises en page de Visual Composer
• Modèles globaux
• Exportation/Importation de modèles
• Assistance WooCommerce
• Accès à Visual Composer Hub
• Compatibilité Gutenberg
• Éléments de contenu premium
• Modèles premium
• Modèles de blocs
• Unsplash Banque d'Images
• Éléments de grille de poteau
• Éléments de menu
• Éléments d'en-tête
• Éléments de pied de page
• Éléments de compatibilité avec les plugins populaires
• Widget Facebook
• Éléments du tableau des prix
• Tablatures et accordéons
• Conteneurs paginables
• Élément de section
• Boîtes Flip/Hover
• Témoignages
• Surligneur de syntaxe
• Carrousel d'images
• Boutons premium
• Support client en ligne

• VISUAL COMPOSER CONSTRUCTEUR DE SITE WEB PREMIUM

Lire la suite >

Visual Composer est une ressource complètement séparée et indépendante. Il a été créé avec la technologie de génération la plus récente. Visual Composer Website Builder offre aux utilisateurs une interface très réactive et intuitive .

Le générateur de thème Visual Composer vous permet de gérer tout le contenu de votre site , pas seulement le contenu de sections spécifiques. Vous pouvez choisir les mises en page que vous souhaitez. Vous pouvez également créer vos propres en-têtes, barres latérales et pieds de page personnalisés.

L'activation de Visual Composer Hub est fortement suggérée. Cette ressource vous aide à maximiser l'expérience de Visual Composer Website Builder. Visual Composer Hub vous permet d'utiliser des éléments, des extensions et des modèles supplémentaires. Il existe deux variantes de Visual Composer : l'édition gratuite de Visual Composer et Visual Composer Premium.

COMPOSITEUR VISUEL GRATUIT vs PRO

• CONSTRUCTEUR DE SITE WEB VISUAL COMPOSER GRATUIT

Lire la suite >

• Nom
• Éditeur glisser-déposer
• Éditeur front-end
• Mode d'affichage en arborescence
• Édition mobile
• Éditeur de texte en ligne
• Fonctionne avec n'importe quel thème WordPress
• Prise en charge du type de message personnalisé
• Assistance multisites
• Prêt pour le multilangue
• Compatible RTL
• Gestion des modèles
• Options de conception
• Clone d'élément
• Copier coller
• Nom personnalisé de l'élément
• Masquer l'élément
• Raccourcis clavier
• Couleurs récentes
• Défaire refaire
• Assistant page blanche
• CSS personnalisé
• JavaScript personnalisé
• Élément à remplacer
• Bibliothèques d'icônes
• Polices Google
• Générateur de grille
• Filtres de type Instagram
• Effets de parallaxe
• Fond dégradé
• Fond de diaporama
• Fond de carrousel
• Zoom avant/arrière arrière-plan
• Arrière-plan vidéo
• Animations d'éléments
• Position de l'image d'arrière-plan
• Séparateur de forme
• Boîte ombre
• Redimensionnement instantané des colonnes
• Empilement de colonnes
• Empilement inversé des colonnes
• Rangée pleine largeur/hauteur
• Mode aperçu réactif
• Réactivité automatique
• Prise en charge de Yoast SEO
• Prise en charge des codes courts
• Prise en charge des widgets WordPress
• Prise en charge des widgets personnalisés
• Générateur d'en-tête
• Générateur de pied de page
• Générateur de barre latérale
• Mises en page de Visual Composer
• Modèles globaux
• Exportation/Importation de modèles
• Assistance WooCommerce
• Accès à Visual Composer Hub
• Compatibilité Gutenberg
• Éléments de contenu premium
• Modèles premium
• Modèles de blocs
• Unsplash Banque d'Images
• Éléments de grille de poteau
• Éléments de menu
• Éléments d'en-tête
• Éléments de pied de page
• Éléments de compatibilité avec les plugins populaires
• Widget Facebook
• Éléments du tableau des prix
• Tablatures et accordéons
• Conteneurs paginables
• Élément de section
• Boîtes Flip/Hover
• Témoignages
• Surligneur de syntaxe
• Carrousel d'images
• Boutons premium
• Support client en ligne

• VISUAL COMPOSER CONSTRUCTEUR DE SITE WEB PREMIUM

Lire la suite >

La version gratuite de Visual Composer possède de nombreuses fonctionnalités intéressantes qui peuvent être utilisées pour créer et éditer des sites WordPress. Visual Composer Premium possède des fonctionnalités avancées supplémentaires. Il comprend également un ensemble d'outils pratiques pour toutes les priorités de création de pages. Vous pouvez créer des barres latérales, des pieds de page, des en-têtes et des pages de destination uniques. Pour plus d'informations, vous pouvez consulter la comparaison gratuite vs premium de Visual Composer.

Elementor vs Visual Composer

Bien qu'Elementor et Visual Composer aient certaines similitudes, il existe également de nombreuses fonctionnalités dans lesquelles ils diffèrent. Ci-dessous, j'ai divisé les fonctionnalités en plusieurs catégories pour montrer ce que chaque plugin offre.

Interface utilisateur

L'interface utilisateur est l'une des toutes premières choses à évaluer lors de l'examen d'un outil. L'interface est souvent une question de choix personnel . Si vous ne pouvez pas comprendre ou apprécier l'interface utilisateur, il y a de fortes chances que vous n'aimez pas l'outil non plus.

Une bonne interface utilisateur est facile à comprendre et à utiliser. Cela devrait être quelque chose que vous pouvez comprendre assez rapidement. Au moins les fonctionnalités de base. L'interface du constructeur de pages devrait vous aider à atteindre les objectifs que vous souhaitez atteindre pour votre site Web.

L'interface utilisateur n'est pas la seule clé du succès d'un plugin, mais c'est un élément important. L'apparence d'une interface peut parfois signifier le succès et l'échec d'un projet.

ÉLÉMENTAIRE

L'interface utilisateur d'Elementor est divisée en barre latérale et en aperçu en direct de la page/du site . Vous trouverez la barre latérale sur le côté gauche de l'écran. Vous pouvez créer des pages de site à l'aide de ses paramètres, widgets et éléments.

L' option d'aperçu en direct vous permet d'inspecter visuellement les éléments après les avoir glissés et déposés dans les pages. Pour modifier le texte, cliquez simplement sur l'élément de texte que vous souhaitez et apportez vos modifications. Vous pouvez également utiliser la barre latérale pour modifier le texte.

En bas à gauche de l'écran, vous trouverez les paramètres suivants que vous pouvez utiliser :

1. Paramètres généraux : ces paramètres afficheront l'état de publication de la page, le titre, l'image en vedette et d'autres informations.
2. Historique : Si vous souhaitez revenir à la dernière révision, vous utiliserez ce paramètre. Seules les modifications apportées au cours de votre session en cours seront affichées.
3. Navigateur : une arborescence de navigation contextuelle apparaîtra une fois ce paramètre choisi pour vous faciliter la navigation.
4. Mode réactif : ce paramètre montrera à quoi ressemblera votre site sur les téléphones portables, tablettes et autres appareils mobiles.

En survolant un élément particulier et en cliquant avec le bouton droit de la souris, des options supplémentaires s'afficheront. Vous pouvez afficher des éléments dans le navigateur, dupliquer des éléments, supprimer des éléments, enregistrer des éléments en tant qu'éléments globaux (dans Elementor's pro), etc.

COMPOSITEUR VISUEL

Visual Composer Website Builder est un éditeur frontal ce que vous voyez est ce que vous obtenez (WYSIWYG). Cela signifie que vous n'aurez aucun espace réservé pour représenter des blocs de page particuliers. Vous pourrez voir vos modifications lorsque vous les apporterez. Vous pouvez vous assurer que toutes les modifications ont été effectuées correctement et sont prêtes à être publiées avant de quitter la fonction d'éditeur.

L'interface de l'éditeur de Visual Composer est composée des composants suivants :

• Une fenêtre d'édition d'élément
• Un éditeur frontal (qui inclut le contrôle des éléments et une fonctionnalité intuitive de glisser-déposer)
• Un panneau de navigation
• Paramètres
• Une vue arborescente, et bien plus encore.

Les modifications peuvent être apportées à l'aide du mode d'affichage de l'arborescence ou de l'éditeur frontal. L' arborescence vous permet de naviguer à travers les différents éléments de la page. Cela peut économiser beaucoup de temps et d'efforts.

Vous pouvez utiliser la navigation dans l'arborescence pour voir et interagir avec le contenu de la page. La mise en page sera présentée dans une structure complète et compacte. C'est également un moyen de modifier la façon dont le contenu apparaîtra sur les appareils mobiles.

L' éditeur frontend vous permet d'aligner différents éléments à l'aide de l'interface glisser-déposer. Vous pouvez également utiliser la barre de navigation pour accéder à divers outils et options et utiliser les contrôles d'élément pour modifier les éléments en conséquence.

Les éléments individuels peuvent être déplacés dans les pages en faisant glisser l'icône de contrôle d'élément ou en faisant glisser l'élément réel. Vous pouvez également utiliser la fenêtre Ajouter un élément pour faire glisser et déposer des éléments aux endroits où vous souhaitez qu'ils aillent.

Tous les éléments de Visual Composer Website Builder ont leurs propres contrôles qui peuvent être utilisés. Les contrôles peuvent varier selon le type d'élément que vous utilisez. Il existe trois types de contrôles différents : les contrôles de colonne, les contrôles d'élément et les contrôles de ligne.

L'édition premium de Visual Composer propose des options d'édition supplémentaires. Il comprend une barre latérale, un pied de page et un éditeur d'en-tête, ce qui est un argument de vente important.

GAGNANT : J'appelle celui-ci une cravate. Cela dépend vraiment de vos propres préférences individuelles.

Éléments disponibles

Les éléments sont ce qui est utilisé pour créer des pages de création de pages. Un bon constructeur de pages devrait avoir tous les éléments dont vous aurez besoin pour créer des pages de site Web attrayantes et efficaces. N'oubliez pas la fonctionnalité ! C'est bien d'avoir beaucoup d'éléments parmi lesquels choisir, mais cela n'a pas vraiment d'importance si vous n'avez pas les fonctions dont vous avez besoin.

ÉLÉMENTAIRE

Il existe trois types d'éléments de base dans Elementor : les sections, les colonnes et les widgets. Les sections sont les mieux classées parmi les trois types d'éléments. Chaque section active a des colonnes et des widgets.

Les colonnes sont classées en deuxième position. Ils sont en plein milieu de la hiérarchie. Les widgets sont les derniers dans la hiérarchie. Tous les widgets sont situés à l'intérieur des colonnes. Les widgets sont constitués de texte, d'images et de boutons. Les mises en page sont créées à l'aide de diverses sections et colonnes.

La version gratuite d'Elementor contient plus de 30 widgets différents. Il y a plus de 50 widgets inclus dans la version pro d'Elementor. Au fur et à mesure que de nouvelles versions d'Elementor sont publiées, le nombre de widgets disponibles augmente régulièrement.

Les colonnes peuvent avoir autant de widgets que vous le souhaitez. Si vous apportez des modifications de style dans une section particulière, ces modifications sont ensuite répercutées sur tout le contenu de cette section. Il en va de même pour toutes les modifications de style apportées aux colonnes.

Il y a juste quelques différences. La première différence est que toutes les modifications de style apportées à un widget particulier restent dans ce widget. La seconde est que les modifications de style apportées aux colonnes ne seront pas transférées aux éléments situés en dehors de ces colonnes.

COMPOSITEUR VISUEL

Les éléments de contenu de Visual Composer sont contenus dans des blocs de contenu (tels que des icônes, des boutons, des blocs de texte, etc.). Vous pouvez intégrer ces blocs de contenu dans votre mise en page pour créer du contenu pour les pages du site. Aller à la barre de navigation et cliquer sur la fenêtre « Ajouter un élément » vous permet d'utiliser l'élément de contenu particulier.

Vous ne pouvez placer des éléments de contenu que dans des colonnes. Vous pouvez faire glisser et déposer ces éléments pour ajuster la mise en page quand vous le souhaitez. Visual Composer est livré avec un ensemble d'éléments de contenu. Vous devrez activer la version gratuite (limitée) ou Premium de Visual Composer Hub pour déverrouiller davantage d'éléments de contenu.

Les éléments sont divisés dans les groupes logiques suivants : Basic, Media, Containers (contient uniquement l'élément de ligne/colonne), Social, WordPress et Content.

Plus de 100 éléments de contenu différents sont fournis dans Visual Composer. Ces éléments peuvent être utilisés pour compléter le contenu actuel ou vous aider à créer un site entièrement nouveau. Il existe de nombreux éléments conteneurs, médias, WordPress, sociaux et autres pour répondre à vos besoins.

Le modèle Hub basé sur le cloud et la bibliothèque d'éléments sont également inclus. Il vous permet de télécharger et d'utiliser uniquement les éléments spécifiques que vous souhaitez. Vous n'avez pas à vous soucier de ralentir votre site avec des éléments qui ne sont pas pertinents. Vous pouvez améliorer la vitesse de votre site Web car vous n'aurez pas besoin d'autant de plug-ins tiers, de modules complémentaires ou d'autres actifs supplémentaires.

GAGNANT : Compositeur visuel

Options de style

Vous pouvez faire ressortir votre site avec un style personnalisé. La modification des alignements, des couleurs, des polices et d'autres éléments fait partie du style. Plus vous consacrerez de temps à changer le style de votre site, plus il vous sera facile de vous distinguer des sites de vos concurrents.

ÉLÉMENTAIRE

Les paramètres par défaut d'Elementor intégreront automatiquement ses styles globaux à votre contenu existant. Vous pouvez ajuster ces paramètres à tout moment. Si vous préférez utiliser vos propres paramètres de style WordPress, vous pouvez toujours désactiver cette fonction.

Elementor vous permet également de gérer les paramètres de style pour les sections individuelles de votre site. Vous pouvez facilement modifier les widgets, les sections et les colonnes ou remplacer les paramètres globaux si vous préférez. Tout ce que vous avez à faire est d' utiliser l'onglet approprié :

• Avancé : cet onglet vous permet d'ajouter des contrôles réactifs, des marges et un remplissage personnalisés, un index Z, une animation et d'autres options.
• Contenu : vous pouvez ajuster l'alignement des éléments, les tailles et d'autres choix à l'aide de ce menu.
• Style : cet onglet peut être utilisé pour modifier les couleurs, la typographie et d'autres fonctions connexes.

Il y a tellement de sélections de style dans Elementor que je ne peux pas toutes les mentionner dans cet article. Outre les marges personnalisées et l'option de remplissage, voici quelques autres options que vous pourriez utiliser régulièrement :

• CSS personnalisé : vous pouvez utiliser Elementor Pro pour ajouter des styles CSS personnalisés dans des widgets ou des sections spécifiques de votre site. La version gratuite d'Elementor vous permet d'intégrer une classe ou un identifiant CSS. Cependant, il ne vous permettra pas d'appliquer des modifications de style spécifiques à des éléments individuels.
• Contrôle réactif : vous pouvez utiliser cette option si vous ne souhaitez pas que certains contenus soient affichés lorsque votre site est consulté sur des appareils mobiles.

L'icône de l'appareil peut être un autre outil pratique. Il vous permettra d'appliquer des sélections de styles assorties à divers appareils (ordinateurs de bureau, ordinateurs portables, tables, téléphones portables, etc.).

COMPOSITEUR VISUEL

L' élément Options de conception est l'une des fonctionnalités les plus impressionnantes de Visual Composer Website Builder. C'est un ensemble spécifique de paramètres que tous les éléments de Visual Composer peuvent utiliser.

Vous pouvez utiliser les options de conception pour modifier ou ajouter le style de vos éléments de contenu. Ceci est accompli en appliquant les effets de style et les propriétés les plus couramment utilisés à ces éléments.

Visual Composer Website Builder propose les types d'options de conception suivants :

• Options de conception de conteneur (pour les colonnes, les lignes et les sections)
• Options de conception standard (pour tous les autres éléments du site)

Tous vos éléments de contenu peuvent utiliser les options de conception standard . Ces options incluent le contrôle de l'oignon pour les bordures, le rayon de bordure, les marges et les rembourrages. Vous pouvez également utiliser les options de conception standard pour gérer votre animation CSS et vos arrière-plans.

Les options de conception de conteneur ont toutes les options de conception normales habituellement attendues. Ils incluent également des fonctionnalités de style d'arrière-plan telles que la superposition de dégradé CSS, le diaporama d'images, les effets de parallaxe et l'arrière-plan vidéo. Les éléments de colonne et de ligne peuvent tous deux utiliser les options de conception de conteneur.

L'utilisation des options de conception est simple. Commencez par choisir l'élément de contenu particulier que vous souhaitez. Cliquez sur l'option "Modifier" dans le menu déroulant qui apparaîtra. Lorsque vous êtes dans le menu d'édition, recherchez la sélection « Options de conception » pour accéder à cette fonctionnalité.

GAGNANT : Visual Composer et Elementor ont tous deux un bel assortiment de sélections de styles parmi lesquelles choisir.

Modèles

Les modèles sont des conceptions de pages déjà pré-construites. Ils peuvent vous aider à créer des pages de site plus rapidement. Vous pouvez utiliser ces modèles et éviter de devoir constamment recommencer à zéro chaque fois que vous souhaitez créer ou ajouter une nouvelle page à votre site Web.

ÉLÉMENTAIRE

Chaque fois que vous créez une nouvelle page dans Elementor, vous pouvez choisir si vous souhaitez utiliser un modèle pour créer une page ou ajouter une section . Il y a environ 40 modèles dans leur version gratuite. Elementor Pro comprend plus de 300 modèles de blocs et de pages différents supplémentaires.

Vous pouvez utiliser ces modèles en allant dans la sélection « Ajouter un modèle ». Vous pourrez alors accéder au menu des modèles d'Elementor. Elementor propose des modèles de blocs et de pages.

Les modèles de blocs sont utilisés pour créer des sections de page spécifiques. Les formulaires de contact et les formulaires CTA sont deux exemples de modèles de blocs. Les modèles de page sont destinés à être utilisés pour la page entière.

Vous pouvez également créer vos propres modèles et les enregistrer pour les utiliser ultérieurement. Les modèles créés par des tiers peuvent également être téléchargés et ajoutés à votre site si vous le souhaitez. Il n'y a pratiquement aucune limite au nombre de possibilités de personnalisation que vous pouvez avoir.

COMPOSITEUR VISUEL

Visual Composer propose une belle sélection de modèles WordPress premium et gratuits. Les modèles ont des structures prédéterminées. Ce sont des blocs avec des éléments de contenu qui peuvent être utilisés à tout moment. Vous pouvez accéder à la barre de navigation et sélectionner l'icône de modèle qui utilise la fonctionnalité de modèle dans Visual Composer.

Visual Composer Website Builder propose deux types de modèles : les modèles prédéfinis et les modèles utilisateur.

Les modèles prédéfinis sont des modèles téléchargés à partir de Visual Composer Hub. Ces modèles premium peuvent être utilisés quand vous le souhaitez. Vous pouvez les trouver dans votre fenêtre de modèle ou à partir de l'assistant de page vierge.

Les modèles prédéfinis vous permettent de remplacer le contenu actuel. Ils sont conçus pour les bases du site et peuvent être utilisés à des fins très diverses. Visual Composer vous permet d'utiliser les types de modèles prédéfinis suivants : modèles de blocs (ou sections) et modèles de pages.

Les modèles utilisateur vous permettent d'utiliser votre page actuelle comme modèle. Tout ce que vous avez à faire est de sauvegarder cette page. Accédez à la fenêtre Modèle pour trouver tous vos modèles utilisateur. Vous trouverez également vos modèles prédéfinis dans cette section. Plusieurs options de filtrage peuvent également être utilisées.

Vous pouvez utiliser des modèles spécifiques pour enregistrer des mises en page. Ces mises en page peuvent ensuite être réutilisées dans différents articles, pages ou types de publication personnalisés. Le Visual Composer Hub héberge tous vos modèles. Le Hub est un service basé sur le cloud qui se connecte au constructeur de site. Cette intégration est faite de sorte que des modèles, des extensions et d'autres éléments de contenu supplémentaires puissent être téléchargés chaque fois que nécessaire.

GAGNANT : Les deux ont quelque chose pour tout le monde en ce qui concerne les modèles.

Intégration WooCommerce

La personnalisation de la page de la boutique WooCommerce et de l'agencement du magasin peut prendre beaucoup de temps et d'efforts. C'est pourquoi il est bon qu'un thème ou un plugin soit livré avec des fonctionnalités intégrées pour WooCommerce.

ÉLÉMENTAIRE

WooCommerce Builder d'Elementor simplifie la création de boutiques en ligne. Vous pouvez créer un site de magasin efficace et attrayant en un rien de temps. Vous pouvez utiliser le widget Archive de produits pour déterminer quels produits seront affichés dans la liste. Vous pouvez également personnaliser l'apparence de chaque élément de cette liste. Les paramètres de typographie, la couleur, les colonnes et d'autres fonctionnalités peuvent être modifiés pour rendre les vitrines en ligne uniques.

Vous pouvez également personnaliser les pages de résultats de recherche de produits . Cela permet aux visiteurs de votre site de trouver plus facilement les articles qu'ils souhaitent acheter.

Il existe de nombreux widgets supplémentaires que vous pouvez utiliser. Ajouter au panier, informations supplémentaires, fil d'Ariane, contenu, onglets de données, galerie, images, méta, prix, titre du produit, évaluation, connexe, description courte, stock et vente incitative sont quelques-uns des widgets à votre disposition.

Le panier de menu est un autre widget supplémentaire. Il vous permet d'intégrer le bouton "ajouter au panier" aux en-têtes. Vous pouvez personnaliser le bouton comme bon vous semble. Quiconque clique sur le bouton Ajouter au panier verra alors le menu contextuel qui apparaît. Le menu affichera une liste de tous les produits qu'ils ont ajoutés au panier.

COMPOSITEUR VISUEL

Visual Composer Premium fonctionne très bien avec WooCommerce. Vous pouvez créer des pages de produits uniques si WooCommerce et Visual Composer sont installés.

Les éléments WooCommerce sont disponibles via Visual Composer Hub pour créer des pages de produits. Vous pouvez choisir parmi les options d'éléments suivantes :

GAGNANT : Les deux offrent de nombreuses options de personnalisation WooCommerce.

Générateur de thème

Certains plugins de création de thèmes vous permettent uniquement de modifier la page et de publier le contenu. Les modèles d'archive de blog, les articles de blog uniques, les pieds de page, les en-têtes et les autres sections définies par thème ne peuvent pas être modifiés. Elementor et Visual Composer vous permettent de modifier tout ce qui est mentionné.

ÉLÉMENTAIRE

Theme Builder faisait partie de la mise à jour la plus récente d'Elementor. Vous pouvez utiliser cette fonction pour personnaliser les en-têtes et les pieds de page du site . Des modèles prédéfinis sont disponibles, ou vous pouvez commencer à partir de zéro si vous le souhaitez. Les en-têtes et pieds de page que vous concevez peuvent être désignés pour des sections spécifiques du site ou pour l'ensemble du site Web.

L'interface de création de page d'Elementor est l'endroit où vous pouvez créer des pieds de page et des en-têtes personnalisés. Vous décidez de l'apparence des en-têtes, quel que soit le thème que vous sélectionnez. La même interface peut également être utilisée pour créer des en-têtes personnalisés, des menus de logo de site et d'autres contenus pertinents.

COMPOSITEUR VISUEL

Visual Composer Premium a l' éditeur d'en-tête, de pied de page et de barre latérale . L'interface de cet éditeur est presque identique à celle de l'éditeur de contenu standard. La seule différence est que la hauteur et la largeur de l'éditeur d'en-tête, de pied de page et de barre latérale sont adaptées aux barres latérales, aux pieds de page et aux en-têtes.

Avant de pouvoir accéder à l'éditeur d'en-tête, de pied de page et de barre latérale, vous devez accéder à Visual Composer Hub et vous assurer que le module complémentaire Theme Builder a été installé. Une fois que vous entrez dans cet éditeur, vous pouvez trouver des choix de conception supplémentaires dans le panneau Paramètres de la barre de navigation pour l'ensemble du pied de page et de l'en-tête de la barre latérale.

Les contrôles globaux d'en-tête et de pied de page Visual Composer permettent :

• Utilisez les pieds de page et les en-têtes par défaut du thème.
• Appliquez des pieds de page et des en-têtes personnalisés à l'ensemble de votre site Web.
• Appliquez des pieds de page et des en-têtes personnalisés par type de publication.

Les commandes globales vous permettent d'ajuster les pieds de page et les en-têtes. Les pieds de page et les en-têtes pour les types de publication personnalisés, les publications, les pages, les pages WordPress par défaut (pages de résultats de recherche, pages d'erreur 404, pages d'archives, etc.) et les pages WooCommerce peuvent être modifiés.

Dans certains cas, il peut être plus simple d'implémenter des barres latérales, des en-têtes et des pieds de page prêts à l'emploi. Visual Composer Hub propose une liste pratique des modèles de barre latérale, de pied de page et d'en-tête pouvant être utilisés. Commencez par accéder à Visual Composer Hub et téléchargez les modèles de barre latérale, de pied de page et d'en-tête de votre choix. Vous pouvez ensuite ajouter ces modèles dans votre éditeur d'en-tête, de pied de page et de barre latérale.

GAGNANT : Visual Composer offre plus d'options de personnalisation pour les en-têtes, les pieds de page et d'autres parties du site, généralement contrôlés par le thème.

Modules complémentaires disponibles

Les modules complémentaires sont des extensions et des plugins créés par des tiers. Ils peuvent améliorer les fonctionnalités d'un plugin existant.

ÉLÉMENTAIRE

Le constructeur de pages d'Elementor possède déjà de nombreuses fonctionnalités utiles. Mais il existe également une énorme quantité d'addons Elementor qui offrent encore plus de possibilités créatives.

Certains addons Elementor ont des blocs, des éléments et des widgets supplémentaires que vous pouvez utiliser dans n'importe laquelle de vos conceptions. D'autres plugins ont de nouveaux choix de conception pour les widgets actuels ou développent les fonctionnalités existantes d'Elementor.

COMPOSITEUR VISUEL

Parfois, un widget ou un modèle supplémentaire ne suffit pas. Vous aurez peut-être besoin de fonctionnalités supplémentaires au-delà des capacités actuelles de Visual Composer. La section Modules complémentaires de Visual Composer Hub est l'endroit où vous trouverez des extensions exclusives que vous pouvez télécharger gratuitement.

Ils incluent le modèle global, l'importation/exportation, le widget de modèle, le bloc de modèle Gutenberg, les champs dynamiques, le mode de maintenance, le générateur de thème, les préréglages d'éléments, le générateur de fenêtres contextuelles, le gestionnaire de rôles, les bibliothèques d'icônes Premium, les options de conception Premium.

Les éléments Visual Composer sont uniquement disponibles en téléchargement pour les utilisateurs de la version Premium . Visual Composer lui-même n'a pas d'extensions ou de plugins tiers.

Cependant, il possède l'élément Shortcode qui vous permet d'entrer un shortcode spécifique afin que vous puissiez ajouter n'importe quel module complémentaire tiers à la mise en page de votre site. La version Premium de Visual Composer est également compatible avec de nombreux plugins WordPress bien connus.

GAGNANT : Elementor est de loin en tête du nombre d'addons, d'extensions, d'éléments, de blocs, de widgets, etc.

Caractéristiques uniques

Certains plugins ont leurs propres caractéristiques uniques. Ces caractéristiques peuvent parfois augmenter la valeur des options existantes.

ÉLÉMENTAIRE

J'aime le fait que l'équipe de développement d'Elementor s'engage à créer et à publier régulièrement de nouvelles fonctionnalités. La fonctionnalité Embed Anywhere peut être utilisée pour intégrer des modèles que vous avez enregistrés à l'aide d'un shortcode. Les conceptions Elementor peuvent ensuite être ajoutées à la barre latérale, au pied de page ou à toute autre section acceptant les codes abrégés.

Une autre fonctionnalité utile est le widget global . Enregistrer une conception une seule fois vous permet d'utiliser la même conception dans plusieurs zones du site Web simultanément. Lors de l'utilisation du widget global, toutes les modifications apportées à cette conception seront automatiquement mises à jour partout où ce widget est utilisé sur le site.

Elementor dispose également d'un générateur de pop-up efficace. L'interface du générateur de pages Elementor vous permet de concevoir des barres de bonjour uniques, des affichages plein écran, des fly-ins et d'autres types de fenêtres contextuelles.

Vous pouvez utiliser ces fenêtres contextuelles et leurs variantes correspondantes pour encourager les visiteurs du site à effectuer des actions spécifiques. Vous pouvez leur demander de s'inscrire à la newsletter ou de consulter des annonces ou des annonces. Il existe également une fonctionnalité intéressante qui peut être utilisée pour placer le site en mode maintenance en utilisant une page Web Elementor conçue sur mesure.

COMPOSITEUR VISUEL

Visual Composer Hub est l'une des meilleures raisons d'utiliser Visual Composer. Vous pouvez conserver tous les modules complémentaires, modèles et éléments dans leur stockage cloud. Cela vous aide à concevoir un site léger, propre et rapide. Vous ne téléchargez que les éléments essentiels. Vous n'aurez pas à vous soucier de paralyser le site avec des fonctionnalités ou du contenu inutiles.

Leur répertoire est simple. Il contient des modules complémentaires, des blocs, des pieds de page d'éléments , des en-têtes, des images de stock gratuites, des barres latérales et des modèles pouvant être téléchargés à tout moment. Ces articles peuvent être utilisés pour une grande variété de projets professionnels et personnels. Les utilisateurs de Visual Composer Premium ont un accès illimité à Visual Composer Hub. Ils reçoivent également de nouveaux modèles et éléments gratuitement chaque semaine.

Il est également possible d'ajouter des GIF à partir de Giphy à l'aide de l'éditeur Visual Composer, du générateur de fenêtres contextuelles et de diverses intégrations avec des outils tiers.

GAGNANT : C'est une égalité. Les deux offrent des fonctionnalités uniques qui peuvent être bénéfiques lors de la création de sites.

Que se passe-t-il lorsque vous désactivez le plugin ?

Certains constructeurs de pages utilisent des shortcodes. Ces shortcodes ajoutent des modules aux pages que vous avez créées avec le générateur de page particulier. Vous ne verrez pas ces shortcodes sur votre site tant que le générateur de page est actif.

Il existe des constructeurs de pages qui laissent les codes courts sur le site Web lorsque le plug-in de création de pages est désactivé. Le processus d'élimination de ces codes courts et d'essayer de recréer tout contenu créé à l'aide de ces générateurs de pages peut être très compliqué et prendre beaucoup de temps.

Le verrouillage se produit sur le site lorsque vous désactivez le plug-in de création de page que vous utilisiez. C'est quelque chose qui ne doit pas être ignoré car cela peut avoir un impact significatif sur l'apparence de votre site. Dans ce cas, vous perdrez le style avancé d'un générateur de page après sa désactivation.

Lorsque vous désactivez le générateur de pages, deux choses peuvent se produire :

1. Le générateur de page laisse un code propre après la désactivation.
2. Le constructeur de pages laisse un gâchis de codes abrégés à gérer après la désactivation.

Si vous désactivez Elementor , vous perdrez le style, mais le contenu aura toujours l'air « normal ». Comme avec Elementor, le même cas est avec Visual Composer Website Builder. Étant donné que le plugin est responsable de la mise en page et du style des éléments, la suppression du plugin peut avoir un effet négatif sur l'apparence de votre site.

GAGNANT : les deux plugins ne laisseront pas un désordre de codes courts lorsqu'ils sont désactivés, mais vous perdrez toujours le style et les personnalisations effectuées en les utilisant.

Différences de prix

La version gratuite d'Elementor peut être téléchargée gratuitement directement à partir du référentiel WordPress. C'est l'un des meilleurs plugins de création de pages gratuits disponibles. Elementor Pro fournit des fonctions et fonctionnalités supplémentaires. Il complète la version gratuite.

Elementor Pro peut être acheté pour 49 $/an pour un seul site. Vous pouvez également acheter le forfait 3 sites pour 99 $/an ou le forfait 199 $/an pour une utilisation sur jusqu'à 1 000 sites Web.

Il existe quatre plans de licence pour Visual Composer . Il existe une version gratuite et une licence premium pour un seul site qui comprend un support client illimité et un accès aux éléments pour 49 $ par an. Vous pouvez également acheter la licence de trois sites pour 99 $ par an ou la licence de développeur qui comprend l'utilisation sur un maximum de 1 000 sites pour 349 $.

GAGNANT : Elementor propose des forfaits moins chers.

Elementor vs Visual Composer Conclusion

Visual Composer est un plugin de création de site Web très efficace. Il simplifie le processus de création de site et vous offre de nombreuses autres opportunités de conception.

Visual Composer est un outil basé sur React . Il n'est pas basé sur un shortcode, mais il a un élément de shortcode qui peut être utilisé pour appliquer des shortcodes WordPress aux mises en page de site.

Visual Composer a des mises à jour régulières. Il comprend plus d'une centaine d'éléments, d'extensions, de fonctionnalités et de modèles différents pour aider à créer des sites professionnels uniques.

Les mises en page peuvent être modifiées et plusieurs mises en page peuvent être appliquées. Vous pouvez également ajuster les choix d'édition mobile. Il fonctionne avec les champs personnalisés avancés, les formulaires de gravité, l'éditeur Gutenberg, WooCommerce, Yoast et de nombreux autres plugins bien connus.

Visual Composer a été conçu en pensant à l'optimisation des moteurs de recherche (SEO). Les modèles et les éléments suivent les meilleures pratiques de référencement actuelles.

Il existe une édition gratuite de Visual Composer qui vous permet de créer un site Web simple et de faire une première impression forte. Visual Composer Premium est une excellente mise à niveau si vous souhaitez un support client dédié, des mises à jour régulières et un accès illimité à toutes les fonctionnalités et fonctionnalités principales de Visual Composer.

Elementor est un excellent plugin pour ceux qui souhaitent gérer leurs sites Web sans modifier ni ajouter de code. Elementor facilite la création de sites Web beaux et efficaces . C'est une option attrayante même pour ceux qui ont les connaissances techniques et l'expérience nécessaires pour coder l'ensemble de leur site.

Vous pouvez presque tout faire avec la version gratuite d'Elementor . Je suggère fortement de passer à l'un de leurs plans payants si vous avez l'intention d'utiliser votre site comme actif principal de votre activité ou si votre activité principale consiste à créer des sites Web pour les clients. L'option de widget global et la possibilité de créer vos propres thèmes rendent le coût supplémentaire très abordable à long terme.

La version gratuite d'Elementor peut vous aider à créer des pages de style de base, et elle possède probablement le plus de fonctionnalités de toute autre version gratuite de création de pages.

Si vous décidez d'utiliser Elementor ou Visual Composer, je vous suggère d'utiliser Elementor. Essayez la première version gratuite, et si vous l'aimez, vous pouvez toujours passer à Pro.