{"id":57901,"date":"2022-05-26T14:02:23","date_gmt":"2022-05-26T13:02:23","guid":{"rendered":"https:\/\/kinqsta.com\/fr\/?p=57901&preview=true&preview_id=57901"},"modified":"2023-11-03T03:15:39","modified_gmt":"2023-11-03T02:15:39","slug":"importer-modeles-elementor","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/fr\/blog\/importer-modeles-elementor\/","title":{"rendered":"Comment exporter et importer des sites web Elementor (votre guide complet)"},"content":{"rendered":"

L’outil Elementor<\/a> permet de concevoir facilement de superbes pages, des articles et des sites web entiers. Cependant, m\u00eame avec un puissant constructeur de pages<\/a> tel qu’Elementor, la cr\u00e9ation d’un nouveau design de site demande du temps et des efforts.<\/p>\n

C’est l\u00e0 que le syst\u00e8me d’importation et d’exportation d’Elementor entre en jeu. Gr\u00e2ce \u00e0 cette fonctionnalit\u00e9, vous pouvez r\u00e9duire votre temps de conception et de d\u00e9veloppement en cr\u00e9ant des mod\u00e8les r\u00e9utilisables ou en important des mises en page de tiers pour votre projet.<\/p>\n

Cet article va plonger dans le syst\u00e8me d’importation\/exportation flexible et puissant d’Elementor. Nous couvrirons tout, des mod\u00e8les de section aux mod\u00e8les de page, et m\u00eame l’exportation de l’ensemble de votre site web Elementor. C’est parti !<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Comment pr\u00e9parer votre site pour un nouveau mod\u00e8le Elementor (en 2 \u00e9tapes)<\/h2>\n

Les mod\u00e8les Elementor sont des mises en page pr\u00e9con\u00e7ues qui s’appliquent \u00e0 des pages individuelles ou \u00e0 des \u00e9l\u00e9ments sp\u00e9cifiques de l’interface utilisateur (IU). Bien qu’ils ressemblent aux th\u00e8mes WordPress, il existe quelques diff\u00e9rences essentielles.<\/p>\n

Les th\u00e8mes WordPress modifient le design<\/a> d’un site web entier. En revanche, les mod\u00e8les Elementor affectent la mise en page d’une seule page web. Comme ils sont limit\u00e9s \u00e0 une seule page, il est possible d’utiliser plusieurs mod\u00e8les Elementor simultan\u00e9ment. En outre, ces mod\u00e8les fonctionnent sur un th\u00e8me WordPress<\/a>, qu’il soit gratuit ou premium<\/a>.<\/p>\n

L’application d’un nouveau mod\u00e8le Elementor \u00e0 votre site web peut modifier son apparence ou son fonctionnement. En gardant cela \u00e0 l’esprit, il y a certaines actions que vous devriez effectuer avant de changer votre mod\u00e8le.<\/p>\n\n

\u00c9tape 1 : Cr\u00e9ez une sauvegarde<\/h3>\n

Il est sage de cr\u00e9er une sauvegarde<\/a> avant de modifier votre mod\u00e8le Elementor. Cette \u00e9tape vous assure d’avoir du contenu \u00e0 restaurer si vous rencontrez des probl\u00e8mes avec votre nouveau design<\/a>.<\/p>\n

Diverses extensions<\/a> vous permettent de cr\u00e9er une sauvegarde de votre site web. Parmi eux, l’extension UpdraftPlus<\/a>, qui peut copier tous vos fichiers et les informations de votre base de donn\u00e9es dans le cloud :<\/p>\n

\"UpdraftPlus\"
UpdraftPlus<\/figcaption><\/figure>\n

Si vous \u00eates un client de Kinsta, nous sauvegardons automatiquement votre site web tous les jours. Si vous avez besoin de sauvegardes plus fr\u00e9quentes<\/a>, nous pouvons copier votre site toutes les six heures (50 $ par site, par mois) ou toutes les heures (100 $ par site, par mois).<\/p>\n

Vous pouvez \u00e9galement cr\u00e9er une sauvegarde manuellement \u00e0 tout moment. Pour cela, connectez-vous \u00e0 votre tableau de bord MyKinsta<\/a>:<\/p>\n

\"Tableau
Tableau de bord MyKinsta<\/figcaption><\/figure>\n

Dans le menu de gauche, s\u00e9lectionnez Sites<\/strong> et cliquez sur le site web en question. Choisissez ensuite Sauvegardes > Manuelles<\/strong>:<\/p>\n

\"Cliquez
Cliquez sur Sites puis Sauvegarde<\/figcaption><\/figure>\n

Il vous suffit de cliquer sur le bouton \u00ab Sauvegarder maintenant <\/strong>\u00bb et nous nous chargeons du reste. Si vous rencontrez des probl\u00e8mes et souhaitez restaurer votre sauvegarde la plus r\u00e9cente<\/a>, naviguez vers l’onglet Sauvegardes > Manuelle<\/strong>. Ici, MyKinsta affiche une liste de toutes vos sauvegardes :<\/p>\n

\"MyKinsta
MyKinsta affiche une liste de toutes les sauvegardes<\/figcaption><\/figure>\n

Pour restaurer une version ant\u00e9rieure de votre site, cliquez sur le bouton \u00ab Restaurer vers<\/strong> \u00bbqui l’accompagne. Vous pouvez maintenant choisir de restaurer cette sauvegarde sur votre site en production ou sur un site de staging.<\/p>\n

\u00c9tape 2 : Mettez votre site en mode maintenance<\/h3>\n

La modification du mod\u00e8le de votre site peut provoquer des plantages inattendus, des bogues ou d’autres comportements \u00e9tranges. Apr\u00e8s avoir appliqu\u00e9 un nouveau design, vous devrez peut-\u00eatre passer un certain temps \u00e0 tester votre site et \u00e0 faire des ajustements.<\/p>\n

Si un visiteur essaie d’acc\u00e9der \u00e0 votre site pendant que vous effectuez ces changements, la qualit\u00e9 de son exp\u00e9rience peut en souffrir. Cela peut vous faire perdre des conversions potentielles.<\/p>\n

Avant d’appliquer un nouveau mod\u00e8le Elementor, vous pouvez mettre votre site en mode maintenance<\/a>. Cette \u00e9tape emp\u00eachera les visiteurs d’acc\u00e9der \u00e0 votre site pendant que vous testez votre nouveau design.<\/p>\n

Plusieurs extensions peuvent cr\u00e9er un mode de maintenance personnalis\u00e9. Cependant, WP Maintenance Mode<\/a> est un choix populaire :<\/p>\n

\"WP
WP Maintenance Mode<\/figcaption><\/figure>\n

Cette extension comporte de nombreux extras, notamment l’ajout d’un compte \u00e0 rebours \u00e0 l’\u00e9cran d’accueil de votre maintenance. Cette fonctionnalit\u00e9 peut vous aider \u00e0 g\u00e9n\u00e9rer un buzz autour de la refonte et du relancement de votre site.<\/p>\n

Une fois que votre site est en mode maintenance, vous \u00eates libre d’exp\u00e9rimenter divers mod\u00e8les et de tester leur apparence sur l’interface publique de votre site web. Lorsque vous \u00eates satisfait des r\u00e9sultats, vous pouvez sortir votre site du mode de maintenance – et \u00e9pater les visiteurs avec le nouveau design de votre site.<\/p>\n

Comment sauvegarder les mod\u00e8les Elementor (2 m\u00e9thodes)<\/h2>\n

Elementor, l’un des constructeurs de pages les plus populaires<\/a> au monde, ne manque pas de mod\u00e8les tiers pr\u00eats \u00e0 l’emploi. Cependant, il arrive que vous souhaitiez cr\u00e9er vos propres mod\u00e8les.<\/p>\n

L’utilisation de mod\u00e8les peut vous aider \u00e0 obtenir une coh\u00e9rence de conception<\/a> sur l’ensemble de votre site web. Cela peut \u00e9galement vous faire gagner du temps, surtout si vous utilisez les m\u00eames designs sur plusieurs sites.<\/p>\n

Par exemple, les agences de conception et de d\u00e9veloppement WordPress peuvent b\u00e9n\u00e9ficier de la cr\u00e9ation de mod\u00e8les pr\u00e9sentant les \u00e9l\u00e9ments de base qu’elles appliquent r\u00e9guli\u00e8rement aux sites de leurs clients.<\/p>\n

M\u00e9thode 1 : Enregistrez une page comme un mod\u00e8le Elementor<\/h3>\n

Vous pouvez enregistrer n’importe quelle page en tant que mod\u00e8le Elementor. Cela peut vous aider \u00e0 \u00e9tablir un aspects et un ressenti standards, pr\u00eats \u00e0 \u00eatre d\u00e9ploy\u00e9s sur l’ensemble de votre site web.<\/p>\n

Par exemple, vous pouvez cr\u00e9er les menus de votre site<\/a>, ainsi que l’en-t\u00eate et le pied de page WordPress<\/a>. Vous pouvez ensuite appliquer ce mod\u00e8le de page \u00e0 toutes vos pages web.<\/p>\n

Cr\u00e9er un mod\u00e8le signifie \u00e9galement que vous n’aurez pas \u00e0 recr\u00e9er manuellement les m\u00eames \u00e9l\u00e9ments pour chaque page web. C’est une excellente nouvelle pour votre productivit\u00e9.<\/p>\n

Pour enregistrer la page actuelle en tant que mod\u00e8le Elementor, trouvez le bouton vert Mettre \u00e0 jour\/Publier<\/strong> en bas de la colonne lat\u00e9rale Elementor. Ensuite, cliquez sur l’ic\u00f4ne en forme de fl\u00e8che qui accompagne ce bouton :<\/p>\n

\"Enregistrer
Enregistrer la page comme mod\u00e8le Elementor<\/figcaption><\/figure>\n

Vous pouvez maintenant cliquer sur Enregistrer comme mod\u00e8le<\/strong>. Cela lance une fen\u00eatre dans laquelle vous pouvez donner un nom descriptif \u00e0 ce mod\u00e8le :<\/p>\n

\"Nommez
Nommez votre mod\u00e8le de page<\/figcaption><\/figure>\n

Ensuite, cliquez sur Enregistrer<\/strong>. Vous pouvez maintenant acc\u00e9der \u00e0 ce mod\u00e8le \u00e0 tout moment en lan\u00e7ant la biblioth\u00e8que Elementor et en s\u00e9lectionnant l’onglet Mes mod\u00e8les<\/strong>.<\/p>\n

M\u00e9thode 2 : Enregistrez une section en tant que mod\u00e8le Elementor<\/h3>\n

De nombreux sites web comportent des \u00e9l\u00e9ments r\u00e9currents. Il s’agit notamment de formulaires de g\u00e9n\u00e9ration de prospects<\/a> ou de textes d\u00e9crivant vos produits les plus vendus.<\/p>\n

En cr\u00e9ant un mod\u00e8le de section, vous pouvez l’ajouter \u00e0 n’importe quelle page en quelques clics. Vous pouvez m\u00eame cr\u00e9er des mod\u00e8les de section pour diff\u00e9rentes cat\u00e9gories de contenu.<\/p>\n

Par exemple, vous pouvez cr\u00e9er un mod\u00e8le d’appel \u00e0 l’action (CTA)<\/a>. Ensuite, chaque fois que vous avez besoin d’un CTA, vous pouvez simplement importer ce mod\u00e8le et modifier son message.<\/p>\n

Pour cr\u00e9er un mod\u00e8le, contr\u00f4lez-cliquez sur la section<\/strong> en question. Ensuite, s\u00e9lectionnez Enregistrer comme mod\u00e8le<\/strong>:<\/p>\n

\"Enregistrer
Enregistrer une section comme mod\u00e8le<\/figcaption><\/figure>\n

Dans la fen\u00eatre qui s’affiche, donnez un nom descriptif \u00e0 ce mod\u00e8le. Ensuite, cliquez sur Enregistrer<\/strong>:<\/p>\n

\"Donnez
Donnez un nom \u00e0 votre section<\/figcaption><\/figure>\n

Pour appliquer ce mod\u00e8le \u00e0 n’importe quelle section, il suffit de lancer la biblioth\u00e8que de mod\u00e8les Elementor. Vous trouverez le mod\u00e8le en attente dans votre onglet Mes mod\u00e8les<\/strong>.<\/p>\n

Comment cr\u00e9er un mod\u00e8le Elementor<\/h2>\n

Bien que vous puissiez enregistrer n’importe quelle page ou section en cours de cr\u00e9ation en tant que mod\u00e8le Elementor<\/a>, il arrive que vous souhaitiez explicitement en cr\u00e9er un pour le r\u00e9utiliser. Dans ce cas, vous pouvez commencer votre conception comme une page web Elementor ordinaire, puis l’enregistrer comme mod\u00e8le.<\/p>\n

Cependant, vous pouvez \u00e9galement informer Elementor que vous cr\u00e9ez un mod\u00e8le \u00e0 l’avance. Cette approche vous donne plus de flexibilit\u00e9 pour cr\u00e9er des mod\u00e8les pour diff\u00e9rentes zones de votre site web.<\/p>\n

Par exemple, vous pouvez concevoir un mod\u00e8le pour votre page d’erreur 404, votre page de r\u00e9sultats de recherche<\/a>, ou m\u00eame cr\u00e9er une mise en page de popup. Cette m\u00e9thode vous permet \u00e9galement d’utiliser n’importe quel mod\u00e8le de votre biblioth\u00e8que comme base pour un nouveau design.<\/p>\n

Pour cr\u00e9er un mod\u00e8le de page ou de section, acc\u00e9dez \u00e0 Mod\u00e8les > Mod\u00e8les enregistr\u00e9s<\/strong>. Ensuite, cliquez sur Ajouter<\/strong>. Dans la fen\u00eatre suivante, ouvrez la liste d\u00e9roulante S\u00e9lectionner le type de mod\u00e8le<\/strong>… :<\/p>\n

\"Choisissez
Choisissez un type de mod\u00e8le<\/figcaption><\/figure>\n

Vous pouvez maintenant sp\u00e9cifier le type de mod\u00e8le que vous souhaitez cr\u00e9er. Nous avons d\u00e9j\u00e0 abord\u00e9 les mod\u00e8les de page et de section, mais cette fen\u00eatre vous offre des options suppl\u00e9mentaires.<\/p>\n

Apr\u00e8s avoir s\u00e9lectionn\u00e9, donnez \u00e0 votre mod\u00e8le un nom descriptif, puis cliquez sur Cr\u00e9er un mod\u00e8le<\/strong>. Cela lance la biblioth\u00e8que Elementor, o\u00f9 vous pouvez utiliser un mod\u00e8le pr\u00e9existant comme base. Vous pouvez \u00e9galement quitter cette fen\u00eatre et repartir de z\u00e9ro.<\/p>\n

Vous pouvez maintenant construire votre mod\u00e8le en utilisant l’\u00e9diteur standard d’Elementor. Lorsque vous \u00eates pr\u00eat \u00e0 enregistrer votre conception, cliquez sur Publier<\/strong>. Cela lancera la bo\u00eete des R\u00e9glages de publication <\/strong>:<\/p>\n

\"La
La bo\u00eete des r\u00e9glages de publication<\/figcaption><\/figure>\n

Ici, vous pouvez d\u00e9finir certaines r\u00e8gles d’utilisation de ce mod\u00e8le. Par exemple, vous pouvez cliquer sur Ajouter une condition<\/strong> et pr\u00e9ciser que ce mod\u00e8le ne convient qu’aux pages uniques.<\/p>\n

Comment exporter les mod\u00e8les Elementor<\/h2>\n

Vous pouvez exporter les mod\u00e8les Elementor depuis le tableau de bord WordPress. Cette m\u00e9thode peut vous aider \u00e0 partager des conceptions avec vos coll\u00e8gues ou \u00e0 les envoyer \u00e0 des clients<\/a> pour leur approbation. Vous pouvez m\u00eame utiliser la fonction d’exportation pour cr\u00e9er des sauvegardes de vos designs Elementor.<\/p>\n

L’exportation de mod\u00e8les est un moyen facile d’utiliser vos designs sur plusieurs domaines. Cette approche est pratique pour les agences de conception et de d\u00e9veloppement WordPress<\/a>\u00a0qui g\u00e8rent de nombreux sites web. Si vous voulez mon\u00e9tiser vos designs, les exporter est souvent la premi\u00e8re \u00e9tape pour les partager avec le monde entier.<\/p>\n

Naviguez vers Mod\u00e8les > Mod\u00e8les enregistr\u00e9s<\/strong>\u00a0dans le tableau de bord WordPress pour exporter un design. Cet onglet affiche tous les mod\u00e8les enregistr\u00e9s dans votre biblioth\u00e8que :<\/p>\n

\"Voir
Voir tous les mod\u00e8les enregistr\u00e9s<\/figcaption><\/figure>\n

WordPress divise \u00e9galement ces mod\u00e8les en onglets Page<\/strong> et Section<\/strong>. Il suffit de trouver le mod\u00e8le que vous voulez exporter, et de le survoler :<\/p>\n

\"Choisir
Choisir entre les mod\u00e8les de page et de section<\/figcaption><\/figure>\n

Lorsque le lien Exporter le mod\u00e8le<\/strong> appara\u00eet, cliquez dessus. Elementor va maintenant t\u00e9l\u00e9charger ce mod\u00e8le sous forme de fichier JSON.<\/p>\n

Vous pouvez \u00e9galement exporter vos mod\u00e8les \u00e0 partir de la biblioth\u00e8que Elementor. Dans cette biblioth\u00e8que, ouvrez l’onglet Mes mod\u00e8les<\/strong>. Trouvez le mod\u00e8le que vous souhaitez exporter, puis cliquez sur l’ic\u00f4ne \u00e0 trois points qui l’accompagne :<\/p>\n

\"Exporter
Exporter des mod\u00e8les directement depuis la biblioth\u00e8que<\/figcaption><\/figure>\n

Ensuite, cliquez sur Exporter<\/strong>. Elementor va maintenant t\u00e9l\u00e9charger ce mod\u00e8le sous forme de fichier JSON.<\/p>\n

Comment importer des mod\u00e8les Elementor<\/h2>\n

Parfois, vous pouvez vouloir importer un mod\u00e8le dans Elementor. Il peut s’agir d’un design export\u00e9 d’un autre site web ou achet\u00e9 aupr\u00e8s d’un tiers.<\/p>\n

Si vous avez un mod\u00e8le au format JSON ou ZIP, vous pouvez le t\u00e9l\u00e9verser dans la biblioth\u00e8que Elementor. Pour commencer, naviguez dans Mod\u00e8les > Mod\u00e8les enregistr\u00e9s<\/strong>. En haut de cet \u00e9cran, cliquez sur Importer des mod\u00e8les<\/strong>:<\/p>\n

\"Trouvez
Trouvez et cliquez sur le bouton Importer des mod\u00e8les<\/figcaption><\/figure>\n

Ensuite, s\u00e9lectionnez votre mod\u00e8le d’importation Elementor et cliquez sur Importer maintenant<\/strong>. Ce mod\u00e8le appara\u00eetra maintenant dans votre biblioth\u00e8que.<\/p>\n

Pour appliquer ce mod\u00e8le \u00e0 la mise en page de votre site web, il suffit d’ouvrir la page ou le post en question avec l’\u00e9diteur Elementor. Ensuite, cliquez sur l’ic\u00f4ne Ajouter un mod\u00e8le<\/strong>, qui est repr\u00e9sent\u00e9e par un dossier blanc :<\/p>\n

\"Trouvez
Trouvez le bouton Ajouter un mod\u00e8le<\/figcaption><\/figure>\n

Dans la fen\u00eatre suivante, s\u00e9lectionnez l’onglet Mes mod\u00e8les<\/strong>. Ici, vous trouverez tous vos mod\u00e8les import\u00e9s par Elementor :<\/p>\n

\"Voir
Voir tous les mod\u00e8les import\u00e9s<\/figcaption><\/figure>\n

Pour voir \u00e0 quoi ressemblera ce mod\u00e8le lorsqu’il sera appliqu\u00e9 \u00e0 la page actuelle, cliquez sur Pr\u00e9visualiser<\/strong>. Si vous \u00eates pr\u00eat \u00e0 utiliser ce mod\u00e8le, s\u00e9lectionnez le lien Inserer<\/strong>\u00a0qui l’accompagne.<\/p>\n

Comment exporter et importer une page Elementor individuelle<\/h2>\n

Vous pouvez souhaiter r\u00e9utiliser la m\u00eame page sur plusieurs sites. Par exemple, si vous exploitez plusieurs sites web WordPress, vous pouvez utiliser une page standard \u00c0 propos de nous<\/a>.<\/p>\n

Plut\u00f4t que de recr\u00e9er cette page manuellement, vous pouvez l’enregistrer en tant que mod\u00e8le Elementor et l’exporter. Vous pouvez ensuite importer le mod\u00e8le dans n’importe quel site web sur lequel Elementor est install\u00e9.<\/p>\n

Pour enregistrer une page individuelle en tant que mod\u00e8le, cliquez sur l’ic\u00f4ne en forme de fl\u00e8che \u00e0 c\u00f4t\u00e9 du bouton Publier\/Mettre \u00e0 jour<\/strong> d’Elementor. Vous pouvez ensuite s\u00e9lectionner Enregistrer comme mod\u00e8le<\/strong>:<\/p>\n

\"Enregistrer
Enregistrer une page individuelle comme mod\u00e8le<\/figcaption><\/figure>\n

Dans la fen\u00eatre popup suivante, donnez un nom \u00e0 ce mod\u00e8le. Puis, cliquez sur Enregistrer<\/strong>.<\/p>\n

La biblioth\u00e8que de mod\u00e8les de WordPress devrait s’ouvrir automatiquement. Vous pouvez localiser le mod\u00e8le que vous venez de cr\u00e9er et cliquer sur son ic\u00f4ne \u00e0 trois points. Lorsque vous y \u00eates invit\u00e9, s\u00e9lectionnez Exporter<\/strong>:<\/p>\n

\"Localisez
Localisez tous les mod\u00e8les dans la biblioth\u00e8que<\/figcaption><\/figure>\n

Vous pouvez \u00e9galement exporter ce mod\u00e8le \u00e0 page unique en allant vers Mod\u00e8les > Mod\u00e8les sauvegard\u00e9s<\/strong> dans votre tableau de bord WordPress. Ensuite, passez la souris sur le mod\u00e8le en question et cliquez sur Exporter<\/strong>.<\/p>\n

Une fois que le mod\u00e8le de page unique est stock\u00e9 en toute s\u00e9curit\u00e9 sur votre ordinateur local, vous pouvez l’importer sur un autre site web. Il suffit de passer \u00e0 votre nouveau site, et de naviguer dans Mod\u00e8les > Mod\u00e8les enregistr\u00e9s<\/strong>.<\/p>\n

En haut de cet \u00e9cran, cliquez sur Importer des mod\u00e8les<\/strong>. Vous pouvez maintenant importer votre design de page unique.<\/p>\n

Comment exporter et importer l’int\u00e9gralit\u00e9 de votre site Elementor (en 3 \u00e9tapes)<\/h2>\n

Bien qu’Elementor facilite l’importation et l’exportation de mod\u00e8les \u00e0 page unique, vous pouvez \u00e9galement avoir besoin d’exporter un site web entier<\/a>.<\/p>\n

Par exemple, vous pouvez cr\u00e9er un kit de mod\u00e8les contenant toutes les pages standard de votre site web, comme une page de contact et une page d’accueil. Vous pouvez ensuite utiliser ce kit pour former vos sites web de base.<\/p>\n

Voyons comment vous pouvez cr\u00e9er ce kit. Voici comment exporter l’int\u00e9gralit\u00e9 de votre site web Elementor en trois \u00e9tapes faciles !<\/p>\n

\u00c9tape 1 : Activer le kit d’exportation Elementor<\/h3>\n

La fonction Kit d’exportation d’Elementor peut exporter votre site complet, y compris son contenu et ses r\u00e9glages.<\/p>\n

Cette fonction peut \u00eatre utile si vous cr\u00e9ez des sites web similaires et que vous souhaitez conserver la m\u00eame image de marque. Par exemple, vous pourriez cr\u00e9er un micro-site pour promouvoir le lancement d’un produit \u00e0 venir.<\/p>\n

Au moment de la r\u00e9daction de cet article, le kit d’exportation d’Elementor est une fonction exp\u00e9rimentale. Vous devrez l’activer en naviguant dans Elementor > R\u00e9glages<\/strong>. Vous pouvez ensuite cliquer sur l’onglet Exp\u00e9riences<\/strong>:<\/p>\n

\"Cliquez
Cliquez sur l’onglet Elementor et trouvez l’onglet Exp\u00e9riences<\/figcaption><\/figure>\n

Faites d\u00e9filer jusqu’\u00e0 la section Kit de mod\u00e8les d’importation et d’exportation<\/strong>. Vous pouvez ensuite ouvrir la liste d\u00e9roulante correspondante et s\u00e9lectionner Activer <\/strong>:<\/p>\n

\"Faites
Faites d\u00e9filer jusqu’\u00e0 l’option Import Export Template Kit<\/figcaption><\/figure>\n

N’oubliez pas de faire d\u00e9filer jusqu’au bas de cette page et de cliquer sur Enregistrer les modifications<\/strong>. Cette fonctionnalit\u00e9 exp\u00e9rimentale est maintenant pr\u00eate \u00e0 \u00eatre utilis\u00e9e.<\/p>\n

\u00c9tape 2 : Exporter l’ensemble de votre site Elementor<\/h3>\n

Dans votre tableau de bord WordPress, naviguez vers Elementor > Outils<\/strong>. Cliquez maintenant sur le kit d’importation\/exportation<\/strong>:<\/p>\n

\"Cliquez
Cliquez sur le kit d’importation\/exportation<\/figcaption><\/figure>\n

Cliquez sur Commencer l’exportation<\/strong>. Lorsque vous y \u00eates invit\u00e9, sp\u00e9cifiez le contenu et les donn\u00e9es que vous souhaitez inclure dans votre t\u00e9l\u00e9chargement.<\/p>\n

Par exemple, vous pouvez choisir d’exporter uniquement vos mod\u00e8les. Vous pouvez \u00e9galement exporter tout votre contenu, y compris les pages, les articles et les types de publication personnalis\u00e9s :<\/p>\n

\"Exportez
Exportez tout ou partie du contenu que vous souhaitez<\/figcaption><\/figure>\n

Ensuite, cliquez pour d\u00e9velopper la section Informations sur le kit<\/strong> et donnez \u00e0 votre fichier un nom descriptif. Vous pouvez \u00e9galement saisir une description facultative :<\/p>\n

\"Donnez
Donnez un nom descriptif \u00e0 votre fichier<\/figcaption><\/figure>\n

Lorsque vous \u00eates satisfait de votre s\u00e9lection, cliquez sur Exporter<\/strong>. Elementor va maintenant cr\u00e9er votre kit et afficher un r\u00e9sum\u00e9 de tout ce qui est inclus dans ce fichier :<\/p>\n

\"Vous
Vous obtenez un r\u00e9sum\u00e9 affich\u00e9 du kit<\/figcaption><\/figure>\n

Elementor t\u00e9l\u00e9chargera automatiquement le kit g\u00e9n\u00e9r\u00e9 sur votre ordinateur. Lorsque vous y \u00eates invit\u00e9, cliquez sur Retour au tableau de bord<\/strong>.<\/p>\n

\u00c9tape 3 : Importez votre site<\/h3>\n

Vous pouvez maintenant importer votre kit de mod\u00e8les dans tout site web sur lequel Elementor est install\u00e9. Il remplacera votre contenu existant, nous vous recommandons donc de cr\u00e9er une sauvegarde compl\u00e8te avant de proc\u00e9der.<\/p>\n

Une fois que votre sauvegarde est en place, vous devez activer les exp\u00e9riences Elementor sur le site web de destination. Comme pr\u00e9c\u00e9demment, naviguez dans Elementor > R\u00e9glages > Exp\u00e9riences<\/strong>. Vous pouvez ensuite s\u00e9lectionner la section Kit de mod\u00e8les d’importation et d’exportation<\/strong> et activer cette fonctionnalit\u00e9.<\/p>\n

Ensuite, allez dans Mod\u00e8les > Biblioth\u00e8que de kits<\/strong>. Cliquez sur D\u00e9marrer l’importation<\/strong>. Sur l’\u00e9cran suivant, s\u00e9lectionnez le fichier que vous avez t\u00e9l\u00e9charg\u00e9 \u00e0 l’\u00e9tape pr\u00e9c\u00e9dente :<\/p>\n

\"Importer
Importer un kit de mod\u00e8les<\/figcaption><\/figure>\n

Si vous appliquez votre kit \u00e0 une installation pr\u00e9existante, Elementor affichera tous les mod\u00e8les ayant les m\u00eames conditions que celui que vous importez. Vous pouvez alors choisir les mod\u00e8les \u00e0 remplacer et ceux \u00e0 conserver.<\/p>\n

Une fois que vous avez fait votre choix, cliquez sur Suivant<\/strong>. Elementor va maintenant importer votre kit de site.<\/p>\n

Comment corriger l’erreur \u00ab Fichier non valide \u00bb d’Elementor<\/h2>\n

Parfois, vous pouvez voir une erreur \u00ab Fichier non valide \u00bb lorsque vous tentez d’importer un mod\u00e8le. Cela signifie g\u00e9n\u00e9ralement que vous essayez d’importer un mod\u00e8le cr\u00e9\u00e9 \u00e0 l’aide d’une version ant\u00e9rieure d’Elementor.<\/p>\n

Pour r\u00e9soudre cette erreur, vous devrez passer temporairement \u00e0 une version ant\u00e9rieure d’Elementor. Ce changement peut entra\u00eener des probl\u00e8mes sur votre site.<\/p>\n

Dans cette optique, nous vous recommandons de cr\u00e9er une sauvegarde compl\u00e8te avant de poursuivre. Vous pouvez \u00e9galement envisager de mettre votre site en mode maintenance.<\/p>\n

Lorsque vous \u00eates pr\u00eat \u00e0 proc\u00e9der, rendez-vous sur la liste des extensions Elementor<\/a>. Ensuite, s\u00e9lectionnez Vue avanc\u00e9e <\/strong>:<\/p>\n

\"Cliquez
Cliquez sur l’option Vue avanc\u00e9e<\/figcaption><\/figure>\n

Au bas de la page, utilisez le menu d\u00e9roulant pour choisir une version ant\u00e9rieure d’Elementor. Pour obtenir les meilleurs r\u00e9sultats, nous vous recommandons de t\u00e9l\u00e9charger la derni\u00e8re version d’Elementor 1, qui est la 1.9.8 :<\/strong><\/p>\n

\"T\u00e9l\u00e9charger
T\u00e9l\u00e9charger la derni\u00e8re version d’Elementor<\/figcaption><\/figure>\n

Une fois que vous avez ce fichier, vous avez quelques options. Vous pouvez d\u00e9sactiver et supprimer votre version actuelle d’Elementor. Vous pouvez ensuite t\u00e9l\u00e9verser et activer le logiciel que vous venez de t\u00e9l\u00e9charger.<\/p>\n

Sinon, vous pouvez utiliser Easy Theme and Plugin Upgrades<\/a>. Apr\u00e8s avoir activ\u00e9 cette extension, vous pouvez t\u00e9l\u00e9verser une ancienne version d’Elementor sans d\u00e9sactiver et supprimer la version la plus r\u00e9cente.<\/p>\n

Apr\u00e8s avoir t\u00e9l\u00e9vers\u00e9 l’ancienne version d’Elementor, naviguez dans Extensions > Extensions install\u00e9es Plugins<\/strong>. WordPress devrait avoir bascul\u00e9 automatiquement vers la version ant\u00e9rieure du logiciel :<\/p>\n

\"Voir
Voir la nouvelle version d’Elementor dans la section des extensions<\/figcaption><\/figure>\n

Vous devriez maintenant \u00eatre en mesure d’importer votre mod\u00e8le sans aucun probl\u00e8me. D\u00e8s que l’importation est termin\u00e9e, naviguez \u00e0 nouveau dans Extensions > Extensions install\u00e9es<\/strong>, et restaurez la version la plus r\u00e9cente d’Elementor. Ce mod\u00e8le devrait maintenant se trouver dans votre biblioth\u00e8que, pr\u00eat \u00e0 \u00eatre utilis\u00e9.<\/p>\n

Les 3 meilleurs modules Elementor pour importer et exporter des mod\u00e8les<\/h2>\n

Comme nous venons de le voir, Elementor dispose d’un syst\u00e8me d’importation et d’exportation robuste. Vous pouvez utiliser cette fonctionnalit\u00e9 pour cr\u00e9er des mod\u00e8les pour des sections individuelles, des pages et m\u00eame des sites web entiers.<\/p>\n

Cependant, vous voudrez peut-\u00eatre \u00e9tendre cette fonctionnalit\u00e9 int\u00e9gr\u00e9e. Dans cette optique, voici trois modules d’importation de mod\u00e8les Elementor qui promettent de surcharger le processus d’importation et d’exportation !<\/p>\n

1. Happy Addons Pro<\/h3>\n

Happy Addons Pro<\/a> \u00e9tend l’exp\u00e9rience standard d’Elementor en ajoutant plus de 20 nouvelles fonctionnalit\u00e9s. Il s’agit notamment de plusieurs fonctionnalit\u00e9s qui peuvent s’int\u00e9grer dans votre flux de travail d’importation et d’exportation :<\/p>\n

\"Happy
Happy Addons Pro<\/figcaption><\/figure>\n

Si vous travaillez avec plusieurs sites, vous voudrez peut-\u00eatre utiliser la fonction de copier-coller inter-domaines de Happy Addons Pro. Elle vous permet de copier facilement le contenu d’un site et de le coller dans un domaine enti\u00e8rement diff\u00e9rent.<\/p>\n

Si vous souhaitez r\u00e9utiliser le contenu de la d\u00e9mo de Happy Addons Pro, vous pouvez le copier dans votre panneau d’\u00e9dition Elementor. En outre, ce module dispose d’une fonction d’importation sur mesure. Elle offre toutes les fonctionnalit\u00e9s que vous attendez du syst\u00e8me d’importation et d’exportation int\u00e9gr\u00e9 d’Elementor.<\/p>\n

En particulier, vous pouvez rechercher les mod\u00e8les Happy Addon sur la base des noms des sections ou filtrer par cat\u00e9gorie de section de page.<\/p>\n

Caract\u00e9ristiques :<\/strong><\/p>\n