Installer Elementor pro : la méthode complète pour l’activer

Vous avez probablement entendu parler d’Elementor, l’un des constructeurs de pages les plus souvent utilisés sur WordPress. Installer Elementor pro ou sa version gratuite simplifie la création de pages web aussi bien pour les utilisateurs chevronnés que pour les débutants. Mais bien sûr, comme vous pouvez vous en douter, activer Elementor Pro permet d’exploiter pleinement les capacités de cette extension. Que ce soit pour le design, la performance ou encore le marketing.

Dans cet article, je vais vous guider pas à pas à travers le processus d’installation d’Elementor pro. Vous verrez qu’il n’y a rien de compliquer, il suffit de suivre les étapes.

Se préparer pour installer Elementor pro

Avant de commencer l’installation d’Elementor pro, assurez-vous que tout est en ordre du côté de votre site WordPress pour éviter les mauvaises surprises.

Vérification des prérequis

1. Mise à jour de WordPress : assurez-vous que votre installation de WordPress est à jour.
2. Compatibilité des Thèmes et Plugins : Vérifiez que votre thème et les autres plugins installés sont compatibles avec votre version d’Elementor. De même, vérifiez qu’Elementor est bien compatible avec votre système comme le montre l’image ci-dessous.

Si vous disposez d’une version supérieure de WordPress, je vous invite à créer une sauvegarde de votre site avant l’installation d’Elementor. Dans tous les cas, c’est toujours une bonne pratique à mettre en œuvre.

Installer Elementor en version gratuite

Pour pouvoir utiliser Elementor pro vous devrez installer la version gratuite. Celle-ci est disponible directement sur WordPress. Rendez-vous sur Extensions > Ajouter, puis tapez « Elementor » dans la barre de recherche. Validez et cliquez sur Installer. Une fois installée, cliquez sur activer. Voici à quoi ressemble le visuel :

Une fois la version gratuite installée, rendez-vous sur le site Elementor en cliquant sur ce lien pour vous procurer la version pro avec un tarif attractif.

Étape 1 – Achat de la licence Elementor pro

La première étape pour installer Elementor pro, c’est l’achat de la licence. Il existe plusieurs plans tarifaires en fonction de vos besoins :

1. Plan Essential : Idéal pour un seul site, c’est le plan le plus abordable.
2. Plan advanced : ce plan permet d’utiliser Elementor pro sur trois sites.
3. Plan Expert : ce plan offre une licence pour 25 sites ou plus.
4. Plan Agency : valable jusqu’à 1 000 sites.

Voir les offres Elementor pro

Comment acheter une License Elementor pro ?

1. Accès au Site Officiel : Rendez-vous sur le site d’Elementor pour voir les différents plans.
2. Choix du Plan : choisissez votre plan en cliquant sur « Buy Now ».
3. Création d’un Compte : si vous n’avez pas encore de compte, vous serez invité à en créer un. Ce compte sera utilisé pour gérer votre licence Elementor pro.
4. Paiement et Confirmation : Entrez vos informations de paiement et finalisez l’achat. Une fois le paiement validé, vous recevrez un email de confirmation avec vos informations de compte et le lien pour télécharger Elementor pro.

Étape 2 – Téléchargement du plugin Elementor pro

Une fois votre licence Elementor pro achetée et activée, vous pouvez télécharger le plugin pour l’ajouter à votre site WordPress et accéder aux fonctionnalités premium.

Accès au tableau de bord Elementor pro

Connectez-vous à votre compte sur le site officiel d’Elementor avec les identifiants que vous avez utilisés lors de votre inscription.

Rendez-vous ensuite à la section « Downloads » (Téléchargements) de votre tableau de bord.

Enfin, cliquez sur le bouton « Download Plugin » pour lancer le téléchargement du fichier .zip contenant Elementor pro pour WordPress.

Conseils sur la gestion des fichiers téléchargés

Ne décompressez pas le fichier .zip téléchargé. C’est le format attendu par WordPress lors de l’installation d’une extension. Le fichier est prêt à être installé. Vous n’avez pas de modification à faire. Conservez-le sur votre disque dur ou téléchargez-le à nouveau dans votre espace membre si vous l’utilisez sur plusieurs sites WordPress.

Étape 3 – Installer Elementor sur WordPress

Maintenant que vous avez téléchargé le fichier .zip d’Elementor pro, nous allons l’installer sur WordPress.

Guide étape par étape pour installer Elementor via le tableau de bord WordPress

Connectez-vous à l’administration de votre site WordPress en allant à https://votresite.com/wp-admin.

Dans le menu de gauche, sélectionnez Extensions > Ajouter.

En haut de la page, cliquez sur le bouton Téléverser une extension. et sélectionnez le fichier .zip d’Elementor pro sur votre ordinateur.

Cliquez ensuite sur Installer maintenant.

Comment activer le plugin Elementor pro après l’installation

Une fois l’installation terminée, cliquez sur le bouton Activer pour activer Elementor pro sur votre site WordPress.

Vous devriez ensuite le voir activé dans la liste de vos extensions. Il vous sera sans doute demandé de connecter votre site à votre compte Elementor pour valider la licence.

Étape 4 – Activation de la licence Elementor pro

Pour activer votre licence dans WordPress, sélectionnez Elementor > Licence. Il faut que l’extension soit installée et activée pour avoir cette option.

Sur la page de gestion de la licence, vous verrez un bouton My account. Cliquez dessus et une nouvelle fenêtre ou un nouvel onglet s’ouvrira sur le site Elementor.

Connectez-vous à votre compte si ce n’est pas déjà fait. Elementor vous demandera de confirmer que vous voulez lier WordPress à votre compte Elementor. Cliquez sur Activate my license. Vous serez redirigé vers votre tableau de bord de WordPress.

Votre License est maintenant active. Vous aurez toutes les mises à jour pendant un an ainsi qu’un support technique dédié à l’extension.

Étape 5 – Configuration initiale d’Elementor pro

Une fois Elementor pro installé et activé sur votre site WordPress, vous pouvez maintenant le configurer. C’est ce que nous allons voir maintenant.

Aperçu des options de configuration disponibles

Sélectionnez dans Elementor > Réglages dans la colonne de gauche de WordPress. Cette section vous donne accès à une variété d’options qui vous permet de contrôler le comportement d’Elementor pro sur votre site. Voici les différents paramètres disponibles :

Général :

• Types de contenu : Vous pouvez choisir si vous souhaitez activer l’éditeur Elementor sur les pages, les articles, ou d’autres types de contenus personnalisés (CPT).
• Désactiver les couleurs par défaut : pour qu’Elementor hérite des couleurs de votre thème au lieu d’utiliser ses propres couleurs.
• Désactiver les polices par défaut : pour qu’Elementor hérite des polices de votre thème au lieu d’utiliser ses propres typographies.
• Partage des données d’utilisation : devenir contributeur et aider Elementor dans le développement de l’extension.

Intégrations :

Cet onglet permet de gérer les connexions avec les différentes API ou autres applications dont voici la liste :

• Google Maps
• reCAPTCHA
• reCAPTCHA V3
• Facebook SDK
• MailChimp
• Drip
• ActiveCampaign
• GetResponse
• ConvertKit
• MailerLite
• Adobe Fonts (TypeKit)
• Font Awesome pro

Avancé :

Dans l’onglet Avancé, vous pouvez activer ou désactiver des fonctionnalités supplémentaires diverses pour les réglages généraux d’Elementor pro.

• Permuter de méthode de chargeur d’éditeur : pour la résolution de conflits de configuration serveur.
• Permettre les téléversements de fichier non filtré : autoriser le téléversement de tout fichier (SVG & JSON inclus). Attention ça peut poser des problèmes de sécurité si le fichier est malveillant ou mal codé.
• Google Fonts : désactivez cette option pour empêcher le chargement des polices Google.
• Chargement de Google Fonts : définis comment les fichiers de police sont chargés et affichés par le navigateur (par défaut : auto).
• Charger la prise en charge de Font Awesome 4 : permet de s’assurer que toutes les icônes Font Awesome 4 précédemment sélectionnées s’affichent correctement.
• Balise de générateur : un élément méta qui indique les attributs utilisés pour créer une page (pour l’analytique).

Performance :

L’onglet performance permet de gérer la façon dont les fichiers se chargent lors du chargement d’une page. On trouve ici 3 réglages de disponibles.

• Méthode d’impression CSS : le fichier CSS doit-il être interne ou externe ? Il est recommandé d’utiliser un fichier externe.
• Chargement optimisé des images : permet d’activer le chargement différé des images (lazyloading) et fetchpriority="high" sur l’image LCP.

Fonctionnalités :

Contrôlez les fonctionnalités et les expériences actives sur votre site. À ce jour, voici les options disponibles.

• Chargement optimisé des contrôles : améliorer le chargement des contrôles.
• Default to New Theme Builder : permets d’activer l’éditeur de thème Elementor pro.
• Barre supérieure de l’éditeur : expérimentation de la top barre pour les réglages principaux d’Elementor lors de l’édition d’une page.
• Page d’atterrissage : ajoute un nouveau type de contenu Elementor qui autorise la création instantanée de pages d’atterrissage.
• Éléments imbriqués : placer des widgets dans des onglets « imbriqués ».
• Lien en bio : Créez des pages d’atterrissage avec lien bio et des cartes de visite numériques qui convertissent grâce aux widgets Link in Bio.
• Boutons flottants : augmentez l’engagement des visiteurs avec les boutons flottants. La bibliothèque de modèles de boutons flottants offre une variété d’options de contact interactives en un clic, de liens mis en évidence et d’appels à l’action.
• Scroll Snap : personnalisez la façon dont les visiteurs font défiler votre site.
• Optimisation du chargement du CSS : réduis la quantité de code CSS qui est chargée sur la page par défaut.
• Polices d’icônes « inline » : diffuse les icônes sous forme de SVG en ligne sans charger les bibliothèques Font-Awesome et eicons, ainsi que les fichiers CSS et les polices similaires.
• Points d’arrêt personnalisés supplémentaires : obtenez un design au pixel près pour toutes les tailles d’écran.
• Mettre à niveau la bibliothèque Swiper : mettre à niveau la bibliothèque Swiper intégrée à votre site de la v5.36 à la v8.45.
• Construire avec l’IA : cette fonctionnalité est livrée avec des outils d’IA pratiques, notamment la génération, les variantes et les URL de référence.
• Chargement différé des images d’arrière-plan : améliore les performances de chargement initial de la page et l’expérience utilisateur.
• Form Submissions : vous pouvez enregistrer tous vos formulaires dans une base de données interne.
• Partage des données d’utilisation : devenir un contributeur.

Personnalisation de l’apparence et des fonctionnalités

Création de templates personnalisés :

Le constructeur de thème Elementor pro permet de créer des templates pour vos en-têtes, pieds de page, pages d’archives, et autres sections globales de votre site. Pour y accéder, rendez-vous sur Elementor > Accueil > Theme builder dans le menu Elementor.

Widgets pro :

Elementor pro permet d’accéder à de nombreux widgets supplémentaires non disponibles dans la version gratuite. On y trouve des sliders, des formulaires, des carrousels, des CTA (appels à l’action), et encore beaucoup d’autres. Il est possible de désactiver les éléments dans Elementor > Gestionnaire d’éléments.

Installer Elementor pour une intégration avec WooCommerce :

Elementor pro offre des options de personnalisation avancées pour les pages WooCommerce. Vous pouvez créer des templates pour vos pages de produits, votre panier, et la page de paiement.

Configuration des polices et des couleurs globales :

Pour régler les polices et les couleurs globales, ouvrez ou crée une page Elementor. Cliquez sur l’engrenage situé en bas à droite ou dans la barre du haut si vous avez sélectionné cette option dans vos réglages.

Sélectionnez ensuite Réglages du site pour changer les couleurs globales et les polices de caractères globales d’Elementor.

Optimisation pour mobile :

Vous pouvez ajuster les marges, les tailles de police, et même cacher certains éléments en fonction de l’appareil utilisé pour afficher votre site.

FAQ

L’installation d’Elementor pro peut soulever plusieurs questions, voici quelques réponses aux questions les plus fréquemment posées.

Conclusion sur l’installation d’Elementor pro

Avec ses fonctionnalités avancées, sa flexibilité, et sa prise en main ultra-simple, Elementor pro est une extension qui offre bien plus que l’édition de base disponible dans la version gratuite. Vous pouvez facilement réaliser n’importe quel type de site Internet. N’hésitez pas à découvrir toutes les fonctionnalités qu’Elementor pro met à votre disposition, vous ne serez pas déçu.