Migrer d’Elementor ou Divi vers Gutenberg : Guide Complet 2026

On lit ça et là que Gutenberg a "enfin rattrapé les page builders"… C’est en partie vrai. En 2026, l’éditeur de blocs WordPress fait 90% de ce que faisaient Elementor et Divi il y a 3 ans. Mais la vraie question, c’est : faut-il migrer ? Et si oui, comment s’y prendre sans tout casser ?

Speaker au WordCamp Lyon 2022 sur le sujet "Puis-je me passer d’Elementor grâce à Gutenberg ?", j’ai testé cette migration sur des dizaines de sites clients depuis. Voici le guide concret, sans bullshit, pour ceux qui envisagent le grand saut.

Pourquoi migrer vers Gutenberg en 2026 ?

Bon… Soyons honnêtes : personne ne migre pour le plaisir. On migre parce qu’il y a un problème. Et avec les page builders, les problèmes s’accumulent.

Performance, d’abord. Un site Elementor charge en moyenne 800 Ko à 1,5 Mo de CSS et JavaScript rien que pour le builder. Divi, c’est pareil. Sur mobile, ça se traduit par 2 à 4 secondes de chargement en plus. En 2026, avec les Core Web Vitals qui pèsent dans le ranking Google, c’est un handicap réel.

Un site natif Gutenberg ? 50 à 150 Ko de CSS total. Pas de JavaScript de rendu côté client. Le HTML est propre, sémantique. Le résultat : PageSpeed Mobile passe de 40-60 (Elementor typique) à 85-98 (Gutenberg natif). On l’a mesuré sur wpformation.com après la migration headless : le TTFB a été divisé par 3.

Dépendance, ensuite. Elementor et Divi stockent le contenu dans des shortcodes ou du JSON propriétaire. Si vous désactivez le plugin, votre contenu devient illisible : des blocs de shortcodes partout, du HTML inline incompréhensible. Vous êtes prisonnier. Gutenberg, lui, stocke tout en HTML standard avec des commentaires de blocs. Désactivez Gutenberg, votre contenu reste lisible.

Ca vous parle ? Si votre site met plus de 3 secondes à charger sur mobile, si les mises à jour d’Elementor cassent régulièrement votre mise en page, si vous payez une licence annuelle pour un builder que WordPress inclut nativement… il est peut-être temps d’y réfléchir sérieusement.

Que sait faire Gutenberg en 2026 ?

L’éditeur de blocs n’a plus rien à voir avec la version sortie en 2018. WordPress 6.9 et la prochaine version 7.0 (sortie le 20 mai 2026) ont transformé Gutenberg en un éditeur complet. Voici ce qui a changé :

• Full Site Editing (FSE) : éditez le header, le footer, les templates de catégorie, les pages 404… tout depuis l’éditeur de blocs. Plus besoin de toucher au code PHP du thème
• Styles globaux : typographie, couleurs, espacements définis une fois et appliqués partout via le theme.json. L’équivalent du "design system" d’Elementor
• Compositions (Patterns) : des mises en page prêtes à l’emploi, réutilisables, synchronisées ou non. Hero sections, témoignages, grilles de prix : tout est faisable
• Blocs de navigation : menus responsives avec sous-menus, accessibles au clavier, personnalisables
• Block Bindings : connecter des champs personnalisés directement aux blocs, sans plugin ACF ni code. Arrivé dans WordPress 6.5, enrichi dans 6.9
• Contrôles responsive : colonnes, grilles, espacements adaptés mobile/tablette/desktop nativement

Pourquoi Spectra et GenerateBlocks changent la donne ?

Gutenberg natif ne fait pas tout. Pour remplacer certaines fonctionnalités avancées d’Elementor ou Divi, deux extensions comblent les manques sans sacrifier la performance :

Spectra (anciennement Ultimate Addons for Gutenberg, par Brainstorm Force, l’équipe derrière Astra) : ajoute 30+ blocs avancés. Formulaires, accordéons, onglets, compteurs, grilles d’images, sliders, tables de prix, étoiles, icônes… C’est le couteau suisse de Gutenberg. La version Pro ajoute les popups, les mega menus et les conditions d’affichage. Sur wpformation.com, on utilise Astra + Spectra Pro et ça couvre 100% des besoins.

GenerateBlocks (par Tom Usborne, créateur de GeneratePress) : approche minimaliste. La version 2.0 a restructuré le plugin autour de blocs unifiés : Container, Grid, Text (qui remplace les anciens blocs Headline et Buttons), Query Loop, Looper/Loop Item et Image. Moins de blocs qu’un page builder, mais plus de contrôle CSS. Parfait pour les développeurs et les puristes de la performance. Moins de 20 Ko de CSS ajouté.

Lequel choisir ? Si tu viens d’Elementor et que tu veux retrouver des blocs "tout prêts" (FAQ, pricing, testimonials), Spectra. Si tu préfères construire tes propres layouts avec un contrôle total, GenerateBlocks. Et si tu as besoin des deux : ils sont compatibles.

Comment migrer pas a pas vers Gutenberg ?

Pas de panique… La migration ne se fait pas en un week-end (sauf si vous avez 5 pages). Voici le processus que j’applique sur les sites clients :

Étape 1 : Inventaire du contenu

Avant de toucher à quoi que ce soit, listez toutes vos pages et articles. Classez-les en 3 catégories :

• Pages critiques (accueil, services, contact, landing pages) : à migrer en priorité, avec attention maximale
• Articles de blog : souvent plus simples (texte + images), migration rapide
• Pages à supprimer : profitez-en pour faire le ménage. Ce vieux landing page de 2019 qui ne reçoit plus de trafic ? Poubelle (avec redirection 301)

Prévoir 1 à 2 heures pour un site de 50 pages.

Étape 2 : Choisir un thème compatible FSE

Si vous êtes sur Elementor Hello Theme ou Divi Theme, il faudra choisir un nouveau thème WordPress. Pas de négociation. Le thème conditionne 50% de la migration.

Les meilleurs thèmes pour Gutenberg en 2026 :

• Astra : le plus polyvalent, fonctionne avec ou sans Spectra, templates de démarrage inclus. C’est celui qu’on utilise sur wpformation.com
• GeneratePress : ultra-léger (< 10 Ko sur le front-end), parfait avec GenerateBlocks
• Kadence : bon compromis entre fonctionnalités et performance, header/footer builder intégré
• Twenty Twenty-Five : le thème par défaut WordPress, 100% FSE, idéal pour apprendre

Étape 3 : Reconstruire sur un environnement de test

On l’oublie trop souvent, mais la règle d’or c’est : jamais en production directement. Créez un site de staging (la plupart des hébergeurs le proposent, O2switch inclus) ou utilisez un WordPress local.

Procédure :

1. Clonez votre site sur l’environnement de test
2. Installez le nouveau thème + Spectra ou GenerateBlocks
3. Recréez chaque page dans l’éditeur de blocs en gardant le builder actif (pour copier le contenu)
4. Une fois la page recréée en blocs, désactivez le builder sur cette page
5. Vérifiez le rendu sur mobile, tablette, desktop
6. Passez à la page suivante

Prévoir 30 minutes à 2 heures par page selon la complexité. Un site de 20 pages : 2 à 3 jours de travail.

Étape 4 : Migrer le contenu page par page

C’est la partie la plus longue. Il n’existe pas d’outil de conversion automatique parfait entre Elementor/Divi et Gutenberg. Nelio Unlocker convertit partiellement le contenu Elementor en blocs Gutenberg, mais le résultat reste approximatif : la mise en page complexe est cassée, les styles perdus, les sections imbriquées ignorées. C’est un point de départ pour les pages simples, pas une solution miracle.

La méthode qui fonctionne :

1. Ouvrez la page Elementor/Divi dans un onglet
2. Ouvrez la même page en mode éditeur de blocs dans un autre onglet
3. Copiez section par section : textes, images, boutons, listes
4. Recréez la mise en page avec les blocs natifs (colonnes, groupes, rangées) ou Spectra/GenerateBlocks
5. Ajustez les couleurs, espacements, typographies via les styles globaux

Le vrai sujet, c’est pas la copie du texte (ça prend 2 minutes), c’est la recréation de la mise en page. Une section hero avec fond image + overlay + titre centré + bouton CTA prend 5 minutes en Gutenberg natif. En Spectra, 3 minutes. C’est faisable.

Étape 5 : Nettoyage post-migration

Une fois toutes les pages migrées sur le staging :

1. Désactivez puis supprimez Elementor/Divi et tous leurs addons
2. Nettoyez la base de données : les page builders laissent des meta dans wp_postmeta. Le plugin Advanced Database Cleaner fait ça proprement
3. Vérifiez les URLs : certains widgets Elementor/Divi créent des ancres ou des liens internes spécifiques
4. Testez PageSpeed avant/après : vous devriez voir une amélioration de 20 à 40 points sur mobile
5. Mettez en production une fois tout validé

Le nettoyage complet prend 1 à 2 heures.

Cas Elementor : ce qu’il faut savoir

Elementor (5 millions+ d’installations actives) stocke le contenu dans un format JSON propriétaire en base de données (dans la meta _elementor_data). Le contenu HTML "classique" existe aussi dans post_content mais il est minimal et souvent vide ou contient des shortcodes.

Ce qu’on perd en migrant :

• Les animations (entrée, parallaxe, scroll effects) : Gutenberg n’a pas d’équivalent natif. Spectra Pro a quelques animations de base
• Les popups Elementor Pro : remplaçables par Spectra Pro ou un plugin dédié
• Le Theme Builder Elementor : remplacé par le Full Site Editing de WordPress
• Les formulaires Elementor Pro : remplaçables par Contact Form 7, WPForms ou le bloc formulaire Spectra

Ce qu’on gagne : un site 2 à 3 fois plus rapide, pas de licence annuelle à 49-199$/an, un contenu portable et standard, la compatibilité native avec les mises à jour WordPress.

Cas Divi : les spécificités

Divi est plus intégré qu’Elementor : c’est à la fois le thème ET le builder. Le contenu est stocké dans des shortcodes Divi (les fameux [et_pb_section], [et_pb_row], [et_pb_column]). Désactivez Divi et vous ne voyez que des shortcodes partout.

Avez-vous un site Divi avec plus de 50 pages ? Soyons francs : la migration sera longue. Divi n’a aucune fonctionnalité d’export vers des blocs standard. Elegant Themes a lancé Divi 5 le 26 février 2026, qui fonctionne désormais sans le thème Divi (comme plugin indépendant), mais ce n’est pas une migration vers Gutenberg natif : le contenu reste au format Divi.

Quelques outils à connaître : Divi 5 intègre un "Divi Layout Block" qui permet d’embarquer un layout Divi dans un contenu Gutenberg (approche hybride, pas une vraie migration). Automattic a publié un outil open-source divi-migration-tools sur GitHub, mais c’est un helper partiel, pas un convertisseur complet. Et le migrateur interne de Divi 5 convertit les shortcodes Divi 4 vers le format Divi 5… pas vers Gutenberg natif.

La procédure reste la même qu’Elementor : page par page, recréation manuelle. Mais avec Divi, il y a un piège en plus : le thème Divi modifie aussi le header, le footer et les templates. Migrer, c’est changer le builder ET le thème simultanément. A minima 2 fois plus de travail qu’une migration Elementor seul…

Quelles erreurs éviter lors de la migration ?

Après avoir accompagné une vingtaine de migrations depuis 2022, voici les 5 erreurs les plus fréquentes :

1. Migrer en production sans staging. Non. Jamais. On ne sait jamais, une mauvaise manip est si vite arrivée. Clonez d’abord, testez, puis basculez.

2. Chercher à reproduire le design pixel-perfect. C’est le piège classique. Gutenberg n’est pas un page builder pixel-perfect. Il est basé sur du flux de contenu. Acceptez que le résultat sera légèrement différent (et souvent plus propre, plus lisible).

3. Installer 10 plugins de blocs "pour compenser". Le but c’est de réduire les dépendances, pas d’en ajouter. Un thème + un plugin de blocs (Spectra ou GenerateBlocks), ça suffit pour 95% des sites.

4. Oublier le SEO. Vérifiez que les URLs ne changent pas, que les balises title et meta restent en place, que le maillage interne est intact. Un changement de thème peut modifier la structure des breadcrumbs et des archives. Surveillez la Search Console dans les 2 semaines suivant la migration.

5. Vouloir tout faire d’un coup. Un site de 100 pages, c’est 3-4 semaines de migration. Pas un week-end. Planifiez, priorisez, avancez page par page. C’est pas glamour, mais c’est comme ça que ça marche…

Quelles sont les équivalences Elementor/Divi vers Gutenberg ?

Pour faciliter la migration, voici la correspondance entre les widgets courants des page builders et leurs équivalents en blocs :

Elementor / Divi	Gutenberg natif	Avec Spectra
Section + Colonnes	Groupe + Colonnes	Container avancé
Heading widget	Bloc Titre (H1-H6)	Titre avancé
Text Editor	Bloc Paragraphe	Paragraphe
Image widget	Bloc Image	Image
Button widget	Bloc Boutons	Bouton avancé (icônes, animations)
Icon List	Bloc Liste	Liste d’icônes
Accordion / Toggle	Bloc Détails (WP 6.3+)	FAQ / Accordéon
Tabs	Pas de natif	Onglets Spectra
Pricing Table	Pas de natif	Table de prix Spectra
Testimonials	Bloc Citation	Témoignages Spectra
Contact Form	Pas de natif	Formulaire Spectra / CF7
Slider / Carousel	Pas de natif	Slider Spectra
Counter / Stats	Pas de natif	Compteur Spectra

Bref. Pour 80% des widgets courants, Gutenberg natif suffit. Les 20% restants (onglets, prix, témoignages, sliders), Spectra les couvre. Et c’est pas fini : chaque version de WordPress ajoute de nouveaux blocs natifs.

Faut-il migrer maintenant ou attendre ?

La question revient toujours. Et la réponse dépend de votre situation :

Migrez maintenant si :

• Votre PageSpeed Mobile est sous 60
• Votre licence Elementor Pro ou Divi arrive à renouvellement
• Vous avez un petit site (< 30 pages)
• Vous refondez le design de toute façon
• Votre site casse à chaque mise à jour du builder

Attendez si :

• Votre site fonctionne bien et les performances sont correctes (PageSpeed > 80)
• Vous avez 200+ pages à migrer sans ressource dédiée
• Vous utilisez des fonctionnalités avancées spécifiques (popups conditionnelles, A/B testing intégré)

De facto, si votre site marche et que votre temps est limité, une migration forcée n’a pas de sens. Mais pour tout nouveau projet en 2026, partir sur Gutenberg natif est une évidence. Les page builders, c’était nécessaire entre 2016 et 2022. En 2026… c’est du legacy.

Le meilleur moment pour migrer, c’est quand on a un backup… et un peu de courage. Le deuxième meilleur moment, c’est maintenant.

Questions fréquentes sur la migration vers Gutenberg

Existe-t-il un outil automatique pour migrer d’Elementor vers Gutenberg ?

Pas de solution magique. Nelio Unlocker peut convertir partiellement le contenu Elementor en blocs Gutenberg basiques (texte, images, listes), mais les mises en page complexes (sections imbriquées, colonnes, styles avancés) sont perdues ou cassées. C’est un point de départ utile pour les pages simples, mais pour les landing pages élaborées, la recréation manuelle reste nécessaire.

Combien de temps prend une migration Elementor/Divi vers Gutenberg ?

Comptez 30 minutes à 2 heures par page selon la complexité (une page de texte simple vs une landing page avec sections hero, colonnes et formulaires). Pour un site de 20 pages, prévoir 2 à 3 jours. Pour 50 pages, une semaine. Pour 100+ pages, 2 à 4 semaines. Les articles de blog, souvent plus simples, se migrent plus vite que les pages marketing.

Vais-je perdre mon référencement SEO en migrant vers Gutenberg ?

Pas si vous faites les choses correctement. Conservez les mêmes URLs (slugs), les mêmes balises title et meta description (Yoast SEO reste compatible), et vérifiez le maillage interne. Un changement de thème peut modifier la structure des breadcrumbs et des archives, donc surveillez la Google Search Console pendant 2 semaines après la migration. En général, le passage à Gutenberg améliore les Core Web Vitals, ce qui peut avoir un impact positif sur le ranking.

Que devient mon contenu si je désactive Elementor sans migrer ?

Le contenu Elementor est stocké en JSON propriétaire dans la base de données. Si vous désactivez Elementor, les pages affichent des shortcodes bruts ([et_pb_section], [et_pb_row], etc. pour Divi, ou du HTML inline avec des classes Elementor). Le contenu devient illisible pour les visiteurs. Ne désactivez le builder qu’après avoir migré chaque page vers les blocs Gutenberg.

Spectra ou GenerateBlocks : lequel choisir pour remplacer Elementor ?

Spectra (par Brainstorm Force, l’équipe d’Astra) offre 30+ blocs prêts à l’emploi et convient à ceux qui veulent retrouver le confort d’un page builder. GenerateBlocks (par Tom Usborne, créateur de GeneratePress) propose des blocs unifiés depuis la version 2.0 (Container, Grid, Text, Query Loop, Looper, Image) pour un contrôle total avec un minimum de poids. Pour la plupart des utilisateurs migrant d’Elementor, Spectra est plus adapté. Pour les développeurs qui préfèrent construire eux-mêmes, GenerateBlocks.

Peut-on utiliser Gutenberg et Elementor en même temps pendant la migration ?

Oui, c’est même la méthode recommandée. Gardez Elementor actif pendant toute la durée de la migration. Pour chaque page, ouvrez-la en mode Elementor (pour copier le contenu) et recréez-la dans l’éditeur de blocs. Une fois la page recréée en blocs, vous pouvez la "détacher" d’Elementor. Ne supprimez Elementor qu’une fois toutes les pages migrées.

Les compositions (patterns) Gutenberg remplacent-elles les templates Elementor ?

En grande partie, oui. Les compositions WordPress (anciennement "compositions de blocs" ou "patterns") sont des assemblages de blocs réutilisables : hero sections, grilles de services, sections témoignages, appels à l’action. WordPress.org propose un répertoire de compositions gratuites. Spectra et les thèmes comme Astra ajoutent leurs propres bibliothèques. Ce n’est pas aussi "drag and drop" qu’Elementor, mais le résultat est plus léger et plus maintenable.

Gutenberg peut-il vraiment remplacer un page builder pour un site professionnel ?

Oui, en 2026. Gutenberg avec le Full Site Editing (FSE), les styles globaux et un plugin comme Spectra ou GenerateBlocks couvre les besoins de 95% des sites professionnels : pages d’accueil avec sections hero, pages de services, blog, formulaires de contact, FAQ, témoignages, tarifs. Les 5% restants (A/B testing intégré, popups ultra-conditionnelles, animations complexes) nécessitent encore des plugins spécialisés.