Accueil de la documentation › Commerce Studio et boutique
Regarder le tutoriel vidéo
EP 8 · WooCommerce Laundry Shop: Search, Filters, Quick View & Compare · 4:15 · YouTube
Plus de tutoriels vidéo
Catalogue et informations sur les services
Utilisez le nom, le prix, la description courte, la description complète, les images, le stock et les catégories de produits habituels. Le panneau de données produit General propose en plus Price unit, Typical turnaround, What is included, Before collection et Care limitations.
Ne renseignez que les engagements de service que votre entreprise peut tenir. Les champs vides sont omis. Les prix et textes de la démo sont des exemples à remplacer avant le lancement. Les images de produits existantes sont conservées.
Boutique et boutiques par niche
La page principale Shop recherche dans tous les services publiés du catalogue. Les visiteurs peuvent filtrer par spécialité de blanchisserie, prix maximum et disponibilité, et trier par nom de service, prix ou nouveauté. La recherche, les filtres et la pagination se mettent à jour sans recharger la page.
Chacune des 105 pages de boutique par niche utilise sa propre correspondance de produits. Les versions Gutenberg, Elementor, WPBakery et Classic appellent le même composant de catalogue. Modifiez les sections natives environnantes avec l'éditeur correspondant.
Utilisez un shortcode dans un bloc Shortcode de Gutenberg, un widget Shortcode d'Elementor, un bloc de texte WPBakery ou l'éditeur Classic :
[laundryes_woocommerce_store niche="laundromat"]
[laundryes_commerce_store]Lorsqu'aucune niche n'est indiquée, une page de niche reconnue fournit sa propre niche. Sur une page ordinaire, le shortcode affiche le catalogue complet.
Outils d'achat
| Outil | Fonctionnement |
|---|---|
| Aperçu rapide | Affiche le prix en direct, l'image, la description du service et les informations d'entretien. Les services simples pouvant être achetés prennent en charge l'ajout au panier en AJAX. Les produits avec options renvoient vers leur page produit. |
| Services enregistrés | Stocke jusqu'à 30 identifiants de produits dans ce navigateur. La liste n'est pas synchronisée entre comptes ou appareils. Les prix et la disponibilité sont actualisés à l'ouverture de la liste. |
| Comparer | Jusqu'à quatre services côte à côte, avec les prix WooCommerce actuels et les informations d'entretien que vous avez saisies. |
| Sac à linge | Le tiroir du panier affiche le véritable panier WooCommerce, le sous-total, les commandes de suppression ainsi que les liens vers le panier et la commande. |
| Barre de commande du produit | La barre collante ramène les visiteurs vers le formulaire normal d'options et de quantité du produit. WooCommerce calcule le prix réel du panier. |
Ramassage et commande
La commande comprend la date de ramassage souhaitée, la plage horaire de collecte, la préférence d'entretien et des instructions. Cart et Checkout restent des blocs WooCommerce natifs et My Account reste l'espace client WooCommerce. Les coupons, les taxes, la livraison, les produits associés, les ventes croisées et l'historique des commandes suivent votre configuration WooCommerce.
Consultez Réservation, ramassage et exploitation pour les règles de validation et pour la précision selon laquelle les dates de réservation sont des demandes et non une capacité réservée.
Paiements et lancement
La démo publique du thème active le paiement à la livraison natif de WooCommerce, intitulé Pay on collection or delivery, y compris pour les services de blanchisserie virtuels. La commande ne débite aucune carte. Modifiez son titre, sa description, ses instructions et ses restrictions de livraison dans WooCommerce → Settings → Payments → Cash on delivery.
- Il s'agit d'un réglage de la boutique. L'import d'une niche n'active pas de passerelles de paiement sur votre boutique.
- Le virement bancaire direct est disponible dans WooCommerce mais reste désactivé tant que vous n'avez pas fourni de coordonnées bancaires vérifiées.
- Les paiements par carte et par portefeuille électronique nécessitent un plugin de prestataire compatible et une connexion marchand. Choisissez un prestataire compatible avec le pays, la devise et les Checkout Blocks de votre entreprise, testez-le dans son bac à sable, puis activez le mode réel après avoir vérifié les réglages de votre entreprise.
- Ne saisissez jamais de coordonnées de carte bancaire dans les notes de commande.
Réglages d'achat de blanchisserie
- Les Service option buttons utilisent les attributs natifs des produits variables et la disponibilité des variations de WooCommerce. Le sélecteur ordinaire reste la solution de repli sans JavaScript.
- Les Recently viewed services stockent jusqu'à 12 identifiants de produits sur cet appareil et affichent jusqu'à six produits actuels. Clear history les supprime.
- La préférence Grid or list est conservée sur cet appareil. La recherche, le tri et le filtrage par prix restent disponibles.
- Les Optional service recommendations utilisent Product data → Linked Products → Cross-sells. Ce sont des achats distincts, pas un lot à prix réduit.
- My Account propose des raccourcis vers les services, l'historique des commandes et les adresses. Order again utilise l'éligibilité et la validation natives de WooCommerce.
- Définissez la Price unit dans Product data → General. Les variations héritent de l'unité de leur produit parent lorsqu'elles n'en ont pas.
Démo : Laundry bag care avec trois tailles de sac modifiables et des prix d'exemple.
Services sur devis et guides d'entretien
- Modifiez un service et ouvrez Product data → General.
- Activez Quote only et indiquez l'ID d'une page de demande publiée.
- Le service affiche alors Priced after assessment et renvoie vers cette page. L'achat direct est désactivé par la validation produit de WooCommerce, y compris pour les variations. Les produits de vente ordinaires restent achetables.
- Ajoutez votre formulaire de demande à la page de destination et configurez son envoi. La démo professionnelle utilise Contact Form 7. Elle ne crée aucune commande, ne réserve aucune capacité et ne débite aucun client.
Définissez un Garment care guide dans Product data → General pour afficher un guide de préparation repliable sur la page du service. Gardez des conseils précis, adaptés aux vêtements que vous acceptez ; les guides vides sont omis.
Démo : Commercial linen care assessment.
La recherche, le tri et les filtres du catalogue conservent un état partageable dans l'URL : en rechargeant la page ou avec le bouton Précédent du navigateur, les filtres sélectionnés sont restaurés, et Reset les efface. La barre de commande collante suit les changements de variation natifs et les unités de prix restent affichées dans les informations de service chargées en AJAX.
Périmètre des fonctionnalités
D'autres thèmes de commerce en ligne ont été examinés comme références pour l'expérience d'achat. Washlora ne prétend pas offrir une parité complète des fonctionnalités et ne copie pas leur code propriétaire.
| Fonctionnalité | Statut dans Washlora |
|---|---|
| Recherche en direct, filtres AJAX, aperçu rapide, comparaison, services enregistrés, tiroir du panier | Inclus dans Commerce Studio |
| Boutons d'options de service, historique de navigation, affichage en grille et en liste, extras liés, raccourcis de compte, unités de prix | Inclus |
| Services sur devis, guides d'entretien des vêtements, état des filtres partageable | Inclus |
| Synchronisation de la liste de souhaits entre comptes | Non inclus — les services enregistrés restent propres à l'appareil |
| Remises dynamiques sur les lots, cadeaux gratuits, e-mails de liste d'attente, relance de paniers abandonnés, alertes de prix | Non inclus |
| Facturation récurrente automatique, créneaux de ramassage basés sur la capacité | Non inclus |
| Constructeurs visuels de modèles de commerce d'autres thèmes | Non inclus — Washlora conserve son propre système à quatre éditeurs |
| Paiements | Commande WooCommerce native. Le virement bancaire et les prestataires en ligne nécessitent une configuration marchand. |
Dépannage de la boutique
- Une boutique de niche est vide : vérifiez que ses produits sont publiés, visibles dans le catalogue et rattachés à la bonne niche.
- Un ancien style s'affiche : videz le cache de la page concernée.
- Problèmes de panier, de commande ou de compte : les sessions ne doivent pas être partagées par un cache de page. Désactivez la mise en cache du contenu pour les requêtes de session WooCommerce.
- La liste enregistrée disparaît : les listes enregistrées nécessitent le stockage du navigateur. La navigation privée, l'effacement des données du site ou un autre appareil ne conserveront pas la même liste. WooCommerce vérifie tous les totaux et la disponibilité ; ils ne sont jamais repris du stockage du navigateur.