Comment créer un site WordPress avec Elementor [Tutoriel 2023]

Table des matières

Il y a encore quelques années, la création d’un site internet impliquait de nombreux allers-retours entre les développeurs, les rédacteurs et le client. Il fallait des mois pour que quelques modifications simples soient mises à jour sur votre site Web.

Aujourd’hui, savoir coder n’est plus nécessaire pour créer des sites web.

C’est là qu’intervient le constructeur de site Web WordPress Elementor.

En optant pour ce plugin facile et intuitif, vous pouvez créer un site internet sans écrire une seule ligne de code.

Vous rejoignez ainsi les plus de 3 millions d’utilisateurs actifs.

Cet article couvrira tout ce que vous devez savoir sur ce constructeur de pages WordPress populaire.

Je vous montrerai ensuite comment utiliser les fonctionnalités essentielles d’Elementor, telles que la création de mises en page et la personnalisation de modèles Elementor. C’est parti !

C’est quoi Elementor pour WordPress ?

Elementor est un constructeur de pages par glisser-déposer pour WordPress. Ce plugin vous permet de créer de belles pages à l’aide d’un éditeur visuel.

Il existe différents constructeurs de pages WordPress, mais avec plus de cinq millions d’installations actives, le plugin Elementor est l’un des plus populaires. Elementor vous permet de créer des sites Web entiers ou des pages de ventes uniques.

elementor design

L’éditeur visuel et no-code d’Elementor est particulièrement apprécié des propriétaires de sites Web qui n’ont pas d’expérience en conception et en développement web. C’est également un excellent choix pour les entrepreneurs et les petites entreprises qui se lancent, mais qui n’ont pas nécessairement les fonds nécessaires pour embaucher une équipe dédiée.

Même si vous êtes un professionnel expérimenté, il existe de nombreuses raisons d’utiliser Elementor. Ce n’est pas parce que vous savez coder qu’il est sage de toujours tout créer à partir de zéro.

Elementor propose de nombreuses fonctionnalités pour vous aider à créer de superbes sites Web en moins de temps.

Cela comprend plus de 90 widgets prêts à l’emploi et des modèles de site web conçus par des professionnels.

bibliotheque elementor

Pourquoi utiliser Elementor ?

Elementor fonctionne pour tous les types de site web. Si vous n’êtes pas féru de technologie, l’éditeur visuel vous donne la possibilité de faire glisser l’un des 90 widgets pour créer du contenu, comme des boutons, ajouter des vidéos, des formulaires.

Pour les développeurs WordPress, il s’agit aussi d’une plate-forme de premier choix avec une optimisation des scripts, des attributs personnalisés et des historiques de versions.

Elementor est-il gratuit ?

Elementor propose une version gratuite ainsi que plusieurs plans d’abonnement payants.

La version gratuite est livrée avec toutes les fonctionnalités dont vous avez besoin pour démarrer, y compris l’éditeur glisser-déposer, 40 widgets de base et plus de 30 modèles de sites web.

Si vous souhaitez accéder à des fonctionnalités plus avancées, telles que la possibilité d’ajouter des formulaires, de personnaliser votre blog et vos pages e-commerce, vous pouvez passer à la version pro.

Bien qu’il existe des plugins distincts qui peuvent vous aider à créer des formulaires et contourner les widgets non inclus, en optant pour Elementor, vous pouvez minimiser le nombre de plugins que vous devrez installer et mettre à jour.

Utiliser trop de plugins peut rendre votre site plus vulnérable et impacter les performances de votre site Web. Il est donc recommandé de minimiser le nombre de plugins installé.

La version payante donne donc accès à des widgets supplémentaires, ainsi que le générateur de thèmes d’Elementor.

Avec ce générateur de thème, vous pouvez modifier tous les éléments du site, y compris l’en-tête et le pied de page. Vous pouvez vous passer d’un thème support, ce qui facilite la gestion de votre site.

Et les licences Elementor Pro incluent plus de 60 modèles de sites web pour créer un site internet rapidement.

Sans compter l’assistance premium, qui vous répond en 48h max !

Et pour les web designeur, vous pouvez vous inscrire à leur Experts Network pour être trouvé par des clients potentiels.

Le prix d’Elementor est étalé comme suit :

  • 59 €/an pour 1 site
  • 99 €/an pour 3 sites
  • 199 €/an pour 25 sites
  • 399 €/an pour 1 000 sites

Pour faire votre choix selon vos besoins, Elementor a compilé une liste détaillée des fonctionnalités de la version pro par rapport aux fonctionnalités gratuites.

Comment installer Elementor

Tout comme les autres plugins WordPress, l’installation d’Elementor est simple et rapide.

Vous pouvez télécharger le plugin gratuit directement depuis votre tableau de bord WordPress.

Étape 1 : Pour télécharger la version gratuite, accédez à Plugins > Ajouter un nouveau.

Étape 2 : Dans le champ de recherche, tapez Elementor. Lorsque le plugin apparaît, cliquez sur Installer maintenant.

Étape 3 : Lorsque le plugin est installé, cliquez sur Activer.

Le plugin ajoutera un menu Elementor à votre barre latérale WordPress. Cela sert à accéder aux paramètres d’Elementor. Nous verrons ensuite comment modifier vos pages.

elementor tableau bord wordpress

Vous pouvez maintenant commencer à utiliser Elementor !

 

Pour vous lancer, cliquez le menu Elementor dans la barre latérale.

reglages elementor

Assurez-vous que Elementor est activé sur vos articles et vos pages.

Comment utiliser Elementor avec WordPress ?

Avec Elementor, vous pouvez concevoir des sites Web uniques sans compétences particulières en développement.

L’éditeur visuel en direct rend le processus facile en vous permettant de visualiser chaque élément au fur et à mesure que vous le concevez.

Voyons comment utiliser l’éditeur Elementor.

Créer une page avec Elementor en partant de zéro

Pour concevoir une nouvelle page, accédez à Pages/ Articles > Ajouter un nouveau.

Vous pouvez lancer l’éditeur Elementor en cliquant sur Modifier avec Elementor.

modifier avec elementor

Sur le côté gauche de l’écran, vous verrez la barre latérale Elementor.

C’est ici que vous trouverez tous les éléments que vous pouvez ajouter à vos mises en page, tels que les titres et les boutons.

fonctionnalites elementor

À droite se trouve l’aperçu en direct, où vous pouvez créer votre mise en page.

Elementor se met à jour en temps réel pour afficher vos modifications au fur et à mesure que vous les effectuez.

L’éditeur Elementor donne accès à trois éléments de construction : les sections, les colonnes et les widgets.

Nous venons d’aborder les widgets d’Elementor, voyons donc comment vous pouvez les ajouter à vos conceptions.

Vous commencerez par créer une section en cliquant sur l’icône +. Elementor vous demandera alors de choisir votre structure.

widgets elementor

Les options de structure consistent en une ou plusieurs colonnes.

Puis vous glisser-déposer votre widget dans ces colonnes.

ajouter widget elementor

Pour éditer ou déplacer une Section, faites simplement un Contrôle-clic sur cette poignée bleue pointillée.

Cela lancera un menu avec lequel vous pourrez apporter des modifications simples telles que copier ou supprimer la section sélectionnée.

modifier section

Pour plus de modifications, cliquez sur la poignée bleue en maintenant la touche Contrôle enfoncée et sélectionnez “Modifier la section”.

La barre latérale Elementor va maintenant être mise à jour pour afficher toutes les modifications supplémentaires que vous pouvez apporter à cette section.

L’onglet Mise en page vous permet de paramétrer la structure et l’onglet Style, le design.

Vous pouvez également ajouter des widgets à cette section.

Dans la barre latérale Elementor, recherchez le widget que vous souhaitez utiliser et faites-le glisser dans la section.

Pendant que vous faites glisser le widget, Elementor mettra en évidence toutes les différentes sections et colonnes où vous pouvez déposer cet élément.

Lorsque vous êtes prêt, relâchez simplement votre souris. Elementor va ajouter ce widget à la section que vous avez choisie.

Créer une page à partir des modèles Elementor pré-faits

Les modèles Elementor sont des pages et des blocs préconçus qui simplifient le processus de création de site Web. Les pages sont des mises en page de contenu complètes, tandis que les blocs sont des sections qui contiennent des widgets prédéfinis.

Certains exemples populaires de blocs incluent les compositions texte+visuel, les témoignages, les questions fréquemment posées (FAQ).

Le plugin Elementor gratuit est livré avec plus de 100 modèles de page complète et plus de 300 blocs.

Cliquez sur l’icône du dossier blanc au lieu du + pour ajouter un modèle à votre conception.

ajouter modele elementor

Cela lancera la bibliothèque Elementor.

Ici, vous trouverez tous les modèles de bloc et de page que vous pouvez appliquer à votre page.

modeles elementor pages

Vous pouvez prévisualiser n’importe quel modèle en le survolant et en cliquant sur son icône de loupe.

modeles elementor blocs 1

Lorsque vous trouvez un modèle que vous souhaitez utiliser, survoler-le et cliquez sur Insérer.

inserer modele elementor

Si vous ne vous êtes pas déjà connecté à la bibliothèque de modèles d’Elementor, la fenêtre contextuelle vous demandera de terminer cette étape.

Après avoir établi cette connexion, Elementor insérera le modèle que vous avez choisi. Vous pouvez maintenant le personnaliser.

Comment créer des modèles avec Elementor

La création de vos modèles peut assurer la cohérence de l’ensemble de votre site.

C’est intéressant pour un webdesigner aussi afin d’utiliser des modèles pour accélérer la conception.

Par exemple, moi j’ai une bibliothèque de modèles que j’utilise comme point de départ.

Pour commencer, sélectionnez Modèles dans le tableau de bord WordPress. Ensuite, cliquez sur Ajouter.

ajouter modeles

Dans la fenêtre suivante, ouvrez le menu déroulant et choisissez le type de modèle que vous souhaitez créer.

Vos options sont Page d’atterrissage, Page ou Section.

type modele elementor

Ensuite, donnez un nom à ce design et cliquez sur Créer un modèle.

Cela lancera le constructeur de page Elementor standard.

Vous pouvez maintenant créer votre modèle de la même manière que vous créeriez une page normale. Ajoutez simplement des sections, des colonnes et des widgets jusqu’à ce que vous soyez satisfait de votre mise en page.

Pour enregistrer ce design en tant que modèle, cliquez sur la flèche qui apparaît à côté du bouton Mettre à jour/Publier. Vous pouvez ensuite sélectionner Enregistrer comme modèle.

enregistrer modele

Cette mise en page sera maintenant enregistrée dans la bibliothèque Elementor.

Vous pouvez y accéder en lançant la bibliothèque et en sélectionnant l’onglet Mes modèles.

mes modeles elementor

Vous pouvez également accéder à vos modèles personnalisés en accédant à Modèles > Modèles enregistrés dans le tableau de bord WordPress.

Vous pouvez également ouvrir n’importe laquelle de vos conceptions et apporter les modifications nécessaires.

En conclusion..

Créer un site WordPress n’est pas toujours facile, surtout si vous n’êtes pas un web designer ou un développeur Web expérimenté. Heureusement, le constructeur de pages Elementor peut simplifier la création de votre site.

Que vous optiez pour le plugin gratuit ou premium, vous pouvez utiliser Elementor pour concevoir et créer tout type de publication ou de page dont vous avez besoin.

Ce constructeur est également livré avec une sélection de modèles prêts à l’emploi. Vous pouvez également créer vos modèles et les réutiliser sur plusieurs pages ou sur différents sites Web.

Questions fréquemment posées sur Elementor

Oui, cela fonctionne avec tous les thèmes qui suivent les normes de codage de WordPress.

Notez qu'il y a des thèmes plus performants que d'autres.

Elementor est l'un des constructeurs de pages les plus rapides. Cependant, certains sites Web peuvent entraîner des temps de chargement lents, notamment suivant le choix de votre thème. Heureusement, il y a des façons d’améliorer les temps de chargement, ce n'est donc pas un problème.

Elementor n'est pas mauvais pour le référencement naturel de votre site. Il ne ralentit pas votre site plus qu'un autre constructeur de page, en suivant les meilleures pratiques, telles que la compression des images et la limitation des scripts excessifs, vous pouvez avoir un site Web rapide même avec Elementor installé.

Le verdict est qu'Elementor, comme tout grand constructeur de pages WordPress, est bon pour le référencement. En vous aidant à créer site web attrayant, ce constructeur de page vous permet de garder les utilisateurs sur votre page. Au fur et à mesure que les visiteurs interagissent avec votre contenu, les algorithmes des moteurs de recherche comprendront que votre site Web est précieux, ce qui augmentera votre classement et améliorera votre référencement.

Maintenant, j'aimerais avoir de vos nouvelles !

Alors, allez-vous créez votre site web avec Elementor ?

Où envisagez-vous de changer de constructeur de page ? Voir de CMS ?

Vous avez des questions sur l’utilisation du plugin WordPress Elementor ?

Laissez-moi un commentaire pour m’en faire part !

Et pour celles et ceux qui souhaitent être accompagné et allez plus vite dans la création de leur site web, j’ai conçu une formation WordPress Elementor qui vous donnera toutes les clés pour le faire de manière autonome et efficace, de A à Z

À quel point cet article t'a été utile ?

Clique sur une étoile pour le noter !

Note moyenne 5 / 5. Décompte des votes : 1

Aucun vote pour l'instant ! Sois le premier ou la première à donner ton avis sur cet article !

Comme tu as trouvé cet article utile...

Rejoins-moi sur les réseaux sociaux !

Okay bon, on peut toujours faire mieux !

Tu m'aides à améliorer cet article ?

Dis-moi ce que tu as trouvé utile ou non & ce que tu aimerais voir sur le sujet !

Partage cet article

Elsa Delaunay
Elsa Delaunay
Je crée des sites web sur WordPress et j'anime des formations en ligne SEO et WordPress. J'aide les entrepreneur•e•s à se rendre visible auprès de leurs clients grâce au marketing digital. Tu peux me trouver à Montpellier ou à Bali.
Transforme tes visiteurs en clients grâce à une page d’accueil efficace !

[Exemple de Maquette Stratégique Incluse]

Pépites Digitales

> Elementor Pro

Importer un thème de site en 1 clic ? Créer un design de site sans une ligne de code FACILEMENT ? S’assurer d’avoir un site qui va pouvoir évoluer avec tous types de fonctionnalités ? Dis bonjour à Elementor Pro !

> ThriveCart

Tu vends des produits numériques ou de la formation en ligne ? Économise-toi des centaines d’euros par mois avec ce logiciel qui gère pour toi les paiements, les upsells, les factures, les taxes, les affiliés…bonjour l’automatisation !

Retour en haut

Obtiens un Audit GratuitPersonnalisé de ton Site Web !

Remplis le formulaire et reçois mes conseils gratuits personnalisés pour améliorer ton site web !