Comment utiliser Elementor 😍 pour réaliser une mise en page géniale sur son blog WordPress (+ TUTO VIDÉO)

Dans cet article, je vous parle du Page Builder qui a changé ma vie et qui va vous permettre de créer des mises en pages sublimes sans forcément savoir coder. Découvrez comment utiliser Elementor pour WordPress et réaliser des designs exceptionnels sans aucune compétence technique… Et sans devoir vous farcir la moindre ligne de code.

Personne ne peut tout savoir dès le commencement. C’est encore plus vrai quand il est question de créer un site web ou un blog.

Souvent quand on démarre, on est un peu une bille en technique… Et le peu de code auquel on a été confronté nous a déjà provoqué de violentes crises d’eczéma.

On se contente souvent d’un thème avec quelques défauts, faute d’avoir réussi à le personnaliser exactement comme on le voulait.

Et c’est quand même un peu dommage.

Alors, bien sûr, la mise en page des articles est souvent loin d’être la priorité des blogueurs débutants.

Quand j’en parle à mes copains blogueurs, il me disent tous la même chose. « Oui, mais je ne sais pas coder en HTML et CSS ! ». Et souvent, je réponds : « Pas la peine, tu n’as qu’à utiliser Elementor. »

Vous ne connaissez pas encore ce plug in intuitif et formidable ? Préparez-vous à découvrir l’une des meilleures extensions WordPress du monde, et laissez-moi vous expliquer en vidéo comment utiliser ses principales fonctionnalités.

Qu'est-ce qu'Elementor ?

Elementor est un plugin gratuit (il existe une version payante appelée Elementor Pro dont je vous parle à la fin de cet article) disponible uniquement sous WordPress.org. Si vous n’êtes pas encore décidé à migrer sur WordPress.org, je ne sais plus quoi vous dire ! :p Pour en revenir à Elementor, C’est ce qu’on appelle un « Page Builder » ou « Constructeur de Pages » en français.

C'est quoi un "Page Builder" ?

Un page builder vous permet de créer des pages web au design plus sophistiqués. Et – s’il vous plaît – ans pour autant devoir entrer des lignes de code pour rendre celles-ci attractives. Ce qui veut dire que n’importe qui, sans connaissances techniques (en tout cas à priori) peut réussir à utiliser Elementor ou n’importe quel autre Page Builder.

Il en existe plusieurs sur le marché : KingCompozer, Visual Composer, Page Builder, Architect Thrive ou encore Divi Builder. Mais pour être honnête avec vous, je trouve que la majorité d’entre eux est mal conçue et complexe à utiliser.

En plus de ça, ces plugins sont souvent tout en anglais. Bon courage si vous ne savez rien dire à part « Hello, I love You » ! (Won’t you tell me your name ?)

Au milieu de la concurrence, Elementor est tout de suite devenu le number one pour moi. En particulier grâce à sa facilité d’utilisation qui dépasse de loin tous les constructeurs de pages pré-cités (merci le principe du glisser déposer !). Je construis aujourd’hui la totalité de mes pages avec, et vous pouvez constater que le résultat est tout à fait convaincant ! Encore plus quand on sait que ça me prend maximum 10 minutes à tout casser pour soigner l’apparence de mon article.

Que peut-on faire avec Elementor ?

Je me contenterais bien de vous dire « TOUT », mais c’est peut-être un peu vague.

Ceci étant dit, les fonctions offertes par Elementor sont tellement nombreuses, que ça n’en demeure pas moins un excellent résumé.

Ce n’est pas une excuse pour passer au paragraphe suivant pour autant…

Alors voici en bref ce que vous serez capable de faire sur votre blog si vous décidez d’utiliser Elementor dès aujourd’hui ->

Créer une page à partir de zéro sans tenir compte de votre thème de base (exemple ici avec ma page « cadeaux« )
Faire une mise en page originale en quelques clics pour chacun de vos articles (comme celui que vous lisez actuellement)
Insérer des effets dynamiques et de transition où vous voulez
Créer une mise en page responsive (portable et tablette) facilement
Personnaliser de A à Z l’ensemble de votre site web (surtout pour Elementor Pro, la version payante)

Comment installer le plugin Elementor sur mon blog ?

Pour utiliser Elementor, il faut bien sûr l’installer ! Rien de plus simple ! Il vous suffit de vous rendre sur le tableau de bord wordpress, de cliquer sur « Extensions » et de rechercher « Elementor » dans la barre de recherche. Attention, car il existe pas mal de plugins additionnels, alors voici une capture d’écran de celui qui nous intéresse :

Une fois l’extension téléchargée et installée… Vous verrez apparaître au dessus de l’éditeur de texte de chacun de vos articles et pages le bouton suivant :

Il n’est en effet pas nécessaire de le configurer ! Tout ce que vous avez à faire, c’est de cliquer sur ce bouton pour activer et utiliser Elementor. Prêt à construire votre première page sans toucher une ligne de code ?

Est-il nécessaire d'acheter la version payante, Elementor Pro ?

La version gratuite d’Elementor est incroyablement complète et elle propose déjà de nombreuses fonctionnalités. Mais il existe également une version Pro payante (à partir de 49$) qui est intéressante bien que pas franchement indispensable, sauf si vous projetez de vous lancer dans la conception de votre thème de A à Z.

Les plus par rapport à la version gratuite

Elementor Pro – qui est donc le nom de la version payante – vous permet en effet d’aller beaucoup plus loin dans la personnalisation. Ainsi, vous pourrez vous-même « jouer » et créer votre propre thème de A à Z grâce aux nombreux modèles proposés par le plugin. D’autres options additionnelles viennent compléter cette offre, mais ça reste de l’ordre du détail. Par exemple : rajout des polices de votre choix (en dehors des Google Fonts déjà présentes), rajout de nouveaux « widgets » pour Elementor, Possibilité de créer des « Global Widget »…

Elementor Pro s'adresse à vous si...

Si tout ce que vous souhaitez, c’est mettre en page vos articles, alors Elementor en version gratuite sera largement suffisant. Intéressez-vous à Elementor Pro uniquement si vous envisagez de créer vous-même la structure de votre thème WordPress. C’est à dire, en gros de créer un blog de A à Z. Ceci étant dit, j’ai moi-même quelques licences Elementor Pro pour mes différents blogs, et je tiens à dire que j’en suis pleinement satisfaite, même si je reconnais qu’il est assez facile de s’en passer quand on ne se décide pas à créer un site web tous les jours 😉

Comment utiliser Elementor (Tutoriel complet)

Dans cet vidéo, je vous montre les principales fonctionnalités de mise en page du plugin… Et je vous apprends comment utiliser Elementor efficacement sous WordPress !

Avertissement : C’est très simple d’utiliser Elementor ! mais comme pour tout outil de blogging, il faut s’habituer à le prendre en main en particulier au début 😉

J'espère que cet article vous aura plu !

Vous ai-je convaincu d’utiliser Elementor ou ce plugin WordPress faisait-il déjà partie de vos indispensables ? Partagez votre avis en commentaires !

Cet article t'a plu ?

Partage-le sur Pinterest !

Tu as juste à passer ta souris au dessus de l'image et de cliquer sur le logo Pinterest !

Tweetez

Enregistrer382

Partagez

382 Partages

22 Responses

Mindandbeauty dit :

15 juin 2018 à 07:39

Coucou super article ! J’utilise elementor pour d’autres projets que mon blog et j’adore. Je pense bientôt à l’utiliser pour le blog afin de personnaliser quelques petites choses.
C’est super que tu partages ton expérience sur ce plugin. Ton article sera utile pour beaucoup 🙂
Tia

Répondre
1. Mélanie Richard dit :
  
  25 juin 2018 à 16:23
  
  Merci pour ce gentil commentaire ♥ C’est clair qu’Elementor est trop super génial, j’en suis raide dingue ♥
  
  Répondre
Ornella dit :

15 juin 2018 à 20:18

Je regarderai ta vidéo auto, juste pour voir ta frimousse.

Répondre
1. Mélanie Richard dit :
  
  25 juin 2018 à 16:24
  
  Meilleure raison du monde ! ♥
  
  Répondre
Cedric dit :

16 juin 2018 à 11:11

Avant, j’utilisais Elementor avant de…passer à Divi ! Maintenant, pour rien au monde je ne changerai de thème à la place de Divi ! C’est ce qui se fait de mieux en matière de constructeur de pages, la concurrence est encore loin derrière. De plus, tu peux sauvegarder chaque module dans la bibliothèque pour les réinstaller sur n’importe quel page en un clic ! C’est tellement pratique…tu peux même revenir en arrière pour retrouver d’anciens designs que tu avais fait grâce à l’historique…bref, Elementor est largué.

Répondre
1. Mélanie Richard dit :
  
  25 juin 2018 à 16:43
  
  Pas d’accord ! J’ai eu l’occasion de prendre en main Divi pour une de mes amies, et honnêtement, je trouve que c’est une catastrophe ! En plus, j’ai l’impression que Divi est très lourd et que les pages se chargent beaucoup trop lentement. Au niveau du code, ce n’est pas très propre non plus, je reste très sceptique ! De mon point de vue, Elementor permet plus de choses que Divi est est loin d’être largué ! Pour les modules dont tu parles, ils existent également chez Elementor sous le nom de « modèle » et c’est très bien pensé ! Je pense que c’est une affaire de goût, mais honnêtement, je recommanderais davantage Elementor (qui est de base gratuit) à Divi (qui coûte assez cher mine de rien !)
  
  Répondre
Callistta dit :

16 juin 2018 à 18:37

Oh super ton article.
Je l’avait installée ya un moment mais je n’y comprenais rien.
Du coup là je viens de passer un peu de temps a préparé des articles avec quelques touches d’élémentor.
Ta vidéo est très chouette aussi continue miss.

Répondre
1. Mélanie Richard dit :
  
  25 juin 2018 à 17:03
  
  Merci beaucoup pour ton commentaire et ravie d’avoir pu t’aider ♥
  
  Répondre
Yasmine dit :

16 juin 2018 à 23:57

Je l’utilise aussi et j’en suis totalement fan. Mes articles sont plus clairs et je n’ai pas expérimenter toutes les options.

Répondre
1. Mélanie Richard dit :
  
  25 juin 2018 à 17:04
  
  Qui peut t’en blâmer, vu toutes les options existantes sous Elementor haha !
  
  Répondre
Loula dit :

19 juin 2018 à 00:50

Bonjour et merci pour le partage.
J’ai été convaincue par Elementor, même si je n’ai pas capté toutes tes explications. Ensuite, Cédric m’a déstabilisée avec son Divi.
De toutes façons, je n’ai pas encore de site web.
Si tu crées des sites web WordPress, quel en est le prix ?
Très cordialement, Loula.

Répondre
1. Mélanie Richard dit :
  
  25 juin 2018 à 17:05
  
  Merci pour ton commentaire Loula ! N’hésite pas à me contacter via le formulaire de contact (http://wonderwildqueen.fr/contact), c’est un peu compliqué de dire un prix sans en savoir plus sur ton projet 😉 Pour Divi, CF. ma réponse à Cédric. Je le trouve moins pratique, moins précis et beaucoup plus cher qu’Elementor !
  
  Répondre
Cedric dit :

19 juin 2018 à 13:17

Bonjour loula, ben le but n’est pas de te déstabiliser, mais très honnêtement, Divi est nettement au dessus, si tu essayes Divi tu verras que ses possibilités sont immenses, il est payant, (79$ sur Elegant Thèmes) mais franchement, tu ne seras pas deçue de ton investissement. Pour te montrer un peu ses possibilités, je t’invite a regarder cette vidéo : https://www.youtube.com/watch?v=RGhsmxE8ZnE&t=2862s
Essayes donc d’obtenir le même résultat avec Elementor ou un autre constructeur de pages….la concurrence est larguée j’te dis !

Répondre
Cedric dit :

19 juin 2018 à 13:24

Tu peux commencer a lire la vidéo à partir de 17′ avant c’est le blabla et l’installation de wordpress avec le nom de domaine.

Répondre
Amélie - Petit Moineau dit :

13 octobre 2018 à 18:28

Une bien jolie découverte avec Elementor pour ma part !
Je n’ai pas encore trouvé toutes les astuces et les tréfonds des possibilités, mais je m’amuse déjà beaucoup, c’est fou que ça rende à ce point là totalement différemment que ce que l’éditeur WordPress propose de base !
En tous cas, j’adore, merci bien pour cette découverte !

Répondre
1. Mélanie Richard dit :
  
  17 décembre 2018 à 19:26
  
  C’est clair qu’Elementor est juste magique comparé à l’éditeur de base ! Et Gutenberg alors, quelle horreur ! A peine je l’ai vu, à peine j’ai réinstallé l’ancien éditeur xD
  
  Répondre
Ceni dit :

26 novembre 2018 à 00:06

merci

Répondre
Mary dit :

2 février 2019 à 15:42

Bonjour Mélanie,
Merci pour cet article. J’utilise également à l’occasion Elementor et je l’aime beaucoup pour sa souplesse et ses performances. J’ai une petite question: une amie a acheté un thème premium pour faire son site (pour une librairie) et ce thème embarquait déjà un builder, qui à priori est utilisé pour faire les pages « livre », « événement », etc. Est-ce que je peux quand même installer Elementor pour toutes les autres pages?
Merci pour ta réponse

Répondre
Jean-Louis dit :

21 juin 2019 à 14:50

Bonjour,
Je viens d’essayer Elementor dans sa version gratuite.
Toutefois, j’ai un problème car j’ai droit à un sens interdit si je veux placer un widget à l’endroit indiqué « glisser ici ».
Par contre, je peux modifier le contenu des modèles.
Est-ce lié à la version pro ?

Répondre
vero dit :

10 mai 2020 à 15:44

Merci beaucoup pour cet article.
J’ai installé aussi elementor mais je ne l’ai pas encore utilisé. En fait je cherchais quelque chose pour créer des modèles d’article. Si j’ai bien compris ce n’est que la version pro qui propose ça.
Je suis sous wordpress . org et je me demandais si il n’y avait pas un windget pour créer des modèles d’articles.
Merci pour ton aide
à bientôt
Véro

Répondre
vero dit :

10 mai 2020 à 15:45

Ah oui encore une autre question. Si je souscrit à Elementor Pro pendant 1 an et que j’arrête mon abonnement. Est ce que tout ce que j’ai créé avec ne se verra plus ?
Merci pour ton aide

Répondre
Meneghel dit :

25 août 2020 à 10:43

Hello ma belle , j’ai découvert elementor et j’adore mais je suis toute nouvelle dans le monde du blogging et me demande encore quelle est la différence entre un thème et elementor ? Parce que la j’ai un thème avec elementor mais j’ai l’impression que ça crée des interférences… en gros est ce que je peux combiner le theme avec elementor et a quoi sert il ?

Merci ❤️

Pauline

Répondre