Comment personnaliser les pages de la boutique après l'activation de WooCommerce

WooCommerceagir en tant queWordPressLes plugins de commerce électronique les plus populaires créent automatiquement une version de base d'une page "boutique" après l'installation. Toutefois, cette page par défaut est souvent trop simple pour répondre aux besoins individuels des commerçants.

Cet article vous apprendra à personnaliser votre page de boutique WooCommerce, de la mise en page à l'optimisation fonctionnelle, afin de créer une page d'accueil de commerce électronique qui soit à la fois professionnelle et propice aux ventes.

Image[1]-Comment personnaliser la page de la boutique après l'activation de WooCommerce

1) Introduction à la page de la boutique WooCommerce

Lorsque vous activez le plugin WooCommerce, il crée automatiquement plusieurs pages clés :

  • Boutique
  • Panier d'achat (Cart)
  • Sortie de caisse
  • Mon compte

Vous pouvez être à l'arrière-plan :WooCommerce > Paramètres > Produits > Page du magasin Définir la page à utiliser comme page d'affichage de la boutique.

Image [2] - Comment personnaliser la page de la boutique après l'activation de WooCommerce

2. les principales méthodes de personnalisation des pages de la boutique

2.1 Utiliser le personnalisateur fourni avec le thème

De nombreux thèmes compatibles avec WooCommerce (tels que AstraetVitrineetOceanWP) permettent tous d'ajuster le style visuel.

La procédure est la suivante :

  1. Allez dans WordPress Backend > Appearance > Customisation
  2. Sélectionnez WooCommerce > Catalogues de produits
  3. Ajustez le nombre de produits par page, le nombre de produits par ligne, la méthode de tri par défaut, l'affichage ou non de la barre latérale et d'autres paramètres.

Convient aux débutants, simple et intuitif.

Image [3] - Comment personnaliser la page de la boutique après l'activation de WooCommerce
Image [4] - Comment personnaliser la page de la boutique après l'activation de WooCommerce

2.2 Utiliser un constructeur de pages (Elementor ou Gutenberg)

Utilisateurs d'Elementor Pro :

  1. montage Elementor Pro + WooCommerce Builder
  2. Allez dans Elementor > Modèles > Ajouter un nouveau modèle
  3. Créez votre propre présentation de boutique en sélectionnant "Archives de produits".
  4. Ajouter des contrôles pour les listes de produits, les filtres, les bannières, etc.
  5. Sauvegarder et définir comme page d'archive par défaut
Image [5] - Comment personnaliser la page de la boutique après l'activation de WooCommerce

Gutenberg Utilisateurs :

  1. montage Blocs WooCommerce Plug-ins (s'ils ne sont pas pris en charge par défaut)
  2. Modifiez la page de la boutique, en insérant des blocs tels que "Catégories en vedette", "Catégories de produits" et "Filtre de prix".
  3. La mise en page peut être embellie par des menus de navigation et des blocs de couverture.
Image [6] - Comment personnaliser la page de la boutique après l'activation de WooCommerce

2.3 Insertion d'affichages de produits à l'aide de codes courts

WooCommerce prend en charge plusieurs appels de shortcodes vers les produits :

entrer dans WordPress Backend → Pages/Articles → Modifier la page cible

Image [7] - Comment personnaliser la page de la boutique après l'activation de WooCommerce
products limit="12" columns="4" orderby="date" order="DESC"

Les codes courts couramment utilisés sont également les suivants

  • produits_fondamentaux Produits vedettes
  • vente_produitsArticles en vente
  • product_category category="Vêtements"Attribution d'une classification
  • produits_courants Récemment ajouté

Idéal pour un contrôle rapide du contenu des pages.

3. la structure de contenu recommandée pour les pages du magasin

Afin d'améliorer l'expérience de l'utilisateur et les taux de conversion, il est recommandé que la page du magasin contienne les modules suivants :

  1. Menus de navigation catégorisés (pour aider les utilisateurs à s'orienter rapidement)
  2. Filtres de produits (par exemple, prix, couleur, taille, etc.)
  3. Bannière/espace publicitaire (mettant en valeur les promotions ou les nouveaux produits)
  4. Zone des produits recommandés (ventes à chaud, nouveaux produits, offres spéciales à durée limitée)
  5. Options de tri des produits (par prix, temps de présence en rayon, etc.)
  6. Affichage des évaluations et des commentaires des utilisateurs (pour renforcer la confiance)

4. plugin recommandé : Amélioration des pages de vente en ligne

Les plugins suivants peuvent vous aider à personnaliser davantage votre site :

  1. Blocs WooCommerceGutenberg : Ajouter des blocs de produits à l'éditeur Gutenberg
  2. Elementor ProLes pages d'archives de produits : Construire visuellement la page d'archives de produits
  3. YITH WooCommerce Ajax FiltersFonctionnalités de filtrage avancées, prise en charge des interactions AJAX
Image [8] - Comment personnaliser la page de la boutique après l'activation de WooCommerce

5. résumé

Il existe plusieurs façons de personnaliser les pages de votre boutique WooCommerce pour différents niveaux d'utilisateurs :

  • Les débutants peuvent utiliser les paramètres du thème et les codes courts pour embellir rapidement la boutique.
  • Il est recommandé aux utilisateurs intermédiaires et avancés d'utiliser les constructeurs Elementor ou Gutenberg pour améliorer l'expérience visuelle.

L'objectif final est d'améliorer l'expérience de l'utilisateur, de mettre en valeur les produits clés et de promouvoir la conversion et le réachat.


Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨询:1025174874
(iii) Courriel : info@361sale.com
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
© Déclaration de reproduction
Auteur : linxiulian
LA FIN
Si vous l'aimez, soutenez-le.
félicitations623 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires