Inscrivez-vous à la newsletter
Recevez « Le guide ultime pour améliorer la visibilité de votre site sur Google grâce au SEO »
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 .
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.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).
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.
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.
Puis-je installer Elementor pro sur plusieurs sites ? Oui, mais cela dépend du plan que vous avez acheté.
Que faire si Elementor pro ne s’installe pas correctement ? Vérifiez d’abord que votre version de WordPress est à jour. Assurez-vous que vous avez installé Elementor (la version gratuite) avant d’essayer d’installer Elementor pro. Si le problème persiste, désactivez temporairement les autres plugins pour voir s’il y a un conflit.
Comment puis-je résoudre les problèmes de mise en page après l’installation ? Si vous rencontrez des problèmes de mise en page après l’installation d’Elementor pro, vérifiez la compatibilité de votre thème avec Elementor. Essayez de vider le cache de votre navigateur et désactivez les autres plugins qui pourraient entrer en conflit. Si le problème persiste, passez en mode sans échec via Elementor pour identifier la source du problème.
Est-ce que les mises à jour d’Elementor pro sont incluses dans l’abonnement ? Oui, tant que votre licence Elementor pro est active.
Comment accéder aux templates premium après l’installation ? Une fois Elementor pro activé, vous pouvez accéder aux templates premium directement depuis l’éditeur Elementor. Cliquez sur l’icône de dossier lors de la création ou modification d’une page et choisissez parmi la bibliothèque de designs.
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.
