Accueil » Blog » Tutoriels WordPress » Elementor » Elementor Kit Library : Guide complet pour utiliser la bibliothèque de kits

Elementor Kit Library : Guide complet pour utiliser la bibliothèque de kits

La Elementor Kit Library permet de créer facilement des sites web complets à partir de kits préconstruits sur Elementor. Ces kits sont conçus pour créer un site professionnel sans avoir besoin de coder. On y trouve des modèles de pages, des pop-ups, et des réglages globaux. Dans ce guide, vous allez découvrir comment activer et utiliser cette bibliothèque pour vos projets web.

Qu’est-ce que la Elementor Kit Library ?

La Kit Library d’Elementor est une collection de kits de sites web. Ce sont des modèles conçus par des professionnels que vous pouvez importer et personnaliser pour créer un site Internet complet. Chaque kit contient des modèles de pages d’accueil préconstruites, les articles de blog, les en-têtes, les pieds de page et d’autres composants essentiels.

Avantages de Kit Library

L’un des gros avantages de la librairie de kits, c’est le temps gagné. En utilisant cette fonctionnalité, vous importez un site complet plutôt que de créer des pages une par une. Pour ça, vous avez accès à une large gamme de kits, créés par des professionnels du web design. Une fois le kit importé, vous n’avez plus qu’à personnaliser les kits entièrement modifiables avec l’éditeur Elementor.

Comment activer Elementor Kit Library ?

Si votre version d’Elementor pro est à jour, les kits sont activés par défaut. Dans les anciennes versions d’Elementor, la librairie de kit est a activer de cette façon :

  1. Allez dans Tableau de bord > Elementor > Réglages.
  2. Accédez à l’onglet Fonctionnalités.
  3. Vérifiez que l’option Kit Template Import/Export est activée.
  4. Si elle est désactivée, sélectionnez Actif, puis enregistrez les modifications.
activer kit librairy sur Elementor pro
Activer kit librairy sur Elementor pro.

Accéder à la Elementor Kit Library

Pour accéder à la bibliothèque, voici comment y accéder :

Accéder à la Elementor Kit Library
Accéder à la Elementor Kit Library.
  1. Pour ouvrir la bibliothèque, cliquez sur Modèles > Bibliothèque de kits.
  2. Utilisez les filtres ou sélectionnez une catégorie.
  3. Cliquez sur le kit à importer afin d’avoir un aperçu.

Vous pouvez importer vos propres kits si vous avez déjà des modèles enregistrés.

Filtres de recherche disponibles

Dans la Kit Library d’Elementor, vous pouvez trier les kits selon différents critères.

Les filtres

  • New : pour sélectionner les nouveaux kits.

Les catégories

  • Blog or magazine : blogue ou magasine.
  • Online store : e-commerce.
  • Portfolio : présentation d’activité.
  • Simple website : simple site web.
  • Wireframe : modèles à compléter.

Tags

Les tags permettent d’affiner votre recherche, Il en existe de nombreux.

Comment importer un kit depuis la Elementor Kit Library ?

Une fois que vous avez sélectionné vos filtres, vous pouvez importer un kit depuis la Elementor Kit Library :


importer un kit de la bibliothèque Elementor
Importer un kit de la bibliothèque Elementor.
  1. Connectez-vous à votre compte Elementor.
  2. Sélectionnez un kit dans la librairie pour avoir un aperçu.
  3. Cliquez sur Apply Kit.
  4. Choisissez les éléments que vous souhaitez importer (pages, en-têtes, pieds de page, etc.).
  5. Cliquez sur Suivant et attendez que l’importation soit terminée.

Options d’importation

Lors de l’importation, vous pouvez choisir d’importer tous les éléments du kit ou seulement ceux dont vous avez besoin. Par exemple, si vous souhaitez conserver votre en-tête actuel, vous pouvez choisir de ne pas importer cette partie.

Configuration après l’importation du Kit

Une fois le kit importé, vous pouvez maintenant personnaliser le kit pour l’adapter à votre projet :

Ajouter votre logo et personnaliser le menu de navigation

  1. Pour un thème classique, allez sur Thème > Personnaliser. Pour un theme FSE, rendez-vous dans l’éditeur et sélectionnez l’élément de modèle « en-tête« .
  2. Créez ou modifiez le menu de navigation selon vos besoins.

Personnalisation des polices et couleurs globales

La bibliothèque de kits d’Elementor configure automatiquement les polices et couleurs globales. Vous pouvez les modifier pour correspondre à votre charte graphique :

Dans Réglages généraux de l’éditeur Elementor

  • Éditez une page ou un article avec Elementor.
  • Cliquez sur le menu burger.
  • Sélectionnez « Réglages du site ».

Vous pouvez régler les couleurs et les typographies utilisées par Elementor.

Dans l’onglet général

Vous pouvez choisir d’utiliser les couleurs et les typographies globales de votre thème au lieu de celles d’Elementor : Elementor > Réglages > General.

Utiliser les couleurs du thème par défaut
Utiliser les couleurs du thème par défaut.

Aperçu et modification des pages importées

Une fois le kit appliqué, vous pouvez prévisualiser les pages importées et les modifier :

  1. Cliquez sur Pages dans votre tableau de bord WordPress.
  2. Sélectionnez une page et cliquez sur Éditer avec Elementor.
  3. Personnalisez le design selon votre charte graphique.

Optimiser l’utilisation de Kit Library Elementor

  • Utilisez les filtres pour trouver rapidement un kit idéal adapté à votre projet.
  • Testez la compatibilité mobile en prévisualisant le responsive des kits sur différents appareils.
  • Mettez à jour vos plugins, comme WooCommerce pour les kits liés aux boutiques en ligne afin d’éviter les bugs.

Conclusion du guide Elementor Kit Library

Elementor Kit Library est simplifie la création de sites web grâce à des modèles préconçus par des professionnels du design. Vous pouvez importer quelques sites complets avec un compte Elementor gratuit et beaucoup plus avec un compte Elementor pro. Si vous êtes en manque d’inspiration pour créer votre site Internet, vous trouverez l’inspiration en parcourant les kits.

Laisser un commentaire