457 modèles Elementor avec les templates de Skelementor

457 modèles Elementor avec les templates de Skelementor
6 mn de lecture

Vous recherchez des modèles de blocs, de sections, d’en-têtes et de pieds de page gratuits pour Elementor, autrement dit des templates Elementor gratuits ?

Mais, vous ne voulez pas importer des pages entières comprenant des contenus factices.

Alors, ça tombe bien ! Aujourd’hui, j’ai envie de vous présenter Skelementor qui propose des centaines de modèles gratuits Elementor réalisés avec des conteneurs Flexbox.

Contrairement aux modèles des éditeurs de thème ou des addons pour Elementor, les templates de Skelementor sont conçus comme des wireframes. Ainsi, vous n’aurez aucun import d’images et de styles inutiles.

Et le nec plus ultra est qu’il n’y a pas besoin d’importer les modèles dans votre site. En effet, un simple copier-coller suffit !

Dans cet article, vous découvrirez ce que propose la bibliothèque de modèles Elementor Skelementor, ses prérequis et aussi comment insérer ces modèles Elementor dans votre site.

Que propose la bibliothèque de modèles Elementor Skelementor ?

À ce jour, Skelementor, qui est toujours en version bêta, propose 457 modèles pour Elementor. Il s’agit donc de la plus grande bibliothèque de templates Elementor prêts à l’emploi et gratuits.

Ici, vous ne trouverez rien de superflu, juste des modèles avec une structure de base pour vous aider à créer un site Web avec Elementor rapidement.

Skelementor librairie de modèles Elementor gratuits (templates)

Voici les diverses catégories de templates Elementor présentes et leurs nombres de modèles respectifs :

  • 20 modèles de section de galerie (Gallery)
  • 14 modèles de section de portfolio
  • 12 modèles d’en-tête de portfolio
  • 62 modèles de Hero
  • 27 modèles d’en-tête de page (Header)
  • 10 modèles de barre de navigation (Navbar)
  • 15 modèles de pied de page (Footer)
  • 28 modèles de section de contact
  • 130 modèles de section de fonctionnalité (Feature)
  • 56 modèles de CTA
  • 14 modèles de FAQ
  • 20 modèles de section d’équipe (Teams)
  • 36 modèles de témoignages (Testimonials)
  • 5 modèles de Pop-up
  • 7 modèles de section de logos

Pour trouver votre bonheur, utilisez les filtres : alignement du texte et du contenu, nombre de colonnes, éléments présents…

Filtres pour les modèles Elementor gratuits de Skelementor

Une fois, le template Elementor choisi, ouvrez son aperçu en cliquant dessus.

Puis, prévisualisez-le en mode responsive (ordinateur et mobile) en cliquant sur “Live Preview“.

Aperçu d'un modèle Elementor dans SKelementor
Prévisualisation d'un des modèles Elementor gratuits Skelementor en mode responsive

💡 Les templates Elementor de Skelementor sont destinés aux créateurs de sites possédant la version gratuite d’Elementor ou la Pro. Néanmoins, certains templates nécessitent des fonctionnalités d’Elementor Pro, par exemple, les headers, les footers…

Quels sont les prérequis pour utiliser les modèles Elementor de Skelementor ?

Tout d’abord, assurez-vous d’avoir la version d’Elementor 3.11.0 ou supérieure.

Ensuite, comme les modèles de skelementor ont été créés avec des conteneurs Flexbox, vérifiez si la fonctionnalité de conteneur Flexbox est activée sur votre site. Pour ce faire, rendez-vous sous Elementor > Réglages > Fonctionnalités.

Activation de la fonctionnalité conteneur Flexbox d'Elementor

Enfin, créez un compte gratuit et autorisez Skelementor à utiliser votre fonctionnalité de presse-papier dans votre navigateur.

⚠️ Pour rappel, certains templates embarquent des fonctionnalités d’Elementor pro. C’est le cas, par exemple, pour le Nav Menu. Néanmoins, ces templates seront quand même collés. Mais Elementor affichera un message indiquant qu’il faut passer à Elementor pro pour les afficher.

Modèle gratuit Skelementor nécessitant Elementor Pro

Comment insérer les modèles Elementor gratuits de Skelementor dans votre site ?

Utiliser Skelementor est un jeu d’enfant !

Premièrement, accédez au site Web de Skelementor et explorez les templates Elementor proposés.

Une fois que vous avez trouvé le modèle qui vous convient, vous pouvez copier le modèle Elementor de 2 façons :

  • Soit, vous cliquez sur le bouton COPY qui apparait au survol de la souris pour l’élément choisi dans la liste.
  • Soit, vous cliquez sur COPY COMPONENT en mode aperçu.

Skelementor affiche alors le message “Copied to clipboard!”. Cela indique que le template est bien copié dans votre presse-papiers.

Copier modèle Elementor gratuit de Skelementor

Ensuite, allez sur votre site et créez ou ouvrez une page avec l’éditeur Elementor.

Puis, positionnez-vous sur l’icône qui sert à ajouter une section et faites un clic droit avec votre souris. Sélectionnez alors “Copier depuis un autre site”.

Coller le modèle Elementor gratuit dans une page

Utilisez à présent le raccourci affiché pour coller le template, par exemple Ctrl + V pour Windows.

Et hop, presque instantanément, le modèle Elementor apparait. Il ne vous reste plus qu’à personnaliser sa mise en page avec votre contenu, vos images et vos styles. 😉

Insérer un des modèles gratuits Elementor dans une page d'un site

💡 Pour ceux qui possèdent Elementor Pro, n’hésitez pas à utiliser les templates pour construire votre site avec le constructeur de thèmes d’Elementor (par exemple, publication unique, page d’archive, en-tête…)

Elementor kit library ou Skelementor ?

Pour conclure, je trouve que la bibliothèque de modèles gratuits pour Elementor de Skelementor est une ressource vraiment qualitative.

Je dirai même plus :

Skelementor est une vraie révolution !

Contrairement aux modèles inclus dans la librairie d’Elementor, elle offre un choix plus vaste pour ceux qui utilisent la version gratuite d’Elementor.

De plus, son utilisation est extrêmement simple… Plutôt que d’importer un modèle, il suffit de le copier et de le coller. Ensuite, vous pouvez affiner, modifier, supprimer, ajouter des éléments et faire tout ce que vous voulez avec… Et pourquoi pas, enregistrer la section créée dans vos propres modèles Elementor en vue d’une utilisation dans une autre page !😉

Alors que pensez-vous de Skelementor ?

Soumettre un commentaire 💬

guest
0 Commentaires
Commentaires en ligne
Afficher tous les commentaires