Comment exporter et importer une page Elementor spécifique dans WordPress ?

Transférer un design d'un site à un autre ne devrait pas impliquer de tout reconstruire à partir de zéro. Une page Elementor facilite la création de mises en page attrayantes, mais de nombreux utilisateurs rencontrent des difficultés lorsqu'il s'agit de transférer une seule page au lieu de l'intégralité du site web.

La bonne nouvelle, c'est qu'Elementor vous permet d'exporter et d'importer des pages spécifiques en quelques clics seulement.

Ce guide vous apprendra la méthode la plus simple pour transférer vos créations entre sites WordPress tout en conservant intactes votre mise en page, votre style et votre contenu.

En bref : Transférez vos designs entre sites en quelques minutes

• Exportez n'importe quelle mise en page en l'enregistrant comme modèle ; elle sera téléchargée sous forme de fichier .json que vous pourrez réutiliser sur un autre site WordPress.

• Importez le fichier via la section Modèles, puis insérez-le dans n'importe quelle page à l'aide de l'éditeur Elementor.

• Gagnez du temps en exportant des sections, en réutilisant des mises en page sur plusieurs sites web ou en transférant des kits de modèles complets.

• Pour éviter les problèmes, sauvegardez votre site, activez les paramètres d'import-export et vérifiez les limites de taille des fichiers ou la compatibilité des plugins.

Préparation avant l'exportation et l'importation

Avant de vous lancer dans les procédures d'exportation et d'importation, il est essentiel de bien préparer votre site. Quelques précautions permettront un déroulement sans accroc et vous éviteront d'éventuels problèmes ultérieurs.

Sauvegardez votre site web

Créer une sauvegarde de votre site web est une mesure de sécurité qui vous permet de le restaurer à son état antérieur en cas de problème lors de l'importation/exportation. Plusieurs extensions peuvent vous aider à sauvegarder votre site :

• BlogVault : C'est l'un des plugins de sauvegarde qui permet de stocker vos sauvegardes dans le cloud.

• Migration WordPress tout-en-un : Ce plugin vous permet de créer des sauvegardes et même d’exporter l’intégralité de votre site WordPress en quelques clics.

• Sauvegardes intégrées de Kinsta : Si vous utilisez Kinsta , des sauvegardes automatiques quotidiennes sont incluses pour votre site, assurant ainsi sa sécurité.

Pour créer une sauvegarde manuelle, suivez ces étapes :

• Accédez à WP Admin ⟶ Outils ⟶ Sauvegardes.

• Choisissez l'option permettant de créer une nouvelle sauvegarde, et le plugin s'occupera du reste.

Activez les fonctionnalités d'import/export d'Elementor

Avant de commencer, assurez-vous que la fonctionnalité « Importer/Exporter des modèles » d'Elementor est activée. Cette fonctionnalité permet d'exporter et d'importer des modèles et des pages Elementor .

Pour l'activer :

• Accédez à Elementor ⟶ Réglages ⟶ Expériences dans votre tableau de bord WordPress.

• Recherchez l'option « Kit de modèles d'import-export » sous « Fonctionnalités stables ».

• Modifiez le paramètre de « Par défaut » à « Actif » et cliquez sur « Enregistrer les modifications ».

Vous êtes maintenant prêt à exporter et à importer votre page Elementor

Étapes pour exporter une page Elementor spécifique

Exporter une page d'un site pour la réutiliser sur un autre est incroyablement simple grâce à la fonction d'exportation d'Elementor. Voici un guide étape par étape pour vous aider à exporter une page Elementor :

Étape 1 : Ouvrez l’éditeur de page Elementor

Commencez par localiser la page que vous souhaitez exporter :

• Dans votre tableau de bord d'administration WordPress , accédez à Pages ou Articles, selon le type de contenu.

• Trouvez la page que vous souhaitez exporter et cliquez sur Modifier avec Elementor pour ouvrir la page dans l'éditeur Elementor.

Étape 2 : Enregistrer la page en tant que modèle

Pour exporter une page, vous devez d'abord l'enregistrer comme modèle dans la bibliothèque Elementor. Voici comment procéder :

• Une fois la page ouverte dans Elementor, repérez le bouton vert « Mettre à jour/Publier » en bas de la barre latérale d'Elementor.

• Cliquez sur la petite flèche à côté du bouton Mettre à jour/Publier.

• Dans le menu déroulant, choisissez « Enregistrer comme modèle ».

• Une fenêtre contextuelle s'affichera, vous permettant de nommer le modèle. Veillez à utiliser un nom descriptif (par exemple, « Page d'accueil pour XYZ » ou « Page Contactez-nous ») afin de pouvoir le retrouver facilement par la suite.

Après avoir saisi le nom, cliquez sur Enregistrer.

Étape 3 : Exporter le modèle enregistré

Maintenant que votre page est enregistrée comme modèle, suivez ces étapes pour l'exporter :

• Depuis votre tableau de bord WordPress, accédez à Elementor ⟶ Modèles ⟶ Modèles enregistrés.

• Dans cette section, vous verrez tous les modèles que vous avez enregistrés. Repérez celui que vous venez de créer.

• Survolez le modèle avec votre souris, et vous verrez une option « Exporter le modèle ». Cliquez dessus.

• Elementor téléchargera automatiquement le modèle sous forme de fichier .json sur votre ordinateur.

Votre page Elementor a été exportée avec succès et enregistrée au format .json, que vous pouvez utiliser sur un autre site.

Explorez : Comment corriger l'erreur « Échec de l'importation des médias » dans WordPress

Étapes pour importer une page Elementor spécifique

Une fois la page Elementor exportée, vous pouvez l'importer sur n'importe quel autre site WordPress utilisant Elementor. Voici comment procéder :

Étape 1 : Accéder à Elementor sur le nouveau site

Connectez-vous au tableau de bord WordPress du site sur lequel vous souhaitez importer la page Elementor.

• Accédez à Elementor ⟶ Modèles ⟶ Modèles enregistrés.

• En haut de cette page, vous trouverez un bouton « Importer des modèles ». Cliquez dessus pour lancer le processus d'importation.

Apprendre : Résoudre le problème de blocage d'Elementor sur l'écran de chargement

Étape 2 : Télécharger le modèle exporté

Vous devez maintenant télécharger le fichier .json que vous avez exporté précédemment :

• Dans l'écran Importer des modèles, glissez-déposez le fichier .json ou cliquez sur Sélectionner un fichier pour le télécharger manuellement depuis votre ordinateur.

• Une fois téléchargé, le modèle sera ajouté à votre bibliothèque Elementor .

Étape 3 : Appliquer le modèle importé à une page

Maintenant que le modèle a été importé, vous pouvez l'utiliser sur n'importe quelle page de votre nouveau site WordPress. Voici comment procéder :

• Ouvrez la page sur laquelle vous souhaitez appliquer le modèle importé, puis cliquez sur Modifier avec Elementor.

• Dans l'éditeur Elementor, cliquez sur l'icône Ajouter un modèle (représentée par un dossier blanc).

• Accédez à l'onglet Mes modèles, où vous trouverez le modèle importé.

• Cliquez sur « Insérer » à côté du modèle importé , et il sera appliqué à la page.

Vous pouvez désormais personnaliser la page selon vos besoins pour qu'elle corresponde à l'image de marque et au contenu de votre nouveau site web.

Découvrez : Les meilleurs plugins d'importation WordPress

Conseils avancés pour l'exportation et l'importation de pages Elementor

Lorsqu'on travaille avec Elementor, l'exportation et l'importation de pages peuvent devenir un outil puissant pour rationaliser son flux de travail, notamment pour les concepteurs et développeurs WordPress travaillant sur plusieurs projets.

Vous trouverez ci-dessous quelques conseils avancés pour vous aider à optimiser l'efficacité de cette fonctionnalité.

Exporter et importer uniquement des sections spécifiques

Parfois, vous n'aurez peut-être pas besoin d'exporter une page entière, mais seulement une section spécifique, comme un , un pied de page ou un bloc d'appel à l'action (CTA) personnalisé

Elementor vous permet d'enregistrer et d'exporter des sections individuelles, que vous pouvez ensuite importer et réutiliser sur plusieurs sites web ou pages WordPress sans avoir à transférer la page entière.

Comment exporter une section spécifique

Dans l'éditeur Elementor, cliquez avec le bouton droit sur la section que vous souhaitez exporter.

• Sélectionnez « Enregistrer comme modèle ».

• Nommez la section, et elle sera enregistrée dans votre bibliothèque Elementor.

Suivez la même procédure d'exportation que pour une page complète : accédez à Elementor ⟶ Modèles ⟶ Modèles enregistrés dans votre tableau de bord WordPress, puis exportez le modèle de section.

Article connexe : Comment résoudre le problème de chargement du panneau de widgets dans Elementor

Comment importer une section spécifique

Comme pour l'importation de pages complètes, accédez à Elementor ⟶ Modèles ⟶ Modèles enregistrés sur le nouveau site web.

• Importez le fichier .json et accédez à la section depuis l'onglet « Mes modèles » dans l'éditeur Elementor.

• Vous pouvez désormais insérer cette section dans n'importe quelle page en sélectionnant Ajouter un modèle dans l'éditeur Elementor.

Cela vous permet de réutiliser des éléments fréquemment conçus, tels que les pieds de page ou les sections principales, dans plusieurs projets, ce qui améliore la cohérence et permet de gagner du temps.

En savoir plus : WebP vs PNG

Réutilisation sur plusieurs sites

Si vous êtes développeur ou designer et que vous gérez plusieurs sites web, l'exportation et l'importation de modèles Elementor constituent un moyen efficace de garantir la cohérence du design entre vos projets. Par exemple :

• Agences de design : Vous pouvez créer des modèles de pages personnalisés, comme des pages d’atterrissage, des formulaires de contact ou des tableaux de prix, pour vos clients et les réutiliser facilement sur plusieurs sites web. Cela permet non seulement de gagner du temps, mais aussi de garantir la cohérence de la marque.

• Propriétaires d'entreprises possédant plusieurs sites : Si vous gérez plusieurs sites pour différentes branches de votre entreprise ou de vos services, la réutilisation des modèles de pages garantit un style et une mise en page cohérents , créant ainsi une expérience de marque unifiée sur l'ensemble de votre présence en ligne.

Cette fonctionnalité est particulièrement précieuse pour les réseaux multisites, où vous pouvez souhaiter répliquer rapidement des pages sur différents sous-sites tout en conservant le contenu individuel séparé.

De plus, si vous repensez ou mettez à jour fréquemment les sites web de vos clients, les modèles pré-conçus peuvent considérablement accélérer votre flux de travail.

Découvrez comment optimiser efficacement votre site web Elementor .

Manipulez les fichiers volumineux et les supports avec précaution

Lors de l'exportation de pages ou de sections contenant des images volumineuses, des vidéos ou des éléments graphiques , il est important de s'assurer que votre installation WordPress et votre serveur sont correctement configurés pour gérer des fichiers de grande taille.

Considérations relatives à la taille des fichiers : Elementor exportera tous les éléments associés à une page (par exemple, images, icônes, polices), la taille du fichier peut donc augmenter rapidement si vous traitez des pages contenant beaucoup de médias.

Certains hébergeurs imposent des limites strictes à la taille des fichiers à télécharger. Il peut être nécessaire d'augmenter la taille maximale autorisée en modifiant les paramètres du fichier php.ini ou en contactant votre hébergeur pour qu'il lève temporairement cette limite.

Augmenter la limite de fichiers à télécharger : Pour augmenter la limite de fichiers à télécharger en PHP , vous pouvez modifier votre php.ini ou demander l’aide de votre hébergeur. Voici un exemple de configuration :

• taille_maximale_fichier_téléchargement = 64 Mo
• taille maximale des messages = 64 Mo
• limite de mémoire = 128 Mo

Vous pouvez également ajouter ces lignes au fichier .htaccess

• php_value upload_max_filesize 64M
• php_value post_max_size 64M
• php_value memory_limit 128M

Cela permet d'importer avec succès les fichiers d'exportation Elementor plus volumineux (pouvant inclure des médias haute résolution).

À lire aussi : Comment mettre à jour la version PHP de WordPress

Utilisez le copier-coller inter-domaines (Happy Addons Pro et Mighty Addons pour Elementor)

Si vous gérez plusieurs sites web utilisant Elementor, des extensions comme Happy Addons Pro et Mighty Addons for Elementor offrent des fonctionnalités avancées de copier-coller entre domaines.

Cela vous permet de copier rapidement n'importe quelle section, widget, voire des pages entières d'un domaine et de les coller directement dans un autre sans passer par le processus complet d'exportation/importation.

Happy Addons Pro vous permet de :

• Copiez des sections ou des éléments d'un site Elementor et collez-les directement dans un autre domaine.
• Gérez facilement la cohérence du design sur plusieurs projets, et gagnez un temps précieux sur les tâches répétitives.

Mighty Addons pour Elementor propose :

• Transfert de contenu interdomaines.
• Kits de modèles prédéfinis pour divers secteurs d'activité tels que le commerce électronique, le fitness et l'hôtellerie.

L'utilisation de ces outils rend le transfert de conceptions entre projets encore plus rapide et plus efficace, notamment pour les développeurs travaillant simultanément sur plusieurs sites.

À lire aussi : Outils de débogage WordPress pour le dépannage

Kits de modèles complets d'exportation et d'importation

Si vous travaillez sur des projets de plus grande envergure et que vous devez transférer plusieurs pages, sections et paramètres de site, Template Kit vous permet d'exporter et d'importer des kits de modèles complets.

Comment exporter un kit de modèles complet:

Accédez à Elementor ⟶ Outils ⟶ Kit d'import/export dans votre tableau de bord WordPress.

• Cliquez sur « Démarrer l’exportation » et choisissez si vous souhaitez inclure tous les modèles, le contenu et les paramètres du site.

• Une fois le processus d'exportation terminé, téléchargez le fichier .zip contenant votre kit.

Comment importer un kit de modèles complet:

Sur le nouveau site, allez dans Elementor ⟶ Outils ⟶ Kit d'import/export.

Cliquez sur Démarrer l'importation, téléchargez le fichier .zip et choisissez les éléments (par exemple, modèles, contenu, paramètres du site) à importer.

Les kits de modèles sont particulièrement utiles pour les agences de conception web qui créent et déploient fréquemment des mises en page standardisées sur plusieurs sites.

Vous pouvez exporter tous les composants essentiels, en-têtes, pieds de page, paramètres globaux et bien plus encore, ce qui vous permet de gagner du temps lors du démarrage de nouveaux projets.

Explorez : Les meilleures agences de création de sites web WordPress

Problèmes courants lors du processus d'exportation/importation et comment les résoudre

Bien que le processus d'exportation/importation soit simple, vous pourriez rencontrer quelques problèmes. Voici quelques erreurs courantes et leurs solutions :

Erreur de fichier invalide : Si vous recevez une erreur « Fichier invalide » lors de l’importation d’un modèle, cela signifie généralement que le fichier a été créé avec une version différente (probablement plus ancienne) d’Elementor. Voici comment résoudre ce problème :

• Passez temporairement à une version antérieure d'Elementor correspondant à celle utilisée pour créer le modèle.

• Une fois le modèle importé avec succès, revenez à la dernière version d'Elementor.

Vous pouvez utiliser des plugins comme Easy Theme et Plugin Upgrades pour passer facilement d'une version d'Elementor à une autre.

Découvrez : Le guide ultime des journaux d'erreurs WordPress

Remplacement des modèles existants : lors du processus d’importation, Elementor vous demandera si vous souhaitez remplacer les modèles existants portant le même nom.

Soyez prudent lors de cette opération, car elle peut écraser les designs existants sur votre site. Vérifiez toujours attentivement les noms des modèles que vous importez et exportez afin d'éviter tout conflit.

Avertissement concernant l'importation de fichiers SVG : Si votre modèle contient des fichiers SVG (souvent utilisés pour les icônes), WordPress peut vous avertir des de sécurité lors de leur importation.

Pour résoudre ce problème, activez les téléchargements de fichiers non filtrés en ajoutant ce qui suit à votre fichier wp-config.php :

définir('AUTORISER_LES_TÉLÉCHARGEMENTS_NON_FILTRÉS', vrai);

Cela permettra à Elementor d'importer des fichiers SVG sans problème.

Conclusion

La possibilité d'exporter et d'importer des pages Elementor spécifiques dans des sites WordPress change la donne et rend votre flux de travail plus efficace.

Que vous travailliez sur un site web entier, que vous migrais des pages vers une installation préexistante ou que vous réutilisiez des mises en page pour un site existant, cette fonctionnalité vous permet de gagner un temps précieux et d'économiser des efforts.

En suivant le guide étape par étape ci-dessus, vous pouvez déplacer vos designs sans problème dans les mêmes conditions, que vous utilisiez la version gratuite ou la version pro d'Elementor.

La compréhension des informations relatives aux kits garantit un transfert sans accroc, notamment lors de l'utilisation du même modèle ou type de thème.

Profitez de cette fonctionnalité puissante, rationalisez votre flux de travail, optimisez votre efficacité et améliorez votre expérience Elementor Pro dès aujourd'hui !

FAQ sur les pages Elementor dans WordPress