Enregistrer une page ou un bloc en modèles Elementor dans la bibliothèque

Elementor offre la possibilité de créer des modèles Elementor en sauvegardant n’importe quelle page ou bloc que nous avons créé, directement dans la bibliothèque Elementor. 

Ainsi on va pouvoir créer et sauvegarder ses propres blocs et les réutiliser sur n’importe quelle page Elementor de notre site.

Sauvegarder un bloc dans la bibliothèque de modèles Elementor

Les modèles Elementor sont des sections ou des pages entières de notre site.

Commençons par les sections.

Pour sauvegarder un bloc (une section) dans la bibliothèque Elementor il suffit de faire clic droit dessus > Enregistrer comme modèle 

enregistrer une section elementor comme modele

Ensuite on donne un nom à notre modèle Elementor.

enregistrer un bloc en moèle dans la bibliothèque Elementor

Puis dans la bibliothèque sous Mes modèles, on retrouve la liste des modèles enregistrés : 

bibliothèque Elementor liste des modèles enregistrés

Sauvegarder une page Elementor en modèle dans la bibliothèque

Second type de modèles Elementor, les pages complètes.

Si vous avez créé une page que vous souhaitez réutiliser, vous pouvez en faire un modèle Elementor.

Elementor offre ainsi la possibilité de sauvegarder une page entière dans la bibliothèque. 

Pour sauvegarder une page en tant que modèle Elementor, il faut cliquer en bas à gauche sur la flèche à côté du bouton Mise à Jour puis Enregistrer comme modèle : 

enregistrer une page comme modele elementor

Et de la même manière on donne un nom à la page et on l’enregistre pour la sauvegarder dans la bibliothèque de modèles sous Mes modèles :

Bibliothèque Elementor liste des modèles de pages et blocs enregistrés

Importer des modèle Elementor sur une page

Maintenant que l’on a créé nos modèles Elementor, on va pouvoir les importer sur n’importe quelle page de notre site.

Pour importer un modèle Elementor (bloc de section ou page) depuis la bibliothèque Elementor, il suffit de cliquer en bas de page sur l’icône du dossier :

Importer un modèle depuis la bibliothèque Elementor

Et une fois dans la bibliothèque de modèle, on sélectionne le modèle à importer sur la page (on peut le voir avec Aperçu) en cliquant sur le bouton Insérer. 

Elementor nous demande si on souhaite utiliser les réglages (le template Elementor) du modèle, ce n’est pas recommandé donc cliquez sur non pour garder les réglages actuels de votre page. 

Le modèle enregistré est alors importé sur la page Elementor : 

insérer un modele enregistre elementor

Modifier des modèles Elementor enregistrés

Pour modifier un modèle Elementor enregistré dans la bibliothèque Elementor il y a deux possibilités : 

Modifier le modèle depuis la bibliothèque Elementor

Lorsque vous êtes dans la bibliothèque Elementor > Mes modèles, cliquez sur Aperçu puis Modifier avec Elementor 

modifier un modèle Elementor depuis la bibliothèque

Et le modèle s’ouvre dans l’éditeur Elementor, il ne reste plus qu’à le modifier : 

modifier un modele elementor

Modifier le modèle depuis le tableau de bord WordPress

Pour accéder à la liste des modèles Elementor et les modifier depuis le tableau de bord WordPress il faut se rendre dans :

Modèles > Modèles Enregistrés > Modifier avec Elementor 

Modifier un modèle Elementor depuis le Tableau de Bord WordPress

Et de la même manière le modèle s’ouvre dans Elementor et peut être modifié. 

Créer des modèles Elementor qui se mettent automatiquement à jour sur toutes les pages.

Lorsque vous modifiez un modèle de la bibliothèque, les modifications ne se font pas sur les pages Elementor. 

Elles sont effectives uniquement dans la bibliothèque.

Donc si vous importer à nouveau le modèle, ce sera la dernière version. 

Par contre si vous souhaitez modifier les modèles existants déjà en ligne, vous devrez le faire manuellement.


C’est là qu’interviennent les modèles Elementor templates.

Il s’agit d’une page ou d’une section Elementor qui chaque fois qu’ils sont modifiés sont automatiquement mis à jour sur toutes les pages Elementor sur lesquels ils sont utilisés.

Un exemple typique est un menu ou un footer.

 

Pour créer des modèles Elementor template, on va utiliser l’extension Header, Footer & Blocks Template pour Elementor :

menu elementor addon header footer blocks template plugin

Une fois l’extension installée et activée, on se rend dans :

Apparence > Header, Footer & Block Template

Puis on clique sur Ajouter un nouveau

On lui donne un nom et on sélectionne le type Bloc

Créer un bloc de modèle avec Elementor

On va maintenant créer notre modèle Elementor template. 

On clique sur Modifier avec Elementor, on crée notre modèle Elementor en utilisant le constructeur.

Une fois terminé on clique sur Publier : 

Créer un bloc de modele Elementor

Ensuite on retourne sur le Tableau de bord WordPress. 

Puis on retourne sur notre modèle (dans Apparence > Header, footer & blocks templates)

Et sous Type de modèle, on sélectionne Bloc personnalisé.

Le plugin nous donne alors un code court : 

Code court Bloc de modèle Elementor

On va utiliser ce code court pour faire apparaitre notre modèle Elementor Template où on le souhaite sur les pages de notre site.

Il peut être utilisé n’importe ou sur une page Elementor pour « appeler » le bloc que l’on vient de créer. 

 

Pour cela on utilise le Widget Code court et on colle le code court dedans ce qui fait apparaître le bloc sur la page :  

Insérer un bloc de modèle en utilisant un code court

Les modèles Elementor templates permettent donc de faire gagner un temps considérable. 

On va essayer des les utiliser systématiquement pour les éléments récurrents sur nos pages comme un bloc de souscription à la newsletter ou un lien vers d’autres articles ou vers nos réseaux sociaux, etc.


Il existe également d’autres types de blocs comme les
Headers menus et les Footers qui peuvent être créés et diffusés automatiquement sur toutes les pages Elementor. 

Partagez le hub Elementor :