Plugin Elementor

Table des matières

L’extensions WordPress Elementor vous permet de créer tous types de post (page, blog, article, produit…) à partir de modèles, ou bien en partant de zéro en utilisant de nombreux modules mis à votre disposition (texte, image, slider, bouton, icônes…). Vous pourrez également créer vos propres modèles de pages qui seront utilisables autant de fois que vous le souhaitez. Pratique, non ?

N’oubliez pas qu’il existe deux versions d’Elementor :

  • Une version gratuite et donc accessible à toutes et tous. Cette version est accessible via le site officiel de WordPress : https://fr.wordpress.org/plugins/elementor/
  • Une version payante que l’on appelle communément Elementor Pro. Cette version se déclinent sous plusieurs licences Element Pro. Le prix de ces licences, et donc la version d’Elementor Pro, se trouvent sur le site officiel : https://elementor.com/

Voyons cela un peu plus en détail.

Quelles différences entre la version gratuite et la version pro d’Elementor ?

La principale différence entre la version gratuite et la version pro d’Elementor est que la version gratuite est un constructeur de page alors que la version pro est un constructeur de page et un constructeur de thème. Avec la version d’Elementor pro, vous allez toujours pouvoir construire vos pages avec votre builder préféré mais vous allez également pouvoir construite l’ensemble des zones et sections de votre site comme le Header et le Footer de votre site. Vous allez également pouvoir gérer les archives de votre site. Par exemple, vous allez voir maitriser le rendu graphique de la page blog dans les moindres détails. Vous ne subirez plus les contraintes que votre thème initial vous imposez.

Au delà de cette grande différence, constructeur de page VS constructeur de thème, la version d’Elementor Pro vous fera bénéficier d’un nombre plus importants de Widgets. Ces Widgets vous permettrons d’aborder le design de votre site d’une manière plus complète et plus professionnelle.

Dans quel(s) cas acheter une licence Elementor Pro ?

Dès l’instant où vous souhaitez modifier et gérer autre chose que vos articles et vos pages avec le builder Elementor, il vous faudra une licence Elementor Pro. Ainsi vous pourrez modifier à votre guise le Header, le Hooter ou tout autres parties de votre site. A noter que dans ce cas là, il vous faudra avoir un thème que l’on peut qualifier de vide puisque c’est vous qui allait décider de A à Z de ce que contient votre site, de quel aspect il aura, etc.

Autre cas où vous pouvez avoir besoin d’acheter une licence pour Elementor : le besoin de Widgets plus complets, de widgets plus professionnels. Comprendre : quand vous vous sentez limité, passez à une licence Elementor Pro.

Quelle licence Elementor Pro choisir ?

À ce jour, il existe 4 types de licences pour Elementor Pro :

  • Essential Plan
  • Expert Plan
  • Studio Plan
  • Agency Plan

Le prix de ces licences varie de 49€ à 999€. Oui vous avez lu. Le prix d’une licence pour Elementor Pro peut aller jusqu’à 999€ !

Alors quelles différences entre ces licences ? Une seule : le nombre de sites sur lesquels vous pouvez activer cette licence Elementor Pro. Comprendre que si vous n’avez qu’un site et que cela ne changera pas, vous pouvez prendre une licence à 49€.

A noter que cette licence se renouvelle tous les ans si vous souhaitez continuer à bénéficier des mises à jours et autres améliorations d’Elementor Pro.

Installation et configuration de l'extension Elementor

  • Rendez-vous sur le back office de votre site WordPress.
  • Cliquez sur l’onglet Extensions du menu vertical de votre back office, puis cliquez sur le bouton « Ajouter ».
  • Dans la barre de recherche d’extensions, recherchez « Elementor Page Builder » puis installez et activez l’extension.

Besoin d'aide pour installer le plugin Elementor ?

Comment utiliser le plugin Elementor avec WordPress ?

Si vous souhaitez construire une page avec Elementor,

  • Rendez-vous sur le back office de votre site WordPress,
  • Cliquez sur l’onglet « Pages » du menu vertical de votre back office,
  • Cliquez sur la page que vous souhaitez modifier et cliquez sur « Modifier »,
  • Enfin, il vous suffit de cliquer sur le bouton bleu « Modifier avec Elementor ».

Vous êtes maintenant sur l’interface de notre Page Builder Elementor, depuis laquelle vous pouvez construire votre page.

Petit tour d’horizon. A gauche, un espace contenant tous les widget Elementor. Il en existe de toutes sortes : icône, photos, texte, titre, lien, menu de navigation, etc.

Sur la droite, votre page. Actuellement, elle est probablement entièrement blanche car vide. Nous allons y remédier sur le champ !

Tout d’abord, cliquez sur le « + » de la zone « Glissez un widget ici » pour créer une section. Plusieurs structures vous sont proposées pour cette section (pleine page, 2 colonnes, 3 colonnes, une sidebar…). Cliquez sur la structure que vous souhaitez afin de créer la section.

En fonction de la structure que vous avez choisi, cliquez sur le « + » de votre section dans la colonne où vous souhaitez ajouter du contenu.

Souvenez-vous, à gauche sur votre écran, il y a une barre latérale dans laquelle Elementor met à votre dispositions des modules pour construire votre page. Avec votre votre souris, glissez un module de la barre latérale, par exemple “Titre”, sur la colonne de votre section où vous souhaitez voir apparaître un titre.

Dans la barre latérale vous avez maintenant la possibilité de paramétrer le module que vous avez choisi. Il y a trois parties :

  • Contenu, c’est ici que vous allez que vous allez mettre de le contenu de votre module, tout simplement. Par exemple pour le module « Titre »,  c’est dans contenu que vous pouvez écrire votre titre.
  • Style, c’est ici que vous pouvez régler l’apparence de votre module. Par exemple la couleur et la typographie si c’est un titre ou un texte, la largeur et l’opacité si c’est une image…
  • Avancé, c’est ici que vous pouvez définir les marges et marges internes de votre module, définir une bordure, choisir les règles d’affichage en responsive design, etc.

Construisez votre page de cette manière en créant des sections les unes en dessous des autres, en sachant que chaque section que vous créez peut avoir une structure différente, donc avoir un nombre de colonnes différent. Les possibilités de création sont infinies !

Il est également possible d’intégrer ce que l’on appelle des “codes courts”, dans Elementor. Ces petits morceaux de code, insérés dans le bon widget, feront apparaître des fonctionnalités très utiles.

Pour intégrer un code court à une page avec Elementor, il faut utiliser le module qui s’appelle « Code court », et que vous pouvez trouver facilement trouver en utiliser la barre de recherche de widget. Glissez le module « Code court » dans une section de votre page, puis saisissez votre code court ou vos codes courts dans la barre latérale comme cela vous est demandé. Cela peut être utile pour intégrer des codes courts WooCommerce, par exemple.

CONSTRUIRE UN MODELE DE PAGE AVEC ELEMENTOR PRO

Si vous souhaitez construire un modèle de page avec Elementor, une licence Elementor Pro est requise. Voici la marche à suivre pour créer votre modèle :

  • Rendez-vous sur le back office de votre site WordPress.
  • Cliquez sur l’onglet « Modèles » du menu latéral de votre back office (sous « Elementor »).
  • Cliquez sur le bouton « Ajouter un nouveau »
  • Vous devez ensuite choisir le type de modèle que vous voulez créer. (Par exemple, si vous voulez créer un modèle de page qui s’appliquera à vos articles, vous devez choisir « Article unique »)
  • Nommez votre modèle de manière logique pour le retrouver facilement par la suite.

Construisez ensuite votre modèle comme une page normale, avec la méthode vue précédemment.

Lorsque vous avez fini votre modèle, cliquez sur le bouton vert « PUBLIER » en bas de la barre latérale. Vous allez ensuite devoir indiquer les conditions selon lesquelles votre modèle va s’appliquer. Si on reprend notre exemple de page d’article, dans « INCLURE », je vais choisir « Articles », et « Tout ». Cela signifie que le modèle va s’appliquer pour chaque articles du site web.

Le conseil de votre formateur WordPress

N’oubliez pas de régulièrement mettre à jour votre page en cliquant sur le bouton vert en bas de la barre latérale.

N’oubliez qu’Elementor bénéficie d’un éco-système d’extensions qui lui est propre. Comprendre que si vous souhaitez ajouter d’autres fonctionnalités, d’autre Widget à Elementor, vous pouvez installer une ou plusieurs extensions qui viendront enrichir Elementor. Une des plus connues et utilisée est Essential Addons Elementor.

Besoin d'aide pour configurer et utiliser le plugin Elementor ?