Guide du débutant : site web WordPress publiant des pages de produits avec intégration d'un panier d'achat

Pour ceux qui sont novices en matière de WordPress Pour les néophytes, la publication de produits sur un site web et la mise en place d'une fonctionnalité de panier d'achat peuvent sembler un peu compliquées. En fait, avec l'aide de plugins puissants comme WooCommerceL'ensemble du processus peut être rendu simple et intuitif. Ce guide explique chaque étape à la main pour faciliter la mise en place.

Image [1]-Tutoriels sur les sites WordPress pour les débutants : publier des produits et activer la fonction panier

I. Préparation : inspection environnementale de base

Les éléments de base suivants doivent être mis en place avant l'opération :

  • Un site web WordPress déjà construit
  • La configuration de base du site est terminée (par exemple, le nom du site,Lien permanent(Structure)
  • Utilisez un thème qui prend en charge les fonctions de commerce électronique (par exemple Astra, Storefront, etc.).
Pictures [2]-Tutoriel de site WordPress pour débutants : publier des produits et activer la fonction panier d'achat

Installer et activer le plugin WooCommerce

WooCommerce est actuellement le plugin de commerce électronique le plus populaire qui prend en chargegestion des produitsFonctions de panier d'achat, de caisse et de paiement.

Étapes de l'installation :

  1. Connectez-vous au backend de WordPress
  2. Ouvrez [Plugin] > [Installer un plugin] et recherchez "WooCommerce".
  3. Cliquez sur [Installer maintenant] puis sur [Activer].
Photos [3]-Tutoriels pour les débutants sur WordPress : publier des produits et activer la fonction panier d'achat

Lorsqu'il est activé pour la première fois, le système entre automatiquement dans le guide de configuration et configure les éléments suivants dans l'ordre :

  • Emplacement des boutiques et devises
  • Méthodes de paiement (par exemple, PayPal, Stripe)
  • Informations sur la livraison
  • Configuration de l'impôt(peut être sauté si nécessaire)

Troisièmement, créer une page produit

Lorsque WooCommerce sera lancé, il y aura une nouvelle option [Produits] dans le menu du backend, où toutes les pages de produits seront gérées.

Nouveaux produitsProcessus :

  • Allez dans [Produits] > [Ajouter un nouveau produit].
  • Saisir le nom du produit et une brève description
Pictures [4]-Tutoriel de site WordPress pour débutants : publier des produits et activer la fonction panier d'achat
  • Télécharger l'image principale de la galerie de produits
  • Fixer le prix, vous pouvez indiquer le prix promotionnel
  • Modifier l'inventaire, les poids et les dimensions des livraisons
  • Cliquez sur [Publier] pour mettre le produit en ligne.
Image [5]-Tutoriel de site WordPress pour débutants : publier des produits et activer la fonction panier

Classification du type de produit :

  • Produits simples (taille unique)
  • Produits variables(par exemple, plusieurs couleurs, plusieurs tailles)
  • Produits virtuels (pas de produits physiques, par exemple des services)
  • Produits téléchargeables (par exemple, livres électroniques, modèles)
Image [6]-Tutoriel sur les sites WordPress pour les débutants : publier des produits et activer la fonction de panier d'achat

Quatre,chariotLes fonctions sont générées automatiquement

Les pages clés suivantes sont automatiquement créées après l'installation de WooCommerce :

  • Page du panier d'achat : affichage des produits ajoutés
  • Page de paiement : remplir les informations et effectuer le paiement
  • Page Mon compte : enregistrement, connexion et gestion des commandes
  • Page boutique : afficher la liste de tous les produits

Si ces pages ne sont pas générées avec succès, allez dans WooCommerce > Statut > Outils et cliquez sur "Créer une page WooCommerce par défaut".

Image [7]-Tutoriel sur les sites WordPress pour les débutants : publier des produits et activer la fonction de panier d'achat

V. Ajouter le bouton "Ajouter au panier

Le bouton "Ajouter au panier" est affiché par défaut sur la page du produit. Si vous utilisez un éditeur visuel (par exemple Elementor), vous pouvez également ajouter des modules manuellement ou utiliser le shortcode suivant :


Codes courts de pages couramment utilisés :

Votre panier est actuellement vide.

[woocommerce_checkout]

VI. présentation des produits d'aménagement paysager (facultatif)

Pour améliorer la présentation générale, essayez ce qui suit :

  • Remplacement du thème WooCommerce
  • Utilisez le plugin de présentation des variantes de produits (par ex. Échantillons de variations)
Image [8]-Tutoriel sur les sites WordPress pour les débutants : publier des produits et activer la fonction panier
  • Activation du module d'évaluation des clients
  • Ajouter une zone d'affichage pour les produits chauds et recommandés

VII. tester l'intégrité du processus d'achat

Le processus d'achat doit être testé une fois dans son intégralité avant d'être mis en ligne afin d'éviter les problèmes liés à des fonctionnalités défectueuses ou à des configurations manquantes.

Le processus de test est le suivant :

  • Parcourir les produits et cliquer pour ajouter au panier
Image [9]-Tutoriel sur les sites WordPress pour débutants : publier des produits et activer la fonction de panier d'achat
  • Vérifier l'exactitude du contenu de la page du panier d'achat
  • Allez à la page de paiement, remplissez le formulaire et soumettez votre commande.
  • Vérifiez si vous avez reçu un courriel de confirmation de commande de la part du système

VIII. réponses aux questions fréquemment posées

Q : Comment puis-je prendre en charge plusieurs méthodes de paiement ?
R : WooCommerce prend en charge l'extension d'Alipay, WeChat Pay, Stripe, PayPal et d'autres options par le biais du plugin.

Q : Comment placer l'icône du panier d'achat dans le menu supérieur de mon site web ?
R : Vous pouvez utiliser le plugin WooCommerce Menu Cart pour ajouter automatiquement l'icône du panier d'achat et le nombre de produits dans le menu.

Q : Impossible d'ajouter le produit au panier ?
R : Nous vous conseillons de vérifier que le stock est bien "En stock" et de confirmer que le chargement de la JS frontale est normal.

remarques finales

Il suffit de suivre les étapes ci-dessus pour publier rapidement des produits et mettre en place une fonctionnalité de panier d'achat sur votre site WordPress.WooCommerce offre une solution complète de commerce électronique adaptée à la vente de produits physiques, numériques ou de services en ligne. WooCommerce offre une solution complète de commerce électronique pour la vente de produits physiques, numériques ou de services en ligne. Même un utilisateur novice peut mettre en place un système de boutique en ligne propre et efficace sans aucun problème.


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
Cet article a été écrit par lmx
LA FIN
Si vous l'aimez, soutenez-le.
félicitations843 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires