21. Modèles et bibliothèques : ne jamais repartir de zéro

Une page réussie mérite d’être réutilisée, et une page ordinaire mérite d’être empruntée à quelqu’un qui l’a déjà dessinée. Ce chapitre explique comment Elementor range, échange et importe des mises en page toutes faites : la bibliothèque fournie avec l’extension, vos propres modèles, et les modèles de sites complets. Il ouvre la partie consacrée à la réutilisation, juste avant les Composants du chapitre 22.

21.1 — Trois réservoirs de mises en page

Jusqu’ici, chaque bandeau et chaque carte de la Menuiserie Roche a été posé à la main. C’était nécessaire pour apprendre ; ce n’est plus nécessaire pour produire. Elementor conserve ce qui a déjà été construit, par vous ou par d’autres, sous forme de modèles réinsérables en deux clics.

Les modèles proviennent de trois réservoirs qui partagent la même fenêtre. La Bibliothèque de modèles (Template Library) contient des blocs et des pages dessinés par Elementor. Les Modèles enregistrés (Saved Templates) sont les vôtres, conservés sur le site ou dans le nuage. Les Modèles de sites (Website Templates, longtemps appelés « kits ») sont des sites entiers de démonstration que l’on installe d’un bloc au début d’un projet. Une quatrième voie, la réutilisation par référence plutôt que par copie, est présentée à la section 21.5.

21.2 — La Bibliothèque de modèles : blocs et pages prêts à l’emploi

La bibliothèque s’ouvre depuis n’importe quel conteneur vide de la toile : à côté du + qui ajoute un élément, une icône de dossier l’appelle. Le raccourci Ctrl+Shift+L (Ctrl est remplacé par Cmd sur Mac) fait la même chose depuis n’importe où.

1. Choisissez l’onglet. Blocs (Blocks) propose des sections isolées : bandeau d’accueil, grille de services, témoignages, tarifs, questions fréquentes, contact. Pages propose des pages complètes. Mes modèles (My Templates) liste vos propres enregistrements.
2. Filtrez. Un menu déroulant restreint la liste à une catégorie, un champ de recherche accepte un mot-clé, et le cœur marque un favori.
3. Repérez la mention Pro. Les modèles portant un badge Pro utilisent des widgets Pro et ne s’insèrent pas sans licence active. Les modèles sans badge suffisent largement à un site vitrine.
4. Prévisualisez, puis insérez. La loupe ouvre un aperçu en taille réelle ; le bouton Insérer (Insert) dépose le bloc à l’endroit du conteneur vide d’où vous avez ouvert la bibliothèque.
5. Répondez à la question sur les réglages du document. Elementor demande s’il doit aussi importer les réglages de page du modèle (arrière-plan, marges, mise en page). Pour un bloc ajouté à une page existante, répondez Non ; réservez le Oui à une page entière insérée sur une page vierge.

21.3 — Vos propres modèles : enregistrer, ranger, exporter

Le vrai gain de temps vient de votre propre bibliothèque. Dès qu’un bloc vous satisfait, enregistrez-le : vous ne le redessinerez plus.

Enregistrer un bloc ou une page

Pour un bloc, faites un clic droit sur son conteneur (sa poignée, ou sa ligne dans la Structure) et choisissez Enregistrer comme modèle (Save as Template) ; nommez et validez. Pour une page entière, ouvrez la petite flèche à droite du bouton Publier et choisissez la même commande. Elementor peut demander où ranger le modèle : en local, dans la base de données du site, ou dans le nuage.

Vos modèles apparaissent aussitôt dans l’onglet Mes modèles de la bibliothèque. Ils sont aussi listés dans l’administration, sous Elementor › Éditeur › Modèles › Modèles enregistrés, avec leur type, leur date et un code court de la forme [elementor-template id="123"].

Exporter et importer un fichier .json

Dans cette liste, survolez une ligne : le lien Exporter le modèle télécharge un fichier .json contenant la mise en page complète. Sur un autre site, le bouton Importer des modèles, en haut de la même page, accepte ce fichier (ou un .zip en contenant plusieurs) et le range dans Mes modèles. C’est le moyen le plus simple de transmettre un bloc à un collègue ou de garder une copie de sécurité avant une modification risquée.

Les Modèles cloud

Les Modèles cloud (Cloud Templates) sont enregistrés sur votre compte Elementor plutôt que dans le site, et apparaissent dans la bibliothèque de tous les sites reliés au même compte. Leur nombre dépend du plan, d’après la page tarifs d’Elementor au 6 septembre 2026.

Prix en dollars US, hors taxes, facturation annuelle, relevés le 6 septembre 2026 ; les montants affichés en euros par Elementor sont identiques. Pour un site unique, les modèles locaux suffisent.

21.4 — Modèles de sites et export d’un site entier

Le troisième réservoir change d’échelle : il s’agit d’un site complet. Les Modèles de sites, accessibles depuis Elementor › Éditeur › Modèles › Modèles de sites, sont des sites de démonstration classés par activité. En appliquer un installe d’un coup ses pages, ses parties de thème (en-tête, pied de page, modèles d’article) et ses Réglages du site. Depuis Elementor 4.0, l’import et l’export d’un site transportent aussi ses Classes et ses Variables.

Le même mécanisme sert dans l’autre sens, et c’est là qu’il devient précieux : exporter votre propre site pour le dupliquer ou le déplacer. L’outil se trouve dans Elementor › Éditeur › Outils, onglet Import/Export (Import/Export Kit).

1. Exportez. Lancez l’export et cochez ce que vous emportez : le contenu (pages, articles), les modèles (dont les parties du Constructeur de thème), les Réglages du site et la liste des extensions.
2. Téléchargez le fichier .zip et rangez-le, daté, avec vos sauvegardes.
3. Importez sur le site de destination, même onglet : choisissez le fichier, puis cochez ce que vous reprenez. On peut n’importer que les Réglages du site et les modèles pour repartir d’une base propre.
4. Vérifiez trois pages, l’en-tête et un formulaire ; les liens internes pointent parfois encore vers l’ancien domaine, ce que corrige l’outil Remplacer l’URL du même menu (chapitre 36).

21.5 — Réutiliser par référence : widget Modèle, code court, Composants

Insérer un modèle en fait une copie : si le numéro de téléphone change, il faudra corriger chaque page où le bloc a été inséré. Pour un élément vraiment répété, on préfère une référence : la page affiche le modèle sans le posséder, et une modification du modèle se répercute partout.

Trois mécanismes le permettent. Le code court (shortcode) [elementor-template id="123"], disponible en version gratuite, insère un Modèle enregistré dans un widget Code court, un Éditeur de texte ou un article de l’éditeur de blocs. Le widget Modèle (Template), réservé à Elementor Pro, fait la même chose en choisissant le modèle dans une liste. Dans les deux cas, on modifie le bloc en ouvrant le Modèle enregistré, jamais depuis la page qui l’affiche. Les Composants (Components), en Pro et sur les éléments atomiques, ajoutent la personnalisation page par page : c’est le chapitre 22.

21.6 — Adapter et nettoyer un modèle importé

Un modèle importé apporte toujours plus que ce que l’on voulait : couleurs codées en dur, polices, sections de démonstration, parfois des widgets Pro que votre licence n’a pas. Cinq gestes, dans l’ordre, évitent de traîner ce lest.

• Le conteneur importé porte un nom parlant dans la Structure.
• Aucun texte de démonstration ne subsiste, ni sur la page ni dans les textes alternatifs.
• Aucune couleur ni police ne vient d’ailleurs que du système de design du chapitre 18.
• Aucun widget vide ou signalé « Pro » n’est resté sur la page.
• La page a été vérifiée en vue mobile et l’aperçu réel a été ouvert.