Pourquoi passer à Elementor : simplicité, personnalisation et performance
Elementor est aujourd’hui l’un des constructeurs de pages les plus populaires pour WordPress. Utilisé par plus de 13 millions de sites web à travers le monde, il séduit par sa flexibilité, son interface intuitive en glisser-déposer, et sa compatibilité avec une large gamme de thèmes et d’extensions.
Si vous avez un site WordPress conçu avec un thème classique ou un autre builder (comme WPBakery, Divi ou Gutenberg), il est tout à fait possible de migrer vers Elementor. Mais ce processus demande une certaine méthodologie pour éviter les erreurs, les pertes de contenu ou les impacts négatifs sur le SEO.
Dans ce guide, nous allons détailler chaque étape pour migrer sereinement votre site WordPress vers Elementor, en gardant vos données, vos objectifs marketing et votre expérience utilisateur au cœur du projet.
Préparation de la migration : audit et sauvegardes
1. Faire un audit complet du site actuel
Avant toute modification, commencez par analyser l’état actuel du site :
- Quel thème est utilisé ? Est-il compatible avec Elementor ?
- Le site repose-t-il sur un constructeur de page intégré ? (Divi, WPBakery, Gutenberg…)
- Combien de pages sont concernées ?
- Y a-t-il des shortcodes spécifiques, des widgets personnalisés ou des blocs de thème ?
Cette étape vous permet de définir l’ampleur du travail. Parfois, seule une partie du site doit être migrée (la page d’accueil ou les landing pages), alors que dans d’autres cas, une refonte complète est recommandée.
2. Sauvegarder l’intégralité du site
Avant toute action, effectuez une sauvegarde complète :
- Fichiers du site (FTP ou via un plugin comme UpdraftPlus, Duplicator, All-in-One WP Migration…)
- Base de données
Cette sauvegarde permet de revenir en arrière en cas de bug ou de migration incomplète.
3. Mettre en place un site de test (staging)
Il est fortement recommandé de travailler sur une copie du site, sur un sous-domaine ou un environnement de staging. Cela permet de préparer la migration sans impacter le site en production.
Installation d’Elementor et configuration de base
1. Choisir la version adaptée : gratuite ou Pro ?
La version gratuite d’Elementor permet déjà de créer des mises en page complexes. La version Elementor Pro (payante) débloque des fonctionnalités clés :
- Header / Footer builder
- Theme builder (pour modèles de posts, pages produits, archives…)
- Formulaires natifs
- Widgets avancés (carousel, CTA, pricing tables, etc.)
Pour un site professionnel, Elementor Pro est généralement recommandé.
2. Installer Elementor et choisir un thème compatible
Installez le plugin Elementor (et Elementor Pro si vous avez une licence). Ensuite, installez un thème compatible. Les plus populaires :
- Hello Elementor : ultra léger, conçu pour Elementor
- GeneratePress, Astra ou Kadence : rapides, personnalisables
Le choix du thème dépendra de vos besoins : design minimal, e-commerce, vitesse…
3. Configurer les réglages de base
Dans Elementor > Réglages, cochez les options pour activer l’éditeur sur les pages, articles, etc. Configurez également :
- Largeur de contenu
- Polices et couleurs globales (vous pouvez télécharger des polices depuis Webfont Online au format WOFF2)
- Paramètres du thème (si Hello Elementor) ou alors avec le constructeur de thème intégré à l’éditeur Elementor
Refonte des pages avec Elementor
1. Créer un modèle pour chaque type de contenu
Utilisez le Theme Builder d’Elementor pour créer :
- Le header et le footer
- Les pages standards (accueil, contact, à propos…)
- Les articles de blog (modèle single post)
- Les pages catégories (archives)
- Les pages boutiques, produits et catégories de produits
Vous pouvez partir de zéro ou importer un template de la bibliothèque Elementor.
2. Reprendre manuellement le contenu des anciennes pages
Elementor ne peut pas automatiquement convertir des blocs WPBakery, Divi ou Gutenberg. Il faut donc :
- Créer une nouvelle page avec Elementor
- Copier-coller les textes depuis l’ancienne version
- Réinsérer les images, vidéos, fichiers PDF
Cette étape est longue mais permet d’optimiser chaque page : meilleure mise en page, responsive, CTA clairs, chargement plus rapide.
NB : Pensez à faire des enregistrements de vos pages avec des captures d’écran. Avec Elementor, vous allez pouvoir refaire la même mise en page que sur votre ancien site ou outil d’édition.
3. Gérer les redirections et les URLs
Si vous modifiez les permaliens ou supprimez certaines pages, pensez à créer des redirections 301 via un plugin comme Redirection ou Rank Math. Cela évite de perdre du trafic SEO.
Optimisation SEO après la migration
1. Vérifier les balises méta
Assurez-vous de conserver ou réécrire les titres et descriptions de chaque page. Elementor est compatible avec les principaux plugins SEO (Rank Math, Yoast, SEOPress…).
2. Travailler les balises Hn et la structure sémantique
Dans chaque page Elementor, structurez bien votre contenu :
<h1>pour le titre principal<h2>pour les grandes sections<h3>pour les sous-parties
Évitez les Hn en doublon ou dans le désordre (un H3 sans H2 au-dessus par exemple).
3. Optimiser la vitesse de chargement
Elementor est rapide si vous utilisez un bon hébergement et quelques règles simples :
- Limiter le nombre de widgets et animations
- Utiliser des images compressées (avec WebP par exemple)
- Mettre en cache le site (via WP Rocket, LiteSpeed, etc.)
- Activer le lazy loading
4. Créer un sitemap XML et l’envoyer à Google Search Console
Les plugins SEO génèrent automatiquement un fichier sitemap. Assurez-vous qu’il est bien configuré, et soumettez-le à Google via la Search Console.
Gérer les formulaires, le blog et le e-commerce avec Elementor
1. Les formulaires de contact
Elementor Pro permet de créer des formulaires sans extension externe. Vous pouvez connecter vos formulaires à :
- Une adresse mail (simple)
- Un CRM (HubSpot, Brevo, Mailchimp…)
- Un Google Sheet via Zapier ou webhook
2. Le blog
Le contenu existant du blog WordPress est conservé. Il faut cependant créer un modèle de publication avec le Theme Builder pour styliser les articles (image mise en avant, titre, date, contenu, partages…).
3. WooCommerce et Elementor
Elementor Pro est compatible avec WooCommerce. Il permet de personnaliser les fiches produits, la page boutique, le panier, le tunnel de commande, etc.
Attention toutefois : la migration d’une boutique qui était sur un autre CMS que WordPress demande une attention particulière (stock, commandes, clients, données de paiement). Il est conseillé de travailler avec une sauvegarde complète et de tester en environnement de pré-production.
Bonnes pratiques pour réussir la migration vers Elementor
1. Ne pas tout migrer d’un coup
Commencez par migrer une ou deux pages importantes (page d’accueil, services) pour valider le design et le fonctionnement. Ensuite, étendez la migration progressivement.
2. Tester sur tous les supports
Elementor propose un mode responsive intégré. Vérifiez systématiquement l’affichage :
- Sur mobile
- Sur tablette
- Sur des résolutions d’écran variées
3. Ne pas oublier les liens internes
Si vous avez copié-collé du contenu, assurez-vous que les liens internes pointent bien vers les nouvelles pages Elementor et non vers d’anciennes versions en brouillon.
4. Tester la navigation, les formulaires, et le SEO
Faites un check complet avant de mettre en ligne :
- Navigation fluide entre les pages
- Formulaires fonctionnels
- Balises méta présentes
- Pages indexables (pas de balise noindex oubliée)
Conclusion : migrer vers Elementor, demande du temps à la mise en place, mais il sera très bénéfique sur le long terme
Passer à Elementor permet de moderniser l’image de votre site, d’en reprendre le contrôle total, et de créer des pages à la fois élégantes et optimisées pour le référencement naturel. Ce n’est pas une simple mise à jour technique, mais une opportunité de repenser l’expérience utilisateur, l’ergonomie, la performance et l’efficacité de votre présence en ligne.
La migration demande du temps, de la rigueur, et parfois l’accompagnement d’un professionnel. Mais elle ouvre des perspectives importantes pour la visibilité, la conversion et l’autonomie de votre site WordPress.
Chez Blue Strat, nous accompagnons de nombreuses entreprises dans ce type de transition, avec des solutions sur mesure adaptées à chaque activité (industrie, commerce, service, e-commerce, réservation). Contactez-nous pour discuter de votre projet.
Nous avons accompagné Arteventia, une entreprise qui réalise des spectacles pluridisciplinaires, des spectacles pyrotechniques. Cette collaboration a été faite pour une refontes de certaines pages et sur la mise en place d’un en tête et pied de page avec Elementor.
