Partager sur facebook
Partager sur twitter
Partager sur linkedin
Partager sur reddit

Elementor Pro, le test complet

Les pours, les contres. La différence entre la version gratuite et Pro. Le prix par rapport aux autres solutions. Voici un test complet.

Elementor Pro,

le page builder ultime pour WordPress ?

Revue complète 

de toutes les fonctionnalités Pro

Le prix,

la concurrence

Auteur : 

Thomas

 | 

2021

Elementor Pro est un constructeur de site et de pages qui s’intègre à WordPress.

Il vous permet de contrôler entièrement le design de vos pages WordPress au pixel près.

Il dispose d’une interface magnifique, intuitive et extrêmement complète.

Elementor permet de créer des pages très rapidement pour les débutants et d’atteindre un niveau de personnalisation extrêmement avancé lorsqu’on apprend mieux à l’utiliser.

Après trois ans d’utilisation intensive d’Elementor Page Builder, voici un test honnête.

Malgré son incroyable popularité et ses capacités sans égales, ce n’est pas forcément l’outil qui conviendra à tout le monde pour créer un site internet.

Donc lisez ce test pour comprendre si Elementor Pro est bien le Website Builder dont vous avez besoin pour votre site.

Le test d'Elementor Pro en un clin d'oeil

+ Les pours

– Les contres

  • Un constructeur de theme complet (menu, footer, templates de vos pages et articles, typographies, etc.)
  • Une personnalisation de vos pages au pixel près
  • Des centaines de widgets pour développer les fonctionnalités de votre site
  • Une intégration à vos solutions d’emailing et marketing
  • Des formulaires et popups extrêmement avancés
  • Une bibliothèque de plus de 300 modèles de pages et de blocs prêt à l’emploi et responsive mobile
  • Une intégration avec vos extensions SEO complète
  • Le prix (49€ par ans) en faisant une des solutions les plus complète et les moins chère qui existe.

Et honnêtement lisez le test, tellement la liste pourrait continuer

  • Peut s’avérer impressionnant à prendre en main pour les débutants complets.
  • Créé des versions de vos pages à chaque enregistrement ce qui peut alourdir rapidement votre base de données. Pensez à la nettoyer régulièrement donc.

C’est donc parti pour ce test complet de la version Pro d’Elementor.

Qu’est ce qu’Elementor Pro ?

Elementor est un Page Builder OpenSource pour WordPress.

Il se rapproche d’un Wix mais en plus robuste et pour WordPress.

Elementor Pro
Elementor Pro est sans conteste le meilleur constructeur de page pour WordPress

Vous construisez les pages de votre site internet en utilisant des templates de pages, ou de blocs, en faisant glisser les différents éléments dont vous avez besoin, ou encore en partant de zéro.

elementor pro interface
Elementor premet une personnalistation de vos pages au pixel près

Elementor Pro est bourré de fonctionnalités.

Son côté OpenSource fait qu’une communauté se trouve derrière pour le mettre constamment à jour.

Enfin il permet d’utiliser WordPress plutôt qu’un CMS privé comme Wix ou SquareSpace beaucoup plus cher et mis à jour moins souvent.

Notre test d’Elementor Pro :

Pour tous ceux qui utilisent WordPress ou cherchent à créer un site internet totalement personnalisé sans avoir besoin de savoir coder ou d’acheter un template cher.

Elementor est simplement le constructeur de page incontournable qui vous permet exactement ça.

Note générale :
4.5/5
Fonctionnalités :
5/5
Facilité à prendre en main :
3/5
Prix :
5/5

Avec plus de 5 millions d’installations actives, pour une note de 4,9/5 sur WordPress, il s’est imposé comme un des solutions les plus flexibles et complète pour construire un site internet.

Elementor Pro sur WordPress

Ce guide d’Elementor Pro répond aux questions suivantes :

  • Qu’est ce qu’Elementor Pro Page Builder ?
  • Comment fonctionne Elementor ?
  • Devriez-vous installer Elementor Pro pour créer votre site internet ?

Elementor Pro nécessite un certain temps d’apprentissage. Il est très intuitif mais également extrêmement complet.

Un débutant pourrait s’y perdre mais après quelques heures d’utilisation et les bons tutoriels, vous pouvez facilement le prendre en main et publier vos premières pages web.

Voici donc le test complet pour faire le tour des fonctionnalités et savoir si Elementor Pro est fait pour vous.

Installation d'Elementor Pro

Télécharger et installer Elementor Pro

Elementor Pro est une extension WordPress.

Pour l’installer il faut au préalable installer la version gratuite d’Elementor, depuis la bibliothèque des extensions : 

Extensions > Ajouter > Elementor > Installer > Activer

En savoir plus sur l’installation d’Elementor version gratuite.

elementor pro extension wordpress
L'extension Elementor est disponible dans la bibliothèque des extensions WordPress

Une fois installé vous disposez maintenant de la version gratuite d’Elementor.

Pour obtenir la version Elementor Pro il suffit de se rendre sur le site d’Elementor puis de cliquer sur le bouton Get Started

Installer Elementor Pro
Rendez vous sur le site d'Elementor pour obtenir la version Pro.

Puis une fois l’achat effectué, vous atterissez sur la page de confirmation vous permettant de télécharger l’extension Elementor Pro :

confirmation achat Elementor Pro

Vous téléchargez alors le .zip d’Elementor Pro. 

Rendez vous dans votre tableau de bord WordPress : 

Extensions > Ajouter > Téléverser une extension > Elementor Pro 

Il ne vous reste plus qu’à l’activer et vous profitez maintenant de la version intégrale du constructeur Elementor

Choisissez d’utiliser ou non Elementor

Une fois Elementor installé, vous disposez d’une nouvelle option sur vos pages : Modifier avec Elementor.

bouton modifier avec Elementor
Sur toute vos pages WordPress, vous avez maintenant la possibilité de les ouvrir dans Elementor

Vous pouvez maintenant les éditer avec Elementor.

Vous pouvez donc mixer des pages construites avec WordPress et votre thème actuel, et des pages construites avec Elementor.

Il suffit de choisir pour cela le modèle de page utilisé pour intégrer les Elements du thème (par exemple le menu, le footer, la typo) et de construire le contenu avec Elementor.

Nous aborderons les modèles plus bas.

Une interface utilisateur simple et très riche.

Elementor Pro est un Wysiwyg (What you see is what you get).

Donc vous pouvez voir votre page finale en temps réel et la construire au pixel près.

L’interface d’Elementor Pro est complète et intuitive.

Elementor wysiwyg
Le rendu de votre page dans l'interface correspond au rendu de votre page en ligne.

Au centre vous avez le rendu en temps réel de votre page

C’est un des gros avantages l’Elementor Pro par rapport à d’autres constructeur de page WordPress.

Vous construisez et visualisez en temps réel le rendu de votre page, à la manière d’un Wix par exemple.

Ce que vous voyez à l’écran est exactement ce que vous aurez une fois votre page mise en ligne.

Vous visualisez le rendu de votre page, en temps réel, à mesure que vous la construisez

Sur la gauche la barre des paramètres et la liste des widgets

La barre latérale sur la gauche de l’interface d’Elementor Pro vous permet de sélectionner les widgets à ajouter sur votre page et de les paramétrer.

Elementor Pro barre des parametres
La barre des paramètres affiche la liste des widgets et tous les paramètres associés.

Tout Elementor Pro fonctionne en glisser-déposer.

Vous allez chercher un élément que vous souhaitez ajouter, dans la liste des Widgets.

Vous le faites glisser à l’endroit voulu sur votre page.

Glisser-Deposer un widget Elementor Pro

Il prend par défaut les paramètres de votre thème.

Vous pouvez ensuite le paramétrer comme vous le voulez.

Les paramètres sont extrêmement avancés.

Ils se regroupent en :

  1. paramètres de contenu
  2. de style
  3. et paramètres avancés, sur la gestion des marges, des animations ou encore du mode responsive mobile.
Paramètres widgets elementor pro
Les trois onglets Contenu, Style et Avancé, vous permettent de paramétrer les widgets au pixel près.

Et sur la droite un navigateur qui vous permet de sélectionner plus rapidement un élément de votre page.

Le navigateur va lister l’ensemble des éléments qui composent votre page, des sections et colonnes à l’ensemble des widgets (Titres, textes, images, boutons, etc.)

Elementor Pro Navigateur
Le navigateur affiche d'un coup d'oeil l'ensembe des éléments qui composent votre page.

Il vous permet de naviguer rapidement sur votre page et de sélectionner un élément pour l’éditer ou le paramétrer.

La grille pour organiser le contenu de vos pages

Une page construite avec Elementor Pro suit une grille très simple.

La grille Elementor Pro répond au standard du Webdesign en permettant de créer des pages extrêmement lisibles et qui s’optimisent facilement sur mobile et tablette.

Elementor Pro Grille de la page
La grille permet l'agencement des éléments de votre page et leur organisation en responsive mobile.

La grille d’Elementor Pro est composé de plusieurs éléments :

Les sections

Vous avez tout d’abord une section qui représente une partie de votre page.

Par exemple une section d’introduction, puis une section vos services, puis une section Clients, ou A Propos, etc.

Une section Elementor Pro
Une section est une partie de votre page. Elle contient votre contenu.

L’ensemble des sections mises bout à bout composent votre page.

Sections composant une page Elementor Pro
Vous composez vos pages Elementor en ajoutant des sections les unes en dessous des autres.

Ensuite il y a les colonnes

A l’intérieur de chaque section on va retrouver une à plusieurs colonnes qui vous permettent d’organiser votre contenu horizontalement.

Vous pouvez par exemple avoir deux colonnes avec une image à droite et un texte à gauche.

Les colonnes elementor Pro
A l'intérieur des sections les colonnes organisent votre contenu verticalement.

Les widgets

Au sein de chaque colonne se trouvent les widgets.

Les widgets sont les éléments de votre site : les titres, les boutons, les images, etc.

Elementor Pro Widget

Elementor Pro vient avec une liste de 90 widgets officiels auxquels vous pouvez ajouter des centaines de widgets tiers.

Elementor Pro liste des widgets
Comme Elementor Pro est open source, la liste des widgets s'agrandie constamment.

Voici la liste exhaustive des widgets d’Elementor Pro.

Pour les ajouter il suffit de faire un glisser-déposer à l’endroit de la page ou vous souhaitez le faire apparaitre.

Glisser-Deposer un widget Elementor Pro

Donc en terme de fonctionnalité et d’ergonomie, Elementor pro permet de construire une page rapidement et très simplement.

Les sections internes

Enfin il existe un widget sections interne qui vous permet de créer une grille plus complexe en ajoutant une section à l’intérieur d’une colonne ce qui vous permet de subdiviser une colonne en sous colonnes et créer une page au design avancé.

Les sections internes servent par exemple à avoir deux boutons l’un à côté de l’autre à l’intérieur d’une même colonne.

Section interne Elementor

On a donc une grille très simple qui permet d’organiser ses pages exactement comme on le souhaite. 

Cette grille va ensuite nous permettre d’optimiser nos pages sur tablettes et mobiles

La grille fait d’Elementor Pro un constructeur robuste et ergonomique. En gros tout est modifiable et tout reste organisé.

Maintenant qu’en est il du thème de notre site ? 

Voyons comment Elementor Pro se fonde au design général de notre site internet.

Le design général

Elementor Pro se fond parfaitement avec votre thème.

Donc si vous avez installé un thème qui vous plait avec ses couleurs, ses polices, ses styles de titres ou de texte, Elementor va utiliser les paramètres de votre thème.

Ainsi en faisant glisser un widget sur votre page, il utilisera par défaut les paramètres de votre thème.

Elementor Pro Theme des widgets

C’est un avantage énorme car vous pouvez facilement mixer des pages construites avec Elementor pro et des pages déjà existantes de votre site.

Ensuite tous les widgets sont paramétrables.

Donc si vous souhaitez changer les couleurs ou les typographies, les marges ou encore l’affichage sur mobile, vous pouvez le faire depuis la barre des paramètres.

Donc en termes de design Elementor Pro vous permet de créer une par une vos pages sans avoir à refaire l’ensemble de votre site internet.

Il vient en surcouche de votre thème et se fond parfaitement avec le reste de votre site.

Enfin il est également possible de paramétrer son propre thème, ce que nous allons voir plus bas.

La liste des widgets

Les widgets ce sont donc les éléments qui composent les pages de votre site.

On retrouve les titres, les boutons, les images, les textes, les formulaires etc.

Elementor Pro vient avec une liste de 90 Widget constamment enrichie.

Elementor Pro liste des widgets

De plus si vous ne trouvez pas votre bonheur dans la liste des Widgets Elementor Pro, le simple fait que le constructeur soit OpenSource, permet à des tiers de créer et mettre à dispositions leur propres widgets ce qui augmente les widgets disponibles de manière phénoménale.

Elementor Pro Widgets Tiers

Sachez donc que non seulement la liste des widgets est extrêmement exhaustive, mais qu’elle est également constamment enrichie grâce à la communauté Elementor.

C’est donc extrêmement rare que vous ne trouviez pas votre bonheur parmi les widgets proposés, que ce soit ceux d’Elementor Pro, ou ceux venant d’extensions tierces.

L’intégration avec votre thème actuel (modèle, shortcode, pages)

Comme dit plus haut, Elementor Pro s’intègre parfaitement à votre thème.

Donc vous pouvez construire par exemple uniquement votre homepage avec Elementor et garder le reste de votre site avec votre thème actuel.

Vous pouvez également choisir de ne construire qu’une partie de votre page avec Elementor et garder le reste avec votre thème.

Enfin vous pouvez construire un élément particulier sous Elementor puis l’intégrer n’importe où sur une page de votre site WordPress.

Construire une page 100% Elementor Pro

Elementor utilise tous les paramètres de design de votre thème.

Donc lorsque vous ajoutez un widget sur une page Elementor, comme un titre par exemple, celui-ci prend automatiquement les réglages de votre thème (Couleur, typographie, taille, etc.).

Elementor Pro page complete

Construire une page mixant des éléments de votre thème et Elementor Pro

Ensuite vous pouvez choisir de ne construire que le contenu de votre page avec Elementor mais de garder le menu, le footer ou encore la barre latérale de votre thème.

Un exemple ?

Sur l’article ci-dessous, le titre, la barre latérale et l’image de mise en avant sont gérés avec mon thème. 

Et tout l’intérieur de l’article est construit avec Elementor :

Article de blog sur Elementor Pro

Ainsi Elementor Pro va maintenir l’unité graphique de votre site tout en vous permettant de gérer le contenu de vos pages au pixel près.

Construire des éléments avec Elementor à intégrer dans vos pages

Enfin une magnifique fonctionnalité est l’utilisation des codes courts.

Par exemple, vous pouvez créer un encart spécifique avec Elementor Pro via ce qui s’appelle un Template ou modèle.

Elementor Pro Template Short code

Une fois que votre section est créée sous Elementor, vous allez pouvoir la faire apparaitre n’importe où sur votre site WordPress.

Elementor génère un code court pour chaque modèle que vous créez.

Sur une page WordPress, vous utilisez le module Short Code dans lequel vous collez le code court.

Une fois en ligne, votre page affiche l’élément créé spécifiquement sous Elementor.

Intégrer une section avec un code court Elementor Pro
En utilisant le code court, la section créée sous Elementor est intégrée au milieu d'un article.

Elementor Pro est donc extrêmement flexible pour créer les pages de votre site absolument comme bon vous semble.

Les templates Elementor de sections : blocs

Vous avez besoin d’une section sur vos services ?

Ou encore de retours clients ?

D’une section contact avec une carte et des informations ?

Elementor Pro vient avec une bibliothèque très complète de blocs.

Elementor Pro Bibliothèque de Blocs
Elementor Pro met à disposition une centaines de blocs à insérer dans ses pages

C’est peut-être la manière la plus rapide de construire les pages de votre site.

Il existe des blocs pour absolument toutes les sections dont vous pourriez avoir besoin.

Il suffit de sélectionner un bloc qui vous plait

Puis de cliquer sur Importer

Le bloc s’ajoute automatiquement sur votre page

intégrer un bloc sur une page Elementor Pro
Une fois insérer tout le bloc est modifiable avec vos prores réglages et contenus.

Puis vous le remplacez avec votre propre contenu, textes et images.

C’est une manière très rapide de construire ses pages et de profiter d’un design pré-fait.

Le gros avantage c’est que vous partez de quelque chose déjà designé et déjà optimisé sur mobiles et tablettes.

Les templates Elementor de pages

Comme pour les templates de blocs, les templates de page d’Elementor Pro vous permettent d’importer une page entière depuis la bibliothèque de templates.

Elementor Pro met à disposition une bibliothèque de 200 templates de pages prêts à être modifiés.

Que ce soit des pages d’accueil, des pages Blog, des pages contact, à propos, des landing pages, etc.

Les templates de pages d’Elementor Pro sont déjà optimisées en responsive mobile et tablette.

Elementor Pro Bibliothèque de pages
Plus de 200 pages responsive sont disponible dans la bibliothèque Elementor pro pour créer votre site.

Une fois importé le contenu du template est chargé directement depuis votre nouvelle page.

Il ne vous reste plus qu’à remplacer par votre propre contenu textes et visuels, de supprimer ou ajouter ce dont vous avez besoin et voilà !

template de page Elementor Pro
Une fois importée, vous pouvez modifier l'intégralité de la page dans Elementor.

Les templates de pages d’Elementor pro sont constamment mis à jour et de nouveaux sortent régulièrement.

C’est également un moyen parfait pour les débutants souhaitant apprendre pour obtenir des résultats instantanément et se familiariser avec les possibilités du Page Builder.

Le responsive mobile

Elementor Pro intègre un mode responsive mobile très avancé.

Directement sur votre page, vous pouvez sélectionner l’appareil sur lequel vous souhaitez travailler votre page : Ordinateur, Tablette ou Mobile.

Vous pouvez ainsi effectuer des modifications spécifiques sur cet appareil en particulier :

Elementor Pro Mode responsive
L'éditeur responsive mobiles et tablettes est intégré directement à Elementor.

Que ce soit les marges, les tailles de typographie ou les images de fond.

Vous pouvez également modifier l’ordre des colonnes sur mobile.

Un autre élément très appréciable est que pour n’importe quel élément, vous pouvez choisir de l’afficher ou le masquer sur un appareil en particulier.

Maquer un element responsive Elementor Pro
Vous pouvez choisir d'afficher des éléments de votre page seulement sur certains appareils.

Vous pouvez donc créer une section spéciale sur mobile qui sera masquée sur tablette et ordinateur.

Ou encore si vous faites tourner une vidéo en arrière-plan sur ordinateur, vous pouvez la masquer sur mobile pour éviter de surcharger la connexion de votre visiteur.

Le mode responsive d’Elementor Pro est donc extrêmement avancé et permet des réglages au pixel près de vos pages selon l’appareil de vos visiteurs.

Construire son propre thème

Elementor Pro vous permet également de construire votre propre thème.

Un thème c’est principalement deux choses :

1. Un template de vos pages

C’est-à-dire le menu et le footer que vous retrouverez sur toutes vos pages

Le template de votre page Blog

Le template de vos articles

Le template de vos pages produits

Etc.

Pages d'un site internet

2. Le design des éléments de votre site

C’est-à-dire la typographie générale, les couleurs, les tailles de police, etc.

Lorsque vous installez un thème sur WordPress, vous gagnez beaucoup de temps parce que le menu et le footer apparaissent automatiquement.

Les typographies sont toutes les mêmes partout et vous pouvez les changer d’un seul coup sur tout le site par exemple.

Les limites d'un thème WordPress : la personnalisation

Le véritable problème d’un thème c’est qu’il ne correspond jamais exactement à ce que vous voulez.

Il y a toujours des choses que vous n’arrivez pas à changer et finalement vous devez modifier le code de votre thème pour obtenir ce que vous voulez.

Avec le risque de rencontrer des problèmes à la mise à jour suivante.

Créez votre propre thème avec les modèles Elementor

Elementor Pro règle tous ces problèmes en vous permettant de créer votre propre thème.

Pour créer un menu par exemple vous pouvez ajouter un modèle de header.

Liste des modèles Elementor Pro

Vous le personnalisez dans Elementor exactement comme vous le souhaitez.

Vous l’optimisez sur mobile et tablette puis vous le publiez

Elementor Pro Menu

Ensuite il ne reste plus qu’à indiquer où est ce que vous voulez faire apparaitre votre menu :

  • Sur tout le site
  • Sur une ou plusieurs pages en particulières
  • Exclure une ou plusieurs pages

Les modèles vous permettent donc de créer n’importe quel élément de votre site et de les faire apparaitre d’un seul coup sur toutes vos pages.

Ensuite, lorsque vous voulez mettre à jour votre menu, il suffit de changer le modèle et il sera mis à jour automatiquement sur toutes vos pages.

Quand utiliser les modèles ?

Pensez par exemple au modèle de vos articles.

Vous créez un modèle dans Elementor.

Et si vous faites une mise à jour de ce modèle, tous vos articles sont mis à jour en une seule fois.

Elementor Pro Template d'Articles

Exactement comme avec un thème WordPress classique mais avec la personnalisation que permet Elementor Pro.

Les modèles d’Elementor pro permettent donc d’avoir toute la flexibilité et la personnalisation d’Elementor, tout en gardant la vitesse d’exécution d’un thème WordPress.

Personnaliser les polices et couleurs de tout le site

Ensuite en ce qui concerne le design, dans une page Elementor, sous réglages du site, vous pouvez paramétrer la typographie globale du site.

Ainsi par défaut dans Elementor, chaque fois que vous ajouterez un élément, il apparaitra selon le design que vous avez paramétré.

Personnaliser les polices du theme Elementor Pro
Dans les réglages du site, vous pouvez personnaliser l'affichage par défaut de l'ensemble des polices, boutons et images, etc.

Et si vous décidez de changer les réglages du site, tous les éléments mis à jour le seront sur l’ensemble de votre site.

Donc Elementor Pro permet un chose extrêmement rare dans les constructeurs, de définir un thème pour pouvoir gérer extrêmement rapidement le design de votre site.

Et également de profiter du constructeur pour créer des pages entièrement personnalisées au pixel près.

Créer des pop-ups pour augmenter votre taux de conversion

N’importe-qui vous dira qu’il déteste les pop-up.

Pourtant il en existe de plus en plus.

Pourquoi ?

Parce qu’ils fonctionnent. 

Et si vous voulez réellement créer un site professionnel, construire une liste d’email et augmenter vos ventes, alors vous devez sérieusement penser à les implémenter.

Pourquoi intégrer un constructeur de pop up dans Elementor Pro ?

Prenez par exemple un popup qui apparait juste avant que vous ne quittiez le site.

Ils vous permettent de récupérer l’email d’un utilisateur qui s’apprêtait à partir et ne jamais revenir.

Vos visiteurs remplissent les popups, rejoignent vos listes d’emails grâce aux popups.

Créez vos pop-ups pleine page, surgissant, a la sortie, en Hello barre, directement dans Elementor

Elementor permet donc la création de popup directement dans le constructeur.

Donc vous pouvez partir d’un modèle existant puis personnaliser totalement votre pop-up.

Bibliothèque de Pop-Ups Elementor Pro
Il existe tous les styles de pop-ups dont vous pourriez avoir besoin et ils sont entièrement personnalisable dans Elementor.

Avec Elementor Pro vous pouvez créer des popups plein écran, volant, une barre en haut ou en bas de site, etc.

Vous construisez et designez votre popup comme une page Elementor.

Vous ajoutez vos photos, vos textes, vos formulaires, etc.

Ensuite vous le publiez.

Pop-Up Elementor Pro

Définissez les règles d'apparition de votre pop-up

Et vous pouvez définir les conditions d’apparition du popup :

  • Au chargement de la page
  • Lorsque l’utilisateur atteint une certaine partie de votre page
  • Au clic
  • Après un certain temps d’inactivité
  • Ou juste avant qu’il ne quitte le site (lorsque la souris se déplace rapidement vers le haut à gauche de l’écran comme pour cliquer sur précédent)
Elementor Pro Pop-Up Triggers
Définissez les conditions d'apparition de votre pop-up Elementor.

Elementor Pro offre également des conditions avancées d’apparitions du popup :

  • Visible après X pages vues
  • Visible après X visites
  • Visible après X minutes
  • Lorsque l’utilisateur vient d’une page en particulier
  • Lorsque l’utilisateur vient d’une url particulière (par exemple depuis les réseaux sociaux)
  • Également masqué pour les utilisateurs connectés ou pour certains types d’appareils
Elementor Pro règles avancées des pop-ups
Définissez les conditions avancées d'apparition de votre pop-up Elementor.

Elementor Pro offre une solution tout en un sur les popups pour générer de la conversion sur votre site, augmenter votre liste d’email ou mettre en avant vos promotions.

Le SEO

Le SEO est un élément fondamental de votre site internet si vous souhaitez avoir du trafic en référençant vos pages sur les moteurs de recherche comme Google.

Le SEO est souvent ce qui fait défaut aux constructeurs de site comme Wix.

Le code compliqué doublé d’une faible optimisation empêchent les moteurs de recherche de correctement scroller et référencer vos pages.

En termes de SEO, Elementor Pro permet d’aller loin.

Chaque section, colonnes et éléments peuvent être tagués avec la bonne balise HTML pour indiquer au moteur de recherche le type d’élément dont il s’agit.

Tags HTML Elementor Pro

De plus Elementor Pro s’intègre parfaitement avec des pluggins SEO pour WordPress.

Par exemple RankMath s’affiche directement dans Elementor Pro sous la forme d’un onglet SEO.

Onglet SEO RankMath Elementor
Le plugin SEO WordPress RankMath s'intègre directement dans Elementor sous la forme d'un onglet SEO.

Vous pouvez donc voir les recommandations en directe sur votre page en termes de mot clé principal, de liens sortants ou encore du nombre d’occurrences des mots clés.

Vous pouvez également directement depuis le constructeur Elementor gérer les métas-données comme le meta-title ou la meta-description (l’affichage de vos pages dans les pages de résultats des moteurs de recherche) ou encore gérer complètement le rendu de votre page lorsqu’elle est partagée sur les réseaux sociaux.

Elementor Pro RankMath Metas
Vous pouvez gérer les métas Title et Description directement dans Elementor ainsi que l'image de mise en avant.

Donc contrairement aux autres constructeurs qui peinent à faire des tableaux de bords SEO complets, Elementor Pro s’intègre directement avec votre plugin SEO WordPress (Rankmath, Yoast, etc.).

Il profite ainsi de la puissance d’un plugin SEO qui a déjà fait ses preuves, développé et mis à jour par des spécialises SEO.

Exemple ci-dessous avec Yoast SEO :

Copier-coller un style

Cette fonctionnalité peut paraitre trop triviale pour être mentionnée mais elle ne l’est pas.

C’est tellement frustrant sur un constructeur de site de changer le design d’un élément comme un bouton par exemple, et de devoir re-paramétrer ensuite un par un tous les autres boutons de la page.

Elementor Pro permet tout simplement de copier un élément de de coller le style sur n’importe quel autre élément.

Et c’est valable sur un élément comme un widget (un bouton ou un texte, etc.) mais elle fonctionne également sur une colonne entière ou même une section.

On peut même aller copier un élément de n’importe quelle page et coller l’élément ou le style sur n’importe quelle autre, simplement en faisant clic droit > Coller, ou > Coller le style.

Non seulement cette fonctionnalité est d’une satisfaction déconcertante, mais elle montre bien le soin apporté à l’ergonomie de l’interface d’Elementor Pro.

OpenSource et plugin tiers

C’est la grande force d’Elementor Pro comparé à n’importe quel autre constructeur de page.

Elementor Pro est OpenSource.

Cela signifie que son code est en libre accès et que n’importe qui peut l’utiliser pour apporter des améliorations, développer ses propres widgets ou fonctionnalités.

Une correction des bugs et des développements plus rapides

Donc en clair, les développements d’Elementor Pro vont généralement beaucoup plus vite que n’importe quel constructeur privé comme Wix.

Car Elementor Pro s’appuie sur une grande communauté pour développer et améliorer le constructeur.

Ensuite c’est la porte ouverte à des plugins tiers.

Une multitude de plugins tiers pour augmenter les fonctionnalités

Il n’y a qu’a taper Elementor dans la bibliothèque d’extensions de WordPress pour s’en rendre compte.

Elementor Pro Plugin tiers
Il existe une multitude d'extensions WordPress qui augmentent les fonctionnalités d'Elementor.

On trouve une multitude d’extensions tierces qui ajoutent des widgets ou encore des templates directement dans le constructeur de page Elementor.

Elementor Pro a même créé une liste d’extensions recommandées sur son site internet.

Et voici la section du Guide Elementor traitant des plugins tiers.

Les plugins vont même permettre d’offrir gratuitement certains widgets qui ne sont pas accessibles dans la version gratuite d’Elementor.

C’est bien lorsque l’on débute mais c’est réellement recommandé de prendre la version pro d’Elementor qui dispose de tous les widgets intéressants et qui évitent d’installer trop de plugins sur son site WordPress.

Les formulaires de contact, d'inscription et intégration avec votre logiciel d'emailing

Autre élément très important lorsque vous développez vos pages, ce sont les formulaires de contact ou de souscription à la newsletter.

Modèles de formulaires d'Elementor Pro
Elementor permet de créer des formulaires de contact, de souscription, de réservation, des pop-ups, etc.

Avec certains constructeurs de site vous devrez nécessairement passer par leur plateforme.

Créez et designez vos formulaires directement dans Elementor

En utilisant le widget Form, vous pourrez très simplement créer et designer au pixel près vos formulaires : 

  • Inscription à la Newsletter
  • Contact
  • Réservation et prise de rendez-vous
  • Pop-ups, etc.
Formulaire de contact Elementor Pro
Il existe une multitude d'extensions WordPress qui augmentent les fonctionnalités d'Elementor.

Ensuite vous pouvez profiter de toute la puissance d’Elementor pour designer vos formulaires exactement comme vous le souhaitez.

Régler la police, les couleurs, la hauteur des champs, etc.

Liez vos formulaire à votre logiciel d'emailing

Une fois créé, Elementor Pro vous permet de lier le formulaire directement à votre logiciel d’Emailing pour :

  • Envoyer des emails automatique
  • Intégrer vos nouveaux contact à vos listes d’emails, etc.
Lier un formulaire Elementor Pro a MailChimp
Vous pouvez lier vos formulaires Elementor Pro à la grande majorité des plateformes d'emailing

Là encore très gros points positif pour Elementor Pro qui va réduire vos extensions installées sur votre site WordPress. 

Et surtout le temps passé à créer des formulaires.

Elementor Pro vs Elementor gratuit

Elementor version gratuite : 0€ / ans

Avec la version gratuite d’Elementor, vous allez pouvoir construire toutes vos pages en utilisant le constructeur.

Vous disposez de templates gratuits, de nombreux widgets et vous pourrez très bien vous en sortir dans un premier temps.

Elementor Gratuit widgets et templates
La version gratuite d'Elementor offre les widgets de base et quelques modèles de pages et de blocs.

Cependant vous allez rapidement être limité lorsque vous voudrez ajouter un formulaire, ajouter un menu ou un footer par exemple.

Vous allez également passer beaucoup de temps à mettre toutes vos pages à jour si vous ne profitez pas du constructeur de thème intégré dans la version pro.

Elementor Pro : 49€ / ans

Elementor Pro va vous donner accès un ensemble de fonctionnalités extrêmement avancées.

C’est une boite à outil gigantesque qui regroupe tout ce dont vous avez besoin.

Avec Elementor Pro vous avez accès, en plus des fonctionnalités de base, à :

  • 300 thèmes et blocs depuis la bibliothèque
  • Motion Effect : ajouter de l’animation au scroll via des animations et effets parallaxe pour créer une page totalement animée pour l’utilisateur
  • Des Widgets supplémentaires
  • Des formulaires
  • Un constructeur de theme de pages, de menus et de footer
  • Un constructeur de popup
  • Des liens d’action : au clic sur le bouton > Whatsapp, email, téléphone, skype, messenger, waze, calendrier google, outlook etc.
  • Vos polices personnalisées
  • Du code CSS personnalisé
  • Une solution complète de e-commerce avec une intégration a WooCommerce
  • Une intégration avec votre solution d’emailing comme MailChimp
  • Une intégration avec vos outils comme ConvertKit, Hubspot ou encore Discord

Elementor a mis une page en place si vous souhaitez une comparaison pour chaque fonctionnalité

Elementor Pro vs Free

Est-ce qu’Elementor Pro est fait pour vous

Tout dépend de ce que vous souhaitez faire de votre site

Si vous voulez construire un site internet pro, alors définitivement oui.

Si vous voulez simplement vous amuser avec quelques pages et peu de fonctionnalitées, alors non.

En ce qui concerne le prix d'Elementor Pro

Le prix d’Elementor Pro : 49€ / ans

Ce prix est pour être honnête, totalement dérisoire.

Rien qu’un thème payant est déjà plus cher qu’Elementor Pro.

Par exemple les thèmes pro sur MyThemeshop sont à 59€ minimum.

mzthemeshop theme premium

Et on parle ici seulement d’un thème WordPress.

Pas d’une solution intégrant un constructeur vous permettant de le personnaliser au pixel près et bourré de fonctionnalités avancées.

Par rapport aux autres constructeurs de site

Si on compare avec Wix :

Le plan le moins cher et le plus limité est à 4,5€ par mois (au moment où j’écris cette page), donc 54€ par an.

Soit plus cher qu’Elementor Pro.

Et on parle du plus basic de chez Wix.

Squarespace :

Le plan de base est à 11€ par mois soit 132€ par an.

Strikingly :

Le plan de base démarre à 16€ / mois soit 192€ par an.

Plus cher qu’Elementor Pro.

Donc en termes de prix et de fonctionnalités, Elementor Pro est imbattable.

(49€ c’est un pantalon chez H&M, une soirée bar, ou 100€ de moins que votre abonnement Spotify).

Et en terme de fonctionnalités pour développer son site

Etant OpenSource, Elementor offre donc l’accès à des plugins tiers.

Ainsi vous pourrez trouver un plugin tiers pour débloquer des fonctionnalités inédites ou débloquer une fonctionnalité Pro.

C’est une méthode qui honnêtement vous permet d’avoir certaines fonctionnalités gratuitement (mais en plus limité souvent).

Par exemple pour créer un menu vous pouvez utiliser Elements Kit et Header, footer & block for Elementor.

Pour créer des formulaires vous pouvez utiliser Contact Form 7 et Essential addons for Elementor

Etc.

Elementor Pro par rapport à la version gratuite + plugins tiers

Mon conseil, pour avoir testé les deux, si vous avez les moyens de mettre 49€ par an dans votre site internet, foncez pour la version Pro d’Elementor.

Et ce pour deux raisons :

1. Plus de pluggins = plus de problèmes.

En empilant les plugins vous ralentissez votre site internet et vous risquez également de le fragiliser.

J’ai déjà rendu inaccessible avalanchemate.com à cause d’un plugins tiers qui n’était plus supporté.

2. Vous allez économiser des heures et des heures qui mis bout à bout deviennent des jours et des jours.

Le gratuit prend du temps. Vous devrez suivre des guides, prendre le temps de comprendre et d’implémenter la solution et de la tester.

Si vous développez votre site en parallèle de votre activité, le temps est crucial pour vous.

Et rien qu’avec la création de son thème personnel, soyez convaincu qu’Elementor Pro fera une différence remarquable pour vous faire gagner du temps et vous concentrer sur le développement de votre activité.

Donc un gain de temps considérable pour à peu près le prix d’un sweatshirt ou d’un restaurant.

Pourquoi passer à la version Pro d'Elementor

Si vous souhaitez simplement mettre en ligne quelques pages, un portfolio, un blog, alors non Elementor Pro n’est pas fait pour vous.

Vous pouvez vous contenter de créer un site en utilisant un thème comme WP Ocean intégrant Elementor et profiter de la version gratuite d’Elementor pour construire vos pages.

Si vous voulez réellement développer votre site, votre entreprise ou votre marque par exemple, gérer des formulaires, du e-commerce et un design avancé, alors oui Elementor Pro est fait pour vous.

Et vu le prix vous pouvez foncer.

Conclusion

Après avoir testé la très grande majorité des solutions qui existent (Wix, Squarespace, Strikingly, des trentaines de thème WordPress gratuits et payants, etc.), Elementor Pro a été pour moi comme la terre après un long voyage sur une mer compliquée.

Non seulement l’interface est remarquable.

Mais les fonctionnalités sont très poussées.

Le côté OpenSource du constructeur en fait un des plus puissant qui existe.

Son prix est très abordable même pour ceux qui ont peu de moyens.

Je mettrai en garde seulement sur la courbe d’apprentissage exponentielle.

Il peut s’avérer difficile de prime abord mais les résultats apparaissent ensuite incroyablement rapidement.

Donc je ne le conseillerai pas pour des débutants absolus ou des personnes qui ne sont pas débrouillardes et qui veulent simplement une solution rapide et simple.

Elementor Pro ne requiert aucune connaissance technique, simplement de la motivation à créer un site personnel.

Si vous avez déjà commencé à blogger ou déjà créé un site WordPress, alors oui, totalement.


Et enfin petit conseil, installez Elementor Pro le plus rapidement possible.

Parce que si vous utilisez la version gratuite et des plugins tiers, vous passerez beaucoup (beaucoup) de temps à bidouiller et beaucoup ensuite à nettoyer vos bidouillages et à rendre votre site propre via la version Pro.

Donc ma conclusion sur Elementor Pro : prix vs fonctionnalités = foncez, vraiment.

Et pour ceux qui souhaitent, ou qui utilisent déjà la version Pro d’Elementor, je vous laisse me donner votre avis en commentaire.

Thomas