Un site web magnifiquement conçu peut créer une excellente première impression. Cependant, la création d’un site de premier ordre n’est pas toujours facile, surtout si vous n’avez pas d’expérience préalable en matière de conception ou de développement.

C’est là que le constructeur de site WordPress Elementor entre en jeu. En optant pour cette extension moderne et conviviale, vous pouvez créer un site web époustouflant sans écrire une seule ligne de code.

Cet article couvrira tout ce que vous devez savoir sur ce constructeur de pages WordPress extrêmement populaire. Nous vous montrerons ensuite comment naviguer dans certaines des tâches les plus essentielles d’Elementor, comme la création de mises en page, de pages et même de modèles personnalisés. C’est parti !

Une introduction à WordPress Elementor

Aux premiers jours d’Internet, la création d’un site web nécessitait des compétences avancées en matière de développement et de conception web, ou l’accès à une équipe de spécialistes. Cela signifie que la création d’un site web prenait du temps, était souvent frustrante et potentiellement coûteuse.

Grâce aux constructeurs de pages modernes, vous pouvez désormais créer un site web performant et de conception professionnelle sans compétences spécialisées. Une fois que votre site est opérationnel, vous pouvez rapidement et facilement ajouter du contenu ou modifier la mise en page à tout moment, même si vous n’êtes pas un codeur.

Il existe plusieurs constructeurs de pages WordPress, mais avec plus de cinq millions d’installations actives, l’extension Elementor est l’une des plus populaires. Elementor vous permet de tout créer, des sites web entiers aux simples pages de destination, via un éditeur intuitif de type glisser-déposer.

Constructeur de pages Elementor
Constructeur de pages Elementor

Avec Elementor, vous pouvez contrôler tous les aspects de la conception de votre site à l’aide d’une seule plateforme. Ainsi, votre site web peut refléter parfaitement votre image de marque.

L’éditeur intuitif et sans code d’Elementor est particulièrement apprécié des propriétaires de sites web qui n’ont pas d’expérience en matière de conception et de développement. Il convient également parfaitement aux entrepreneurs et aux petites entreprises qui ont une idée de projet en ligne, mais qui n’ont pas nécessairement les fonds nécessaires pour engager une équipe de conception ou de développement dédiée.

Même si vous êtes un pro expérimenté, il y a de nombreuses raisons d’utiliser Elementor. Ce n’est pas parce que vous avez des compétences en codage qu’il est sage de toujours tout créer à partir de zéro.

Elementor dispose de nombreuses fonctionnalités pour vous aider à créer des sites web primés en moins de temps. Cela inclut plus de 90 widgets prêts à l’emploi et des modèles de sites web conçus par des professionnels.

Page d'accueil du site Elementor
Page d’accueil du site Elementor

De cette manière, Elementor peut stimuler votre productivité et vos bénéfices. Ces fonctions permettant de gagner du temps peuvent s’avérer particulièrement lucratives si vous construisez régulièrement des sites web WordPress (c’est-à-dire pour les développeurs indépendants et les agences WordPress).

Un site web magnifiquement conçu peut créer une excellente première impression. 🤩 C'est là que le constructeur de pages WordPress Elementor entre en jeu. Apprenez-en plus dans ce guide ✨Click to Tweet

Elementor Free vs Elementor Pro

Elementor est un logiciel « freemium ». Vous pouvez télécharger gratuitement l’extension Elementor de base ou acheter une licence Elementor Pro.

Options de tarification pour Elementor pro
Options de tarification pour Elementor pro

L’extension WordPress gratuite est livrée avec tout ce dont vous avez besoin pour créer des pages de vente visuellement attrayantes, des listes de produits, des sites web commerciaux, et plus encore. Il comprend plus de 40 widgets, 100 modèles et plus de 300 blocs. Les blocs sont des modèles de sections préconçus que vous pouvez mélanger et assortir pour créer des designs uniques.

Bibliothèque de blocs Elementor
Bibliothèque de blocs Elementor

Si vous souhaitez des fonctionnalités plus avancées, vous pouvez acheter Elementor Pro. Cela débloque quelques widgets supplémentaires, ainsi que le constructeur de thème d’Elementor.

Constructeur de thème Elementor
Constructeur de thème Elementor

À l’aide du constructeur de thème, vous pouvez modifier presque tous les éléments du site, y compris l’en-tête et le pied de page. Vous pouvez également créer des conceptions personnalisées pour les articles et les pages d’archives.

Si vous développez une boutique en ligne, Elementor Pro comprend également un constructeur WooCommerce. Vous pouvez l’utiliser pour personnaliser le contenu WooCommerce de votre site, notamment la page du produit, l’archive du produit et la page de commande. Vous aurez également accès à des widgets explicitement conçus pour stimuler les conversions, tels que l’ajout personnalisé au panier, les ventes incitatives et les produits similaires.

Constructeur WooCommerce Elementor
Constructeur WooCommerce Elementor

Elementor Pro est également livré avec un constructeur de popup et un constructeur de formulaires. Bien qu’il existe des extensions séparées qui peuvent vous aider à créer des formulaires et des popups, en optant pour Elementor, vous pouvez minimiser le nombre d’extensions que vous devrez installer et maintenir.

L’utilisation de trop d’extensions peut rendre votre site plus vulnérable aux pirates informatiques. Cela peut même avoir un impact sur les performances de votre site. C’est donc une bonne pratique que de minimiser le nombre d’extensions que vous avez installé. En outre, puisque vous concevez tous les éléments de votre site à l’aide de la même plateforme, vous devriez trouver plus facile d’obtenir un aspect et une sensation cohérents.

Les licences Elementor Pro comprennent l’accès à plus de 60 kits de sites web professionnels. Il s’agit de packs de modèles, de pages, de popups et d’autres composants qui peuvent vous aider à créer un site web complet. Si vous achetez une licence Expert ou supérieure, vous aurez également accès à 20 kits de sites web experts.

En outre, chaque licence Pro comprend une assistance premium. Généralement, vous recevrez des réponses de l’équipe d’assistance spécialisée d’Elementor dans un délai d’un jour. Toutefois, si vous optez pour Elementor Pro Studio ou une version supérieure, vous bénéficierez d’une assistance VIP. Cela vous permet de participer à des discussions en direct avec l’équipe d’assistance VIP d’Elementor. Vous recevrez également des réponses prioritaires à vos tickets, qui arrivent généralement en moins de 30 minutes.

Si vous êtes une agence, un développeur ou un designer, vous serez peut-être intéressé par un profil Experts Network. Vous pourrez y présenter votre travail et attirer l’attention de clients potentiels.

Elementor Experts Network
Elementor Experts Network

Si vous êtes intéressé par la publicité via le Réseau d’experts, vous pouvez également être intéressé par les licences Expert, Studio ou Agence d’Elementor Pro. Ces licences vous donnent le droit de créer un profil sur cette place de marché populaire.

Les plans d’Elementor Pro vont de 49 $ à 999 $ par an. La société offre également une garantie de remboursement de 30 jours, ce qui vous permet de l’essayer avant de l’acheter.

Comment installer Elementor

Puisqu’il s’agit d’une extension WordPress, l’installation d’Elementor est rapide et facile. Vous pouvez télécharger l’extension gratuite directement depuis votre tableau de bord WordPress.

Pour télécharger la version gratuite, allez dans Extensions > Ajouter. Dans le champ de recherche, saisissez Elementor. Lorsque l’extension apparaît, cliquez sur Installer maintenant.

Lorsque vous y êtes invité, cliquez sur Activer. L’extension ajoutera une option Elementor à votre colonne latérale WordPress.

Elementor dans le tableau de bord de WordPress
Elementor dans le tableau de bord de WordPress

Vous êtes maintenant prêt à commencer à utiliser Elementor ! Pour commencer, cliquez simplement sur l’option Elementor dans la colonne latérale.

Alternativement, vous pouvez télécharger l’extension Elementor directement depuis le dépôt WordPress. Ensuite, connectez-vous à votre tableau de bord WordPress et allez vers Extensions > Ajouter > Téléverser une extension. Vous pouvez ensuite cliquer sur Choisier un fichier, et sélectionner le fichier .zip Elementor que vous venez de télécharger.

Comment connecter Elementor Pro à WordPress

Il y a deux façons de connecter Elementor Pro à WordPress. Si vous n’avez pas encore acheté une licence Elementor Pro, vous devez vous rendre sur le site officiel et sélectionner Get Started.

Vous pouvez ensuite suivre les instructions à l’écran pour créer un compte Elementor. Lorsque vous y êtes invité, entrez quelques informations sur le type de site web que vous souhaitez créer.

Créer un compte Elementor
Créer un compte Elementor

Ensuite, choisissez le plan que vous voulez acheter. Comme Elementor nécessite un site web WordPress actif, vous devrez saisir le domaine de votre site. Elementor effectuera ensuite un contrôle pour vérifier que votre site utilise la plateforme WordPress.

En supposant que vous avez un site WordPress actif, l’étape suivante consiste à cliquer sur Installer Elementor. Vous serez automatiquement redirigé vers la page de l’extension Elementor si vous êtes actuellement connecté à votre site.

Lorsque vous y êtes invité, cliquez sur Installer maintenant > Activer. Elementor ajoutera alors l’extension de construction de pages à votre site.

Sinon, si vous avez déjà acheté une licence Elementor Pro, rendez-vous sur le site officiel et connectez-vous à l’aide des détails que vous avez reçus dans votre e-mail de confirmation.

Dans votre compte Elementor, sélectionnez Abonnements dans le menu de gauche. Vous pouvez ensuite cliquer sur Télécharger le Zip.

Télécharger le Zip
Télécharger le Zip

Ensuite, connectez-vous à votre tableau de bord WordPress et allez dans Extensions > Ajouter. Vous pouvez alors téléverser le fichier .zip Elementor Pro que vous venez de télécharger.

Après avoir installé et activé Elementor Pro, WordPress devrait vous demander de saisir votre clé de licence. Vous pouvez également aller dans Elementor > Licence > Connecter & Activer.

WordPress devrait vérifier votre licence automatiquement si vous êtes actuellement connecté à votre compte Elementor. Si vous ne l’êtes pas, saisissez votre identifiant et votre mot de passe Elementor lorsque vous êtes invité à activer votre licence.

Utilisation d’Elementor : 4 tâches essentielles à maîtriser

Avec Elementor, vous pouvez concevoir des sites web uniques sans compétences particulières en matière de conception ou de développement. Toutefois, il est utile de se familiariser avec les principes fondamentaux avant de créer un site web complet. Voici une introduction rapide au flux de travail d’Elementor dans cette optique.

1. Lancer le constructeur de pages Elementor

Pour concevoir une nouvelle page ou un nouvel article dans le constructeur de pages Elementor, naviguez dans Pages/Articles > Ajouter. Vous pouvez lancer l’éditeur Elementor en cliquant sur Modifier avec Elementor.

Option modifier avec Elementor dans l'éditeur
Option modifier avec Elementor dans l’éditeur

Sinon, vous avez peut-être une page existante qui pourrait bénéficier d’un re-looking. Il suffit de naviguer vers la page en question et de l’ouvrir à l’édition dans ce scénario. Vous pouvez ensuite cliquer sur le bouton Modifier avec Elementor.

Éditeur Elementor ouvert
Éditeur Elementor ouvert

Sur le côté gauche de l’écran, vous verrez la colonne latérale d’Elementor. C’est là que vous trouverez tous les éléments que vous pouvez ajouter à vos designs, comme les boutons et les titres.

La colonne latérale d’Elementor contient également une section Widgets globaux. Si vous prévoyez de réutiliser le même widget dans plusieurs designs, vous pouvez l’enregistrer en tant que widget global. Cela rend votre élément personnalisé facilement accessible à tout moment. Il fournit également un emplacement central où vous pouvez éditer votre widget une fois pour apporter des modifications universelles. Elementor reproduira ensuite ces modifications sur l’ensemble de votre site web.

À droite se trouve le canevas d’aperçu en direct, où vous pouvez créer votre design. Elementor se met automatiquement à jour pour afficher vos modifications en temps réel, au fur et à mesure que vous apportez vos modifications.

2. Ajouter des sections, des colonnes et des widgets

L’éditeur Elementor donne accès à trois blocs de construction principaux : Sections, Colonnes, et Widgets. Nous avons déjà abordé les widgets prêts à l’emploi d’Elementor, alors voyons comment vous pouvez les ajouter à vos designs.

En général, vous commencerez par créer une section, en cliquant sur l’icône + dans le canevas principal. Elementor vous demandera ensuite de Sélectionner votre structure.

Ajouter une section dans Elementor
Ajouter une section dans Elementor

Les options de structure consistent en une ou plusieurs colonnes. Éventuellement, vous placerez votre widget à l’intérieur de ces Colonnes. Elles jouent un rôle important dans la création de mises en page plus organisées.

Sélectionnez votre structure de colonnes
Sélectionnez votre structure de colonnes

Après avoir pris votre décision, Elementor ajoutera cette Section à votre mise en page. Pour déplacer cette section vers un nouvel emplacement, cliquez dessus, puis saisissez la poignée bleue en pointillé qui apparaît.

Pour modifier une section, il suffit de cliquer sur cette poignée bleue en pointillé avec la touche Contrôle. Cela lancera un menu contextuel, dans lequel vous pourrez effectuer des modifications simples, comme copier ou supprimer la section sélectionnée.

Ajouter des sections supplémentaires à tout moment
Ajouter des sections supplémentaires à tout moment

Supposons que vous souhaitiez effectuer des modifications plus complexes, faites un Contrôle + clic sur la poignée bleue et sélectionnez Modifier la section. La colonne latérale d’Elementor se met alors à jour pour afficher toutes les modifications supplémentaires que vous pouvez apporter à cette section.

Des modifications supplémentaires plus complexes sont disponibles
Des modifications supplémentaires plus complexes sont disponibles

Vous pouvez également ajouter des widgets à cette section. Dans la colonne latérale d’Elementor, trouvez le widget que vous voulez utiliser et faites-le glisser sur le canevas principal.

Pendant que vous faites glisser le widget, Elementor met 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 ajoutera maintenant ce widget à la section que vous avez choisie.

3. Modifier les réglages de votre site

Vous pouvez utiliser Elementor pour modifier les réglages de votre site. Cela inclut la modification de la police par défaut et des couleurs HTML. Vous pouvez également modifier les bordures et les ombres que WordPress ajoute aux éléments tels que les images de votre site.

En ajustant ces réglages au niveau du site, vous pouvez garantir un aspect et une convivialité cohérents sur l’ensemble de votre site web WordPress. Ce processus est également beaucoup plus rapide et plus facile que d’appliquer ces modifications page par page. Pour afficher les réglages du site disponibles, cliquez sur le menu hamburger dans la colonne latérale d’Elementor.

Configurer les réglages de tout le site
Configurer les réglages de tout le site

Vous pouvez maintenant explorer vos options et apporter les modifications nécessaires. Lorsque vous êtes prêt à publier les nouveaux réglages de votre site, cliquez sur le bouton Mettre à jour tout en bas de la colonne latérale d’Elementor.

4. Vérifier l’historique de vos révisions

Pendant que vous modifiez vos conceptions, Elementor enregistre tranquillement vos changements. Vous pouvez facilement revenir sur vos modifications, ce qui peut vous sauver la vie si vous vous rendez compte que vous avez fait une erreur.

Le journal de l’historique d’Elementor vous donne également la liberté d’expérimenter. Vous pouvez tester diverses modifications, puis les supprimer rapidement. En vous encourageant à expérimenter, Elementor peut améliorer la qualité de vos conceptions finies.

Pour afficher le journal d’Elementor, cliquez sur l’icône Historique en bas de la colonne latérale. L’onglet Actions enregistre chaque modification que vous effectuez dans Elementor. Cela peut aller de la création d’une nouvelle section à la modification d’un texte existant :

Voir le journal d'Elementor
Voir le journal d’Elementor

Chaque fois que vous appuyez sur Enregistrer, Elementor enregistre la version actuelle de votre page comme une nouvelle révision. Vous pouvez voir tous ces instantanés dans l’onglet Révisions. Si vous voulez revenir à une sauvegarde précédente, il suffit de la trouver dans la liste des révisions et de cliquer dessus.

Comment construire une page dans Elementor (2 méthodes)

Maintenant que vous êtes familiarisé avec le flux de travail essentiel d’Elementor, voyons comment vous pouvez utiliser ce savoir-faire pour concevoir de nouvelles pages. Tout d’abord, nous allons couvrir la création d’une page WordPress standard à l’aide de l’extension gratuite Elementor. Ensuite, nous verrons comment développer une page de produit à fort taux de conversion en utilisant WooCommerce et Elementor Pro.

1. Comment créer une page WordPress standard

Chaque page web est différente. Cependant, il existe des éléments communs que vous retrouverez sur différents sites. Il s’agit notamment des titres, du corps du texte et des médias tels que les images. Voyons comment vous pouvez créer une page comportant ces éléments essentiels.

Pour commencer, créez une nouvelle page en naviguant dans Pages > Ajouter > Modifier avec Elementor. Ensuite, ajoutez une section à votre conception en cliquant sur l’icône +. Nous allons commencer par notre titre, et nous allons donc opter pour une mise en page à une seule colonne.

Créer une nouvelle page Elementor
Créer une nouvelle page Elementor

Dans la colonne latérale d’Elementor, trouvez le widget Titre. Maintenant, faites glisser et déposez ce widget dans votre nouvelle section. Vous pouvez ensuite saisir votre texte de titre dans la colonne latérale d’Elementor et utiliser divers réglages pour styliser votre titre.

Style de votre titre d'en-tête
Style de votre titre d’en-tête

Ensuite, cliquez sur l’icône + pour ajouter une deuxième section. Nous allons intégrer une image, puis fournir un texte de soutien. Nous allons donc opter pour une mise en page à plusieurs colonnes.

Ajouter une section et sélectionner les colonnes
Ajouter une section et sélectionner les colonnes

Ensuite, faites glisser le widget de l’éditeur de texte depuis la colonne latérale d’Elementor, et déposez-le dans cette nouvelle section. Vous pouvez ensuite ajouter et styliser votre texte à l’aide des réglages de la colonne latérale.

Lorsque vous êtes satisfait de votre texte, trouvez le widget Image. Une fois encore, utilisez la fonction glisser-déposer pour ajouter ce widget à votre section.

Glisser-déposer un widget de texte
Glisser-déposer un widget de texte

Dans la colonne latérale, cliquez sur la miniature d’aperçu. Vous pouvez maintenant utiliser la médiathèque de WordPress pour téléverser une nouvelle image ou choisir un graphique déjà téléversé.

Pour voir votre conception en action, cliquez sur l’icône en forme d’œil en bas de la colonne latérale d’Elementor. Cela affiche un aperçu de votre mise en page dans un nouvel onglet.

Aperçu de votre page Elementor
Aperçu de votre page Elementor

Lorsque vous êtes satisfait de votre conception, cliquez sur le bouton Publier. Notez que si votre page est déjà en ligne, ce bouton vous demandera de Mettre à jour à la place.

2. Comment créer une page de produit WooCommerce

Si vous utilisez une boutique WooCommerce, vous pouvez utiliser Elementor Pro pour créer une page de produit personnalisée. Il peut s’agir de modifier la page WooCommerce standard pour mieux refléter l’image de marque de votre site. Vous pouvez également tenter d’optimiser votre page pour augmenter les conversions.

Vous avez des problèmes de temps d'indisponibilité et de WordPress ? Kinsta est la solution d'hébergement conçue pour vous faire gagner du temps ! Découvrez nos fonctionnalités

Pour concevoir une page de produit WooCommerce personnalisée, sélectionnez Modèles dans le tableau de bord WordPress. Ensuite, cliquez sur le bouton Ajouter. Dans la fenêtre suivante, ouvrez le premier menu déroulant et sélectionnez Produit unique.

WooCommerce configuré pour un produit unique
WooCommerce configuré pour un produit unique

Donnez à votre nouveau modèle un nom descriptif et cliquez sur Créer un modèle. Cela lancera la bibliothèque Elementor avec tous les designs de produits uniques disponibles.

Conceptions de produits uniques disponibles dans WooCommerce
Conceptions de produits uniques disponibles dans WooCommerce

Pour examiner de plus près un modèle, survolez-le et cliquez sur l’icône de la loupe lorsqu’elle apparaît. Si vous souhaitez appliquer ce design à votre boutique, cliquez sur Insérer.

Survolez le modèle pour le voir de plus près
Survolez le modèle pour le voir de plus près

Les modèles d’Elementor comportent une gamme de composants prêts à l’emploi. Pour modifier l’un de ces éléments, il suffit de cliquer dessus. La colonne latérale d’Elementor se met à jour pour afficher tous les réglages de cet élément particulier.

Composants prêts à l'emploi
Composants prêts à l’emploi

Elementor Pro fournit une gamme de widgets WooCommerce que vous pouvez ajouter à vos designs. Pour voir ce qui est disponible, faites défiler jusqu’aux sections WooCommerce ou Produit dans la colonne latérale d’Elementor.

Widgets WooCommerce disponibles dans la colonne latérale
Widgets WooCommerce disponibles dans la colonne latérale

Ces sections comprennent des widgets avec des fonctionnalités intégrées avancées, telles que les Fils d’Ariane WooCommerce, Panier, et Commande. Pour ajouter ces éléments à votre conception, il suffit de les faire glisser dans le canevas Elementor et de les libérer. Vous pouvez ensuite déposer le widget dans la section où vous souhaitez afficher ce contenu.

Glisser-déposer des widgets WooCommerce
Glisser-déposer des widgets WooCommerce

Lorsque vous êtes satisfait de votre conception, cliquez sur Publier. Vous pouvez ensuite sélectionner Ajouter une condition et spécifier les zones où vous souhaitez utiliser ce design. Par exemple, vous pouvez appliquer ce modèle à une catégorie de produits spécifique ou l’utiliser dans l’ensemble de votre boutique.

Comment trouver et installer des modèles Elementor pré-conçus

Les modèles Elementor sont des pages et des modules préconçus qui simplifient le processus de création de sites web. Les pages sont des mises en page de contenu complet, tandis que les blocs sont des sections qui contiennent des widgets pré-construits. Parmi les exemples populaires de modules, citons les en-têtes, les pieds de page, les critiques et les témoignages, ainsi que les foires aux questions (FAQ).

Bibliothèque Elementor
Bibliothèque Elementor

L’extension gratuite Elementor est livrée avec plus de 100 modèles pleine page, et plus de 300 blocs. Si vous passez à Elementor Pro, vous aurez accès à des options supplémentaires.

Cliquez sur l’icône Ajouter un modèle pour appliquer un modèle à votre conception actuelle. Ce bouton devrait apparaître dans le cadre de chaque bloc Section et est représenté par un dossier blanc. Cela lancera la bibliothèque d’Elementor.

Ajouter un modèle à partir de la bibliothèque Elementor
Ajouter un modèle à partir de la bibliothèque Elementor

Ici, vous trouverez tous les modèles de blocs et de pages que vous pouvez appliquer à votre page. Vous pouvez prévisualiser n’importe quel modèle en le survolant et en cliquant sur son icône en forme de loupe.

Survolez le modèle pour le visualiser de près
Survolez le modèle pour le visualiser de près

Lorsque vous trouvez un modèle que vous voulez utiliser, cliquez sur Insérer. Si vous ne vous êtes pas encore connecté à la bibliothèque de modèles d’Elementor, la fenêtre contextuelle vous demandera d’effectuer cette étape.

Se connecter à la bibliothèque de modèles
Se connecter à la bibliothèque de modèles

Après avoir effectué cette connexion, Elementor insérera le modèle que vous avez choisi. Vous pouvez maintenant le personnaliser. Par exemple, vous pouvez ajouter plus de widgets ou supprimer tout contenu.

Comment créer des modèles avec Elementor

Elementor est livré avec une large sélection de modèles prêts à l’emploi. Cependant, il peut arriver que vous ayez un look particulier en tête. Dans ce cas, vous préférerez peut-être concevoir vos modèles.

La création de vos modèles peut garantir la cohérence de l’ensemble de votre site. Vous pouvez même utiliser des modèles pour accélérer la conception et le développement si vous êtes une agence WordPress. Par exemple, vous pouvez créer une bibliothèque de modèles qui présentent tout le contenu et les réglages que vous appliquez habituellement aux sites de vos clients. Vous pouvez ensuite utiliser ces modèles comme point de départ pour tous les projets futurs.

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

Ajouter un nouveau modèle
Ajouter un nouveau modèle

Dans la popup qui suit, ouvrez le premier menu déroulant et choisissez le type de modèle que vous voulez créer. Vos options sont Page, Section, ou Page de destination.

Choisissez le type de modèle
Choisissez le type de modèle

Ensuite, donnez à ce design un nom descriptif, et cliquez sur Créer un modèle. Cela lancera le constructeur de page standard d’Elementor. Vous pouvez maintenant construire votre modèle de la même manière que vous créeriez une page ordinaire. 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 comme modèle
Enregistrer comme modèle

Ce design va maintenant être enregistré 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.

Retrouvez votre modèle dans la bibliothèque sous l'onglet « Mes modèles »
Retrouvez votre modèle dans la bibliothèque sous l’onglet « Mes modèles »

Vous pouvez également accéder à vos modèles personnalisés en allant vers Modèles > Modèles enregistrés dans le tableau de bord WordPress. Vous pouvez également ouvrir n’importe lequel de vos modèles et apporter les modifications nécessaires.

Conseils et astuces pour débuter avec Elementor

Elementor peut vous aider à concevoir et à créer rapidement un site web WordPress prêt à l’emploi. Cependant, certaines astuces permettant de gagner du temps peuvent encore augmenter votre productivité.

Parfois, vous pouvez construire une section que vous souhaitez réutiliser dans la même page. Au lieu de recréer cette section manuellement, vous pouvez en créer une copie. Il suffit de cliquer pour sélectionner la section en question, puis un Contrôle + clic sur la poignée en pointillés qui apparaît.

Sélectionnez ensuite Dupliquer. Cela crée une section dupliquée directement sous l’original.

Par ailleurs, il peut arriver que vous souhaitiez réutiliser la même section sur plusieurs pages, voire sur différents sites web. Vous pouvez enregistrer n’importe quelle section en tant que modèle de bloc. Cela ajoute votre design à la bibliothèque Elementor, afin qu’il soit toujours à portée de main.

Pour transformer un bloc en un modèle réutilisable, cliquez avec la touche Contrôle sur son icône en pointillés. Sélectionnez ensuite Enregistrer comme modèle.

Transformer un bloc en un modèle réutilisable
Transformer un bloc en un modèle réutilisable

Vous pouvez modifier n’importe quel widget en le sélectionnant sur votre canevas, puis en utilisant les commandes de la colonne latérale d’Elementor. Cependant, la navigation entre les différents widgets peut devenir gênante lorsque vous avez de nombreux autres widgets. Cela est particulièrement vrai pour les widgets qui se chevauchent ou lorsque vous avez ajouté de nombreux éléments dans un espace restreint.

Le navigateur d’Elementor fournit une vue de liste de tous les widgets de votre page, organisés dans leurs sections et colonnes correspondantes. Vous pouvez facilement naviguer entre vos widgets en les sélectionnant dans ce «  Panneau arborescent » La colonne latérale d’Elementor sera alors mise à jour pour afficher toutes les options du widget actuellement sélectionné.

Afficher les options pour le widget sélectionné
Afficher les options pour le widget sélectionné

Les raccourcis clavier sont l’ultime gain de temps, et Elementor est livré avec plusieurs touches de raccourci intégrées. Appuyez sur Cmd/Ctrl + ? sur votre clavier pour afficher ces raccourcis.

Raccourcis clavier d'Elementor
Raccourcis clavier d’Elementor

Cela lance une fenêtre contenant tous les raccourcis clavier disponibles. Vous pouvez surcharger votre conception et votre développement web en vous familiarisant avec certains ou tous ces raccourcis.

Vous voulez créer un site web époustouflant... sans écrire une seule ligne de code ? 👀 Lisez la suite 👇Click to Tweet

Résumé

Créer un site WordPress n’est pas toujours facile, surtout si vous n’êtes pas un concepteur ou un développeur web expérimenté. Heureusement, le constructeur de pages Elementor peut éliminer la douleur et la complexité de la construction de votre site.

Que vous optiez pour l’extension gratuite ou premium, vous pouvez utiliser Elementor pour concevoir et construire tout type d’article 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 propres modèles et les réutiliser sur plusieurs pages ou sur plusieurs sites web.

Vous avez des questions sur la façon d’utiliser l’extension WordPress Elementor ? Faites-nous en part dans la section des commentaires ci-dessous !


Économisez du temps et de l’argent et optimisez les performances de votre site avec :

  • Aide instantanée des experts en hébergement WordPress, 24/7.
  • Intégration de Cloudflare Enterprise.
  • Une audience mondiale avec 34 centres de données dans le monde entier.
  • Optimisation avec notre surveillance intégrée de performance d’applications (APM).

Tout cela et bien plus encore, dans un seul plan sans contrat à long terme, avec des migrations assistées et une garantie de remboursement de 30 jours. Pour trouver le plan qui vous convient, Découvrez nos plans ou contactez nous.