Comment personnaliser la page de la boutique WooCommerce - Le guide complet

Vous cherchez différentes façons de modifier votre page de boutique ? Vous êtes arrivé au bon endroit. Dans ce guide, vous apprendrez différentes méthodes pour personnaliser votre page de boutique WooCommerce étape par étape : manuellement, à l'aide de constructeurs de pages et de plugins.

La page de la boutique est l'endroit où vous affichez vos produits, c'est donc l'une des pages les plus importantes de votre boutique. C'est pourquoi il doit avoir un design attrayant et convivial.

La page de la boutique est un composant préconçu de votre boutique et n'a pas d'outil intégré pour changer son apparence. Cependant, cela ne signifie pas que vous ne pouvez pas le changer du tout. Dans ce guide, vous apprendrez à personnaliser la page de la boutique WooCommerce en utilisant trois méthodes différentes.

Qu'est-ce que la page de la boutique WooCommerce et pourquoi devriez-vous la personnaliser ?

Une page de boutique, telle que définie par WooCommerce, est "un espace réservé pour une archive de type de publication pour les produits". En termes simples, c'est la page sur laquelle vous affichez vos produits , elle est donc vitale pour le succès de votre entreprise. Avant d'expliquer comment vous pouvez le modifier, voyons pourquoi vous devriez personnaliser la page de la boutique WooCommerce.

Maintenant, imaginez que vous entrez dans un magasin pour acheter quelque chose. Qu'est-ce qui détermine votre satisfaction à l'égard du processus d'achat ? L'une des choses les plus importantes est la façon dont les produits sont disposés et la facilité avec laquelle vous pouvez trouver ce que vous cherchez. Nous vivons dans un monde interconnecté grâce à Internet. Et, surtout à l'époque de la pandémie mondiale, les achats sont passés des magasins physiques aux magasins en ligne. On s'attend à ce qu'au cours des 20 prochaines années, environ 95 % de tous les achats se fassent en ligne.

Les gens achètent en ligne parce que c'est plus facile et plus rapide (ou du moins ça devrait l'être). Ainsi, la façon dont vous organisez vos produits sur la page de la boutique WooCommerce et la façon dont vous les affichez à vos clients peut faire une grande différence. Non seulement pour vos conversions et vos revenus, mais aussi pour la réputation de votre boutique.

Avantages de la personnalisation de la page de la boutique

Au total, la personnalisation de la page WooCommerce Shop présente plusieurs avantages :

• Démarquez-vous des concurrents. La plupart des magasins ont la même page boutique, vous vous démarquerez donc si vous personnalisez la vôtre
• Améliorer l'expérience client
• Augmenter les taux de conversion et les ventes
• Améliorations du référencement. Outre la modification de son design, vous pouvez modifier la page de la boutique et ajouter du contenu que vos clients trouveront sur Google

Maintenant que nous comprenons mieux pourquoi vous devez personnaliser la page de la boutique, concentrons-nous sur la question suivante. Comment pouvez-vous faire une bonne impression sur vos clients lorsqu'ils accèdent à votre page de boutique ? La clé est d'avoir un design attrayant et convivial qui facilite le processus d'achat. C'est plus facile à dire qu'à faire.

Cependant, dans ce guide, nous allons vous montrer comment obtenir un contrôle total sur la conception de la page de la boutique WooCommerce .

Comment personnaliser la page de la boutique WooCommerce : un guide étape par étape

Dans cette section, nous allons vous montrer comment personnaliser la page de la boutique en utilisant trois méthodes différentes :

1. Par programmation
2. Avec un constructeur de pages
3. Avec des plugins

1) Personnalisation de la page de la boutique WooCommerce par programme

Voyons d'abord comment personnaliser votre page de boutique WooCommerce sans compter sur un constructeur de page ou un plugin. Le plus grand avantage de cette méthode est que vous n'ajouterez aucune application tierce à votre site. Même si cela ne devrait pas prendre plus de quelques minutes car nous ne ferons pas de codage difficile, il est préférable que vous ayez quelques compétences de base en codage.

Étape 1 : Créer un thème enfant

Si vous n'avez pas encore créé de thème enfant pour votre thème, il est grand temps que vous en ayez un. Nous recommandons un thème enfant car si vous apportez des modifications à votre thème puis le mettez à jour, les nouveaux fichiers remplaceront les anciens et vous perdrez les modifications.

Cependant, vous pouvez éviter cela en personnalisant votre thème à partir du thème enfant. Vous pouvez créer un thème enfant en utilisant différentes méthodes. Vous pouvez utiliser un plugin de thème enfant ou le coder vous-même. Pour plus d'informations sur les deux méthodes, consultez notre guide sur la création d'un thème enfant dans WordPress.

Étape 2 : Créez la structure de dossiers dans votre thème enfant

Nous allons maintenant utiliser un client FTP pour modifier les fichiers du site Web. Si vous n'avez pas de compte FTP, nous vous recommandons le logiciel FileZilla mais vous pouvez utiliser n'importe quel client de votre choix. Après avoir créé votre thème enfant, rendez-vous dans les fichiers de votre site et suivez ce chemin : /wp-content/themes/your-theme .

Disons que vous avez créé un thème enfant pour le thème Twenty Twenty. Le nom du dossier devrait ressembler à vingt-twenty-child-theme . Ensuite, cliquez dessus et créez un dossier appelé WooCommerce . Après cela, créez un fichier appelé archive-product.php , qui est le fichier de modèle de page de boutique. Vous avez créé une page de boutique WooCommerce dans votre boutique mais elle est vide, vous devez donc maintenant ajouter du contenu.

Étape 3 : Créer du contenu pour votre page de boutique

Gardez à l'esprit que tout ce que vous écrivez dans l'éditeur de texte de archive-product.php apparaîtra sur la page de la boutique et vos clients le verront. Ici, vous pouvez utiliser un peu de codage pour travailler votre magie avec votre page de boutique. Cependant, si vous ne savez pas comment procéder, passez à l'étape suivante.

Étape 4 : créer un modèle de page de boutique

Au lieu de créer une page de boutique WooCommerce à partir de zéro, vous pouvez utiliser un modèle existant et l'adapter. Pour cela, revenez au thème parent et recherchez le fichier single.php ou index.php . Si vous voyez l'un des deux, copiez-le et collez-le dans le dossier WooCommerce que vous avez créé à l'étape 2. Si vous voyez les deux fichiers, copiez single.php . Ensuite, supprimez le fichier archive-product.php et changez le nom du fichier que vous venez de coller ici en archive-product.php .

Avec cela, nous allons utiliser le fichier de modèle de publication comme page de votre boutique, mais cela ressemblera à une page de produit. Cependant, ce n'est pas idéal. Vous voulez que votre page de boutique WooCommerce ressemble à une page de boutique, pas à une page de produit. Pour le personnaliser, nous utiliserons des shortcodes.

Étape 5 : Personnalisez la page de la boutique à l'aide de codes abrégés

Tout d'abord, divisez les produits en colonnes ou en lignes. Par exemple, si vous souhaitez afficher vos produits sur 2 colonnes de 6 produits max, vous devez coller le code suivant dans le fichier archive-product.php :

 [ products limit="6" columns="2" ]

Si vous ne savez pas comment procéder, procédez comme suit :

• Ouvrez le fichier archive-product.php
• Supprimez le texte entre <main id="main" class="site-main" role="main"> et </main><!– #main –> . Veuillez noter que vous ne devez pas supprimer ces deux lignes de code mais seulement ce qu'il y a entre elles
• Ajoutez cette ligne de code à l'espace laissé par ce que vous venez de supprimer :

   <?php echo do_shortcode ('[ products limit="6" columns="2" ]') ?>

• Enregistrer les modifications
• Toutes nos félicitations! Vous venez de créer une nouvelle page de boutique WooCommerce !

Afficher les produits les plus populaires

Jetons un coup d'œil à un autre exemple de ce que vous pouvez faire pour personnaliser par programme votre page de boutique dans WooCommerce. Supposons que vous souhaitiez afficher vos produits les plus populaires. Pour cela, nous utiliserons le shortcode suivant :

 [ products orderby="popularity" ]

Localisez le fichier archive-product.php de votre thème de fichier et collez le code suivant :

 faire_action('woocommerce_before_shop_loop');
echo '<h1>LE PLUS POPULAIRE !!</h1>' ;
do_shortcode('[ products orderby="popularity" class="m-popular" columns="2" limit="2" ]'); do_action('woocommerce_after_shop_loop');

Comme vous pouvez le voir, nous afficherons deux produits sur une seule ligne à deux colonnes (columns=”2″ limit=”2″) , mais vous pouvez ajuster ces nombres selon ce qui vous convient le mieux.

De même, vous pouvez afficher les produits les mieux notés, les produits les plus vendus et bien plus encore. Nous vous recommandons de jouer et de personnaliser la page de la boutique en utilisant des codes abrégés ou via un codage pour lui donner l'apparence parfaite pour votre entreprise.

Pour plus d'idées sur la façon de personnaliser votre boutique avec un peu de codage, consultez notre guide sur la façon de modifier la page de la boutique WooCommerce par programmation.

2) Personnalisez la page de la boutique WooCommerce avec Page Builder

Bien que la méthode précédente vous fasse gagner du temps, elle peut être difficile pour les personnes sans compétences en codage. C'est pourquoi nous allons montrer ici un moyen plus simple de faire l'affaire sans avoir à modifier les fichiers de votre thème. Dans cette section, vous apprendrez à personnaliser la page de la boutique WooCommerce à l'aide de votre constructeur de page . Avec les constructeurs de pages, vous pouvez modifier la conception, la mise en page, les types de produits et les produits à afficher de la page de la boutique.

En plus de cela, vous n'aurez pas besoin d'écrire de code ou de modifier les fichiers de thème. Que vous utilisiez Elementor, Visual Composer, Divi ou tout autre constructeur de page, cette méthode est compatible avec chacun d'eux.

REMARQUE : Vous n'aurez pas besoin d'écrire de ligne de code, mais cela vous aidera si vous connaissez les shortcodes WooCommerce. Notre guide des shortcodes est un bon point de départ. Voyons maintenant comment personnaliser la page de votre boutique à l'aide d'un constructeur de page. Pour ce faire, il y a deux étapes principales :

1. Créer une page pour afficher vos produits avec un constructeur de page
2. Faites de cette page votre page de boutique

Étape 1 : Créez une page de liste avec le générateur de page et remplissez-la de contenu

Je suppose que vous connaissez tous le constructeur de pages, nous ne vous expliquerons donc pas ici comment l'utiliser. Dans ce guide, nous utiliserons Elementor comme constructeur de pages. La première chose à faire est de créer une nouvelle page :

Normalement, dans votre boutique WooCommerce, vous afficheriez les produits vedettes, les plus vendus et les nouveaux arrivants. Ici, nous allons créer une page de boutique avec les produits vedettes et les plus vendus.

Maintenant, ajoutons du contenu à la page. Pour ce faire, nous utiliserons certains shortcodes WooCommerce. Il existe de nombreux shortcodes que vous pouvez utiliser en fonction des catégories de produits que vous souhaitez afficher. Voici quelques-unes de celles qui vous seront utiles :

•  [ featured_products ]

•  [ best_selling_products ]

•  [ top_rated_products ]

•  [ sale_products ]

•  [ product_table ]

•  [ recent_products ]

•  [ products ]

Suivant notre exemple, nous ajouterons des produits vedettes à notre page de boutique en utilisant le

petit code. Pour faire ça:

• Accédez à votre tableau de bord d'administration WordPress > page Produits. Sélectionnez vos produits vedettes en cliquant sur l'icône étoile à droite.

• Depuis la page d'édition, faites glisser l'éditeur de texte vers le bas sous les produits en vedette.

• Copiez le

   [ featured_products ]

  shortcode et collez-le ici.

• Cliquez sur Mettre à jour et vos produits seront affichés, comme indiqué ci-dessous :

Juste comme ça, pour les meilleures ventes, vous pouvez utiliser le

 [ best_selling_products ]

shortcode, pour les produits récemment publiés, vous utiliserez

 [ recent_products ]

etc. C'est à vous de décider quel type de produits vous souhaitez afficher sur la page boutique. Veuillez également noter qu'il existe des attributs de code court dont vous pourriez avoir besoin :

• Définir le nombre de colonnes
• Limiter le nombre de produits affichés

Par exemple, si vous souhaitez afficher 2 colonnes de 6 produits maximum, vous utiliserez quelque chose comme ceci :

 [ products limit="6" columns="2" ]

Les shortcodes sont très puissants et assez faciles à utiliser. Nous vous recommandons donc de consulter notre guide sur les shortcodes WooCommerce pour en tirer le meilleur parti.

Étape 2 : Faites de la page nouvellement créée votre page de boutique

Après avoir créé la nouvelle page, vous devez en faire votre page de boutique WooCommerce. Pour cela, nous vous recommandons d'installer un thème enfant. Si vous n'en avez pas encore créé, nous vous recommandons d'utiliser l'un de ces plugins de thème enfant que vous aimez. Ici, nous continuerons en supposant que vous avez installé et créé un thème enfant.

• Obtenez l'URL de votre page nouvellement créée
• Accédez au tableau de bord WordPress
• Cliquez sur Apparence > Éditeur de thème , puis cliquez sur Je comprends si vous voyez une fenêtre contextuelle
• Après cela, vous serez redirigé vers une page où vous pourrez accéder aux fichiers de la fonction de thème sur la droite

• Cliquez sur le fichier functions.php et collez ce code à la fin :

 add_action('template_redirect', 'quadlayers_redirect_woo_pages');fonction quadlayers_redirect_woo_pages()
{
    if (function_exists('is_shop') && is_shop()) {
        wp_redirect('https://www.quadlayers.com/shop/');
        sortir;
    }
}

IMPORTANT : Veuillez copier et coller le code tel quel sans rien supprimer, et n'oubliez pas de remplacer votre URL dans wp_redirect ('[votreURL]'). Ensuite, mettez à jour le fichier et c'est tout ! Vous venez de créer une page de boutique WooCommerce personnalisée .

3) Personnalisez la page de la boutique WooCommerce avec des plugins

Dans cette section, vous apprendrez à personnaliser la page de la boutique dans WooCommerce à l'aide de plugins . Certains des meilleurs sont:

1. WooCustomizer
2. Tableau des produits WooCommerce par tableau des produits WC (gratuit et premium)
3. Tableau des produits WooCommerce par Barn2 (Premium)

Dans cette section, nous vous montrerons comment modifier la page de la boutique à l'aide d'outils gratuits et premium.

3.1) WooCustomizer

WooCustomizer est un excellent plugin pour personnaliser la page de la boutique WooCommerce. Il vous permet de modifier votre produit, votre panier, votre compte utilisateur et vos pages de paiement en quelques clics. Ce plugin a beaucoup de fonctionnalités et vous permet de personnaliser l'ensemble de votre boutique WooCommerce. En vous concentrant sur les options de personnalisation de la page de la boutique, avec WooCustomizer, vous pouvez :

• Modifiez les pages de la boutique avec plus de 20 paramètres parmi lesquels choisir
• Supprimer ou modifier des éléments de la boutique WooCommerce, des archives et des pages de produits
• Supprimer le fil d'Ariane WooCommerce des pages de la boutique et des produits
• Supprimer ou modifier des éléments de la page de la boutique tels que la section des coupons sur la page du panier ou le texte de la liste déroulante des coupons du panier
• Ajoutez une barre de recherche de produit AJAX et une fenêtre contextuelle de vue rapide du produit sur vos pages de boutique
• Personnalisez le nombre de produits par ligne et page sur les pages de la boutique
• Modifier le nombre de colonnes affichées sur les pages boutique et archives
• Ajouter une vue rapide du produit pour permettre aux clients de voir les produits de la page de la boutique
• Modifier la page boutique et archiver les bannières de vente
• Et beaucoup plus

Il convient de noter que WooCustomizer ne remplace pas vos pages ou modèles WooCommerce. Il ajoute simplement des options de style supplémentaires sur votre thème sur les éléments que vous choisissez de modifier. Même si WooCustomizer dispose de nombreuses fonctionnalités pour modifier la page de votre boutique WooCommerce, il est également assez facile à utiliser. Cet outil est polyvalent et vous donnera plus de contrôle sur votre magasin sans avoir besoin de coder quoi que ce soit.

Enfin, WoooCustomizer est un outil freemium. Il a une version gratuite avec des fonctionnalités de base et 3 plans premium avec des fonctionnalités plus avancées qui commencent à 29 USD par an.

3.2) WooCommerce Product Table Lite par WC Product Table

WooCommerce Product Table (WCPT) est un excellent plugin qui vous permet de créer facilement des mises en page de tableaux de produits. Avec une note de 4,9 sur 5 et plus de 5 000 installations actives, c'est l'un des meilleurs outils pour modifier la page de la boutique dans WooCommerce.

WC Product Table est un outil freemium. Il a une version gratuite avec des fonctionnalités de base et un plan pro qui inclut des fonctionnalités plus puissantes et coûte 49 USD par an. Ici, nous allons vous montrer comment utiliser la version allégée, puis vous donner quelques conseils pour le plan pro.

Étape 1 : Créer un WCPT sur n'importe quelle page

Tout d'abord, vous devez télécharger et activer le plugin. Après cela, vous verrez les tableaux de produits dans la barre latérale de votre tableau de bord. Cliquez dessus, appuyez sur Ajouter un nouveau tableau et vous serez redirigé vers une page où vous pourrez créer un tableau.

Comme vous pouvez le voir, vous devrez spécifier :

• Nom de la table : dans notre exemple, nous l'avons appelée Product Table 01
• Catégorie de produit : Sous l'onglet Requête, vous verrez les catégories que vous avez. Sélectionnez-en un pour votre table

• Informations sur la colonne : Ensuite, accédez à l'onglet Colonnes. Ici, vous devrez dessiner le tableau que vous voulez. Vous devrez décider du nombre de colonnes que vous souhaitez, puis concevoir chacune d'entre elles. Le tableau des produits WC vous offre des options non seulement pour les ordinateurs portables, mais également pour les colonnes de téléphone et de tablette. Vous pouvez donc spécifier toutes les options souhaitées pour chaque type d'appareil, y compris l'en-tête, le modèle de cellule et la conception (police, alignement, couleur de police, couleur d'arrière-plan, etc.).

Une fois que vous avez créé les colonnes souhaitées, cliquez sur Enregistrer les paramètres et vous êtes prêt.

Étape 2 : Collez votre tableau sur une nouvelle page

À l'aide d'un shortcode, vous pouvez afficher le tableau que vous avez créé à l'étape 1 où vous le souhaitez. Copiez simplement le shortcode :

Maintenant, affichons le tableau sur une nouvelle page en utilisant le shortcode. À ce stade, nous pouvons supposer que vous êtes familiarisé avec la création d'une nouvelle page. Donc, à l'aide d'un constructeur de pages, cliquez sur Pages > Ajouter un nouveau et donnez-lui un nom. Par exemple, Ma boutique Page 2 . Si vous utilisez Elementor, vous verrez quelque chose comme ceci :

Faites glisser l'éditeur de texte vers le bas et collez-y le shortcode que vous venez de copier.

Vous aurez maintenant une page avec un style de tableau de produits.

Étape 3 : redirigez les clients vers votre nouvelle page de boutique

Pour rediriger vos clients vers la nouvelle page de la boutique, vous aurez besoin d'un plugin de redirection. Cet outil redirigera les clients de la page de boutique WooCommerce par défaut vers la nouvelle page que vous avez créée à l'étape 2. La plupart de ces plugins sont à usage unique et très faciles à utiliser. Ici, nous utiliserons Redirection, l'un des plugins de redirection les plus populaires, mais tout outil similaire fera l'affaire.

Après avoir activé le plugin, allez dans Tools > Redirection , et vous verrez ce message :

• Dans l'URL source, collez le lien de la page de la boutique par défaut
• Dans l'URL cible, collez le lien de votre page de boutique nouvellement créée
• Cliquez ensuite sur Démarrer la configuration
• C'est ça! C'est ainsi que vous personnalisez votre page de boutique WooCommerce avec un plugin gratuit !

REMARQUE : Veuillez noter que l'utilisation de cette méthode peut affecter vos résultats de référencement car les moteurs de recherche ne favorisent généralement pas les principes de redirection.

PRO-TIP

Si vous ne voulez pas affecter votre référencement, vous pouvez utiliser la version pro du plugin WooCommerce Product Table. En plus d'avoir des fonctionnalités plus avancées, il est également livré avec la fonction Archive Override.

Avec cette fonctionnalité, vous pouvez remplacer les grilles WooCommerce par défaut par vos tableaux de produits non seulement sur la page de la boutique, mais également sur toutes les pages d'archives telles que l'attribut, la catégorie, la balise et la recherche. Pour activer cette fonctionnalité, accédez à WP Dashboard > Product Tables > Settings > Archive Override.

3.3) Tableau des produits WooCommerce par Barn2

Une autre excellente option pour modifier la page de la boutique est le plugin WooCommerce Product Table de Barn2. C'est un outil premium qui commence à 89 USD par an et qui est très facile à utiliser. Ce module complémentaire vous aide à répertorier vos produits dans une disposition de tableau, puis à l'insérer sur la page Boutique. Avec cette méthode, vous pourrez transformer le design par défaut de la page boutique en tableau.

Étape 1

Tout d'abord, installez et activez le plugin WooCommerce Product Table. Ensuite, allez dans l'onglet WooCommerce et cliquez sur Paramètres > Produits . Sous l'onglet Produits, vous verrez la section Tables de produits . Ici, entrez la clé de licence du plugin que vous avez obtenue lors de l'achat du plugin.

Étape 2

• Tout d'abord, ajoutez des tableaux de produits à la page de boutique et aux pages de catégorie données
• Revenez à la page des paramètres du plugin > Affichage du tableau , et choisissez l'emplacement de la mise en page de votre tableau de produits

• Cochez la page de la boutique
• Ensuite, cochez Archives des catégories de produits si vous souhaitez afficher les tableaux de produits sur toutes les pages de catégories de produits, les archives fiscales des produits et les résultats de recherche
• Enregistrer les modifications

Étape 3

Modifiez les tableaux comme vous le souhaitez. La page des paramètres de la table des produits WooCommerce est très intuitive. Contrairement à WC Product Table by WC Product Table, l'outil Barn2 ne vous demande pas de créer et de configurer chaque colonne, ce qui facilite son utilisation.

Bonus : comment résoudre le problème de la page vierge de la boutique WooCommerce

La page de boutique vierge est l'un des problèmes les plus courants dans WooCommerce. Il existe de nombreuses raisons pour lesquelles la page de la boutique n'affiche aucun produit, mais nous allons vous montrer ici comment résoudre les problèmes les plus courants.

• Configuration de la page boutique : Allez dans WooCommerce > Paramètres > Produits et assurez-vous que vous utilisez la bonne page sous la page Boutique
• Compatibilité des plugins : Vos plugins peuvent provoquer des conflits rendant la page Boutique vide. Pour y remédier, désactivez tous vos plugins et vérifiez lequel est à l'origine du problème
• Permaliens : accédez à Paramètres > Permaliens et enregistrez pour mettre à jour les permaliens
• Visibilité du catalogue : Assurez-vous que la visibilité du catalogue est correctement définie. Accédez à WooCommerce > Produits et assurez-vous que les produits ne sont pas définis comme masqués

Pour plus d'informations sur ces problèmes, consultez notre guide sur la façon de résoudre le problème vide de la page de la boutique WooCommerce.

Bonus 2 : Afficher les catégories sur la page de la boutique

L'affichage des catégories sur la page Boutique vous permet de mieux organiser vos produits et aide les utilisateurs à trouver ce qu'ils recherchent. Il existe trois façons d'afficher les catégories sur la page de la boutique. Dans cette section, nous vous montrerons comment le faire en utilisant les options par défaut de WooCommerce.

Tout d'abord, dans votre tableau de bord, accédez à Apparence > Personnaliser , puis accédez à WooCommerce > Catalogue de produits dans la barre latérale de l'outil de personnalisation. Ensuite, utilisez l' affichage de la page de la boutique et sélectionnez si vous souhaitez afficher les catégories ou afficher les catégories et les produits.

De plus, vous pouvez utiliser l'option d' affichage des catégories pour afficher/masquer les sous-catégories de produits et les produits sur vos pages de catégories de produits. Vous pouvez prévisualiser vos modifications en temps réel et une fois que vous avez terminé, cliquez sur Publier pour enregistrer les modifications.

Cette méthode est à appliquer mais ne vous offre pas beaucoup de contrôle. Pour des méthodes alternatives qui vous donnent plus de flexibilité, consultez notre guide sur la façon d'afficher les catégories sur votre page de boutique WooCommerce.

Premiers pas

Avant d'effectuer l'une des trois méthodes de personnalisation, nous vous recommandons fortement d'utiliser un thème enfant . Vous pouvez soit utiliser un plugin, soit le créer par programme. Un thème enfant hérite de tous les éléments de conception du thème parent, vous disposez donc d'une copie de ce thème, ce qui le rend plus sûr. Pourquoi? Parce que si vous modifiez directement les fichiers du thème parent, toutes vos modifications seront annulées lorsque vous mettrez à jour le thème.

Avec un thème enfant, vous pouvez modifier ses fichiers sans perdre aucune donnée après une mise à jour. De plus, un propriétaire de site avisé ne toucherait jamais aux fichiers de thème d'origine. En dehors de cela, gardez à l'esprit que la page de la boutique est une page prédéfinie de WooCommerce, elle est donc compatible avec tous les thèmes WordPress. Cependant, étant donné que nous recommandons d'utiliser des thèmes enfants dans deux des trois méthodes, il pourrait y avoir des problèmes de compatibilité. Si tel est le cas, vous pouvez consulter la documentation de WooCommerce pour les problèmes de tiers.

Conclusion

Dans l'ensemble, la conception de la page de la boutique et la façon dont vous présentez vos produits peuvent avoir un impact important sur vos conversions. Dans WooCommerce, la page de la boutique est prédéfinie et bien qu'il existe quelques options pour modifier sa mise en page, elles sont assez limitées.

Ainsi, le personnaliser à l'aide de l'une des trois méthodes décrites dans ce guide vous permettra de vous démarquer de la foule. De plus, cela représentera mieux votre entreprise et fera preuve de professionnalisme envers vos clients. Nous vous avons montré comment personnaliser la page de la boutique en utilisant trois méthodes différentes :

• Manuellement
• Avec les constructeurs de pages
• Avec des plugins

Tous ont leurs avantages et leurs inconvénients, mais ils feront tous le travail, alors utilisez celui qui correspond le mieux à vos besoins et à vos compétences. Si vous n'avez pas de compétences en codage, vous pouvez modifier la page de la boutique avec vos constructeurs de page ou avec des plugins. Nous recommandons WooCustomizer car il est facile à utiliser, vous offre de nombreuses fonctionnalités pour optimiser votre boutique et dispose d'une version gratuite.

Enfin, si vous avez une forte présence sur les réseaux sociaux, vous devriez envisager de connecter Facebook Shop à WooCommerce. De cette façon, vous pourrez télécharger votre catalogue de produits sur Facebook afin que les utilisateurs puissent voir les produits et accéder directement à la page de paiement de votre site pour finaliser l'achat. Si vous souhaitez personnaliser d'autres sections de votre boutique, consultez certains de ces guides :

• Comment personnaliser la page Mon compte dans WooCommerce
• Personnalisez le bouton Ajouter au panier dans WooCommerce
• Comment modifier le paiement WooCommerce (codage et plugins)
• Modifier la page Mon compte dans WooCommerce
• Comment personnaliser la page produit WooCommerce dans Divi

Il est maintenant temps d'en tirer le meilleur parti et d'optimiser votre page de boutique WooCoommerce . Avez-vous essayé l'une de ces méthodes? Lequel préférez-vous? N'hésitez pas à nous dire ce que vous en pensez et n'hésitez pas à nous faire part de vos questions !