Vous avez une boutique en ligne qui tourne sous WordPress grâce au plugin WooCommerce ? Par défaut, c’est l’éditeur classique qui vous permet de mettre en page vos fiches produits. Dans ce tutoriel WordPress, je vous explique comment activer l’éditeur de blocs Gutenberg sur WooCommerce à l’aide d’un hook tout simple.
Gutenberg est l’éditeur de blocs moderne intégré à WordPress depuis la version 5.0.
Contrairement à l’ancien éditeur classique, Gutenberg propose une approche modulaire où chaque élément de contenu (paragraphe, image, titre, etc.) est un « bloc » indépendant.
Cette interface intuitive permet de créer des mises en page complexes sans connaissances en code, simplement en ajoutant, déplaçant et personnalisant des blocs.
À titre personnel, j’en suis fan ! Je l’utilise sur tous mes sites, ainsi que sur ceux de mes clients. Je trouve cette solution bien plus légère et simple à prendre en main que des builders comme Elementor ou Divi.
WooCommerce est la solution e-commerce la plus populaire pour WordPress. Ce plugin gratuit vous permet de transformer votre site en une boutique en ligne complète. Pour la petite anecdote, c’est celui que j’utilise dès que je dois créer un site e-commerce.
WooCommerce est très complet et contient toutes les fonctionnalités de base nécessaires au bon fonctionnement d’une boutique en ligne : gestion des produits, des commandes, des paiements et bien plus encore. Il existe en outre une grande variétés de plugins pour combler tous types de besoins.
Bien que puissant, WooCommerce utilise traditionnellement l’éditeur classique pour les descriptions de produits, ce qui limite les possibilités créatives.
Avant de passer au tutoriel, voici quelques avantages de cette combinaison :
Copiez / collez simplement le code suivant dans votre fichier functions.php (ou intégrez-le à l’aide du plugin gratuit Code Snippets si vous êtes plus à l’aise avec cette méthode) :
// active Gutenberg sur vos pages produits woocommerce
function exaltar_activate_gutenberg_on_products($editor, $post_type){
if ($post_type == 'product') return true;
else return $editor;
}
add_filter('use_block_editor_for_post_type', 'exaltar_activate_gutenberg_on_products', 10, 2);Pour vous assurer que Gutenberg est bien activé pour vos produits WooCommerce, rien de plus simple : créez un nouveau produit ou cliquer pour modifier un produit existant. Si vous voyez l’interface Gutenberg à la place de l’éditeur classique, tout est bon !
Maintenant que vous avez activé Gutenberg, voici quelques idées pour améliorer vos descriptions de produits :
L’activation de Gutenberg pour vos produits WooCommerce ouvre de nouvelles possibilités pour améliorer l’engagement et optimiser le taux de conversion de votre boutique. Avec un peu de pratique, vous pourrez créer des fiches produits qui se démarquent de la concurrence et améliorent significativement l’expérience d’achat de vos clients.
N’hésitez pas à expérimenter avec différents blocs et mises en page pour trouver ce qui fonctionne le mieux pour votre site e-commerce !
Vous recherchez une personne de confiance pour gérer la création ou la refonte de votre site Internet ?
Je suis peut-être la personne qu’il vous faut. Discutons-en ensemble lors d’une visio ou demandez-moi un devis. C’est gratuit, et sans engagement.
Un site vitrine est aujourd’hui l’outil marketing indispensable pour toute entreprise. Votre site est souvent le premier point de rencontre avec vos clients potentiels. Et cette première impression est déterminante. […]
La refonte d’un site internet représente bien plus qu’une simple mise à jour esthétique. Elle consiste en une transformation stratégique, structurelle et fonctionnelle d’un site web existant. Bien exécutée, elle […]
La sécurité est un enjeu majeur pour tout site WordPress. Saviez-vous que l’une des premières cibles des pirates informatiques est votre page de connexion ? Par défaut, elle est accessible […]