Comment créer un catalogue avec une «demande de prix» avec WooCommerce

WooCommerce offre un excellent moyen de lister vos produits et facilite les choses pour que vos clients achètent et pour vous de gérer vos commandes. Parfois, cependant, vous ne voudrez peut-être pas vendre vos objets, mais simplement les présenter..

Dans cet article, je vais vous montrer comment facilement créer un catalogue génial et fournir une option de demande de prix en utilisant uniquement les options inhérentes à WooCommerce et quelques bases simples extraits de personnalisation.

Pourquoi créer un catalogue?

La création d'un catalogue de produits au lieu d'une boutique en ligne classique peut être bénéfique pour de nombreuses raisons..

Cela peut être utile si vous:

Vous ne voulez pas vendre en ligne. Vous aurez juste besoin de montrer votre catalogue en ligne et les gens iront quelque part dans votre magasin physique et seront occupés à acheter.
Peut vouloir fournir vos services à un prix personnalisé pour vos clients ou si vous ne pouvez pas nommer un prix tant que vous n'avez pas acquis un composant spécial (dont vous ne connaissez pas le prix d'acquisition).
Ne peut pas se permettre un plugin qui permettrait de personnaliser le prix en fonction du montant dans le panier ou en fonction des lieux d'expédition ciblés, des méthodes et / ou des tailles de produit ou d'autres valeurs personnalisées.
Vous ne voulez pas que vos concurrents connaissent vos coûts.
Vous ne voulez pas vendre ou présenter vos produits à n'importe quel acheteur.

Pourquoi utiliser WooCommerce pour cela?

WooCommerce propose de nombreuses options prêtes à l'emploi, ce qui simplifie grandement la gestion et l'utilisation de votre catalogue. Par défaut, vous pouvez ajouter un tas d'attributs et d'autres données pour vos produits, créer des catégories et mettre des balises sur vos affaires. Il est également plus facile de séparer votre catalogue de votre blog ou de votre site..

Vous pouvez également suggérer des produits pertinents pour chaque produit ou demander à WooCommerce de les suggérer automatiquement pour vous. De plus, vos visiteurs pourront filtrer et / ou trier vos documents à leur guise, afin de leur permettre de trouver plus facilement l'article qu'ils recherchent..

De plus, la création d’un catalogue WooCommerce vous permet fournir une option de demande de prix facile pour vos clients potentiels. En leur permettant de mettre les produits dans un panier, ils pourront créer une liste de souhaits et demander le prix des articles de cette liste. Vous obtiendrez également leur adresse et / ou leur adresse électronique si vous le souhaitez et vos demandes de prix seront stockées sous forme de commandes..

Le guide pas à pas

Avant de commencer, vous devez décider si vous voulez ou non vouloir fournir une option de demande de prix pour les produits que vous présentez.

Étape 1: Fixer (ou non) les prix

(JE) Sans demande de prix

Si vous ne voulez aucune demande de prix, laissez le champ de prix vide. Dans ce cas, WooCommece n'affichera pas les champs de formulaire liés à la boutique, vous ne verrez donc pas de champs de montant, de prix ni de boutons d'ajout au panier..

La bonne nouvelle est que si vous choisissez cette méthode de catalogage, vous avez déjà terminé. Ajoutez simplement des éléments à votre nouveau catalogue et vous êtes prêt à partir!

(II) Avec demande de prix

Si vous souhaitez permettre à vos clients de demander un prix, vous commencez par rendre vos produits gratuits. Fixer les prix à 0.

Ainsi, lorsque nous aurons terminé, vos visiteurs pourront ajouter les produits de votre catalogue à une liste de souhaits sans avoir à dépenser un centime..

Étape 2: Options d'achat

Cette étape sera encore plus facile car aucun code n'est requis pour cela. Vous voulez vous assurer de définir les éléments suivants dans votre zone d'administration:

Renommez votre original Chariot et Check-out pages à 'Liste de souhaits' et 'Demander des prix', respectivement (Des pages)
Interdire l’utilisation de bons de réduction pour éviter les avis de remise sur diverses pages relatives au magasin (WooCommerce> Paramètres> onglet Paiement)
Désactivez chaque mode de paiement pour vous assurer qu'aucun de ceux-ci n'apparaissent sur votre page de paiement (WooCommerce> Paramètres> onglet Paiement)
Désactivez complètement les envois ou, si vous souhaitez que les visiteurs choisissent ou non de demander des frais d’expédition, activez et ré-étiquetez deux méthodes d’expédition différentes et configurez-les toutes deux GRATUITEMENT.
Désactivez l'enregistrement sur la page de paiement et sur mon compte et désactivez l'affichage des rappels de connexion, sauf si vous souhaitez également gérer les utilisateurs de votre site de catalogue (WooCommerce> Paramètres> onglet Comptes)
Désactivez chaque e-mail client ou, si vous souhaitez envoyer un e-mail de confirmation des demandes au client, désactivez simplement les e-mails de commande terminés pour éviter les doublons et les factures inutiles concernant des commandes gratuitesWooCommerce> Paramètres> onglet Courriels)

Étape 3: Ré-étiquetage

Dans cette étape, nous veillerons à ce que votre site ne ressemble en rien à un cadeau gratuit. Pour cette raison, nous allons réécrire vos boutons et masquer les avis gratuits.

Ajoutez simplement le code ci-dessous au functions.php de votre thème ou à votre propre plugin.

3.1: Pas de label "gratuit"

La première et première étape consiste à masquer les avis d’expédition et les étiquettes de livraison gratuite sur la page du produit et les boucles de produit, par exemple. pages de magasin et de catégories de produits.

add_filter ('woocommerce_free_price_html', 'hide_free_price_notice'); add_filter ('woocommerce_variable_free_price_html', hide_free_price_notice '); add_filter ('woocommerce_variation_free_price_html', 'hide_free_price_notice'); function hide_free_price_notice ($ price) return ";

3.2: étiquettes de boutons

Lors de la création de votre catalogue, nous transformons progressivement votre panier en une liste de souhaits et votre page de paiement en un formulaire de demande de prix. Tout d'abord, nous devons renommer les boutons.

add_filter ('woocommerce_product_single_add_to_cart_text', 'woo_custom_cart_button_text'); function woo_custom_cart_button_text () return __ ('Ajouter à la liste de souhaits', 'woocommerce');  add_filter ('woocommerce_product_add_to_cart_text', 'woo_custom_cart_button_text'); fonction woocommerce_button_proceed_to_checkout () $ checkout_url = WC () -> cart-> get_checkout_url (); "> ?> add_filter ('woocommerce_order_button_text', create_function (", 'retournez" envoyez-moi une offre ";'));

3.3: Cachez vos prix gratuits partout

WooCommerce affiche vos prix de 0 $ dans votre panier (ou, dans ce cas, dans la liste de souhaits), nous devons donc supprimer ces colonnes. Vous avez deux options pour cela.

Un, vous pouvez utiliser CSS en l'ajoutant au style.css de votre thème enfant.

.cart_totals h2, .cart_totals .shop_table, .cart-subtotal, .order-total, .woocommerce-shipping-fields, .product-total display: none;

Deux, vous pouvez supprimer les colonnes indésirables. Pour ce faire, nous allons écraser les fichiers de modèle de panier comme suit:

Créez un dossier woocommerce avec un sous-dossier de panier dans le dossier de votre thème (enfant) afin que vous obteniez quelque chose comme ceci: wp-content / themes / mytheme / woocommerce / cart /
Téléchargez et ouvrez le fichier woocommerce original cart.php avec un éditeur de texte; le fichier devrait être ici: wp-content / plugins / woocommerce / templates / cart /
Supprimer ces lignes: et la section commençant par et se terminant par et la section commençant par et se terminant par

 Téléchargez et ouvrez l'original woocommerce cart-totals.php avec un éditeur de texte; le fichier est où vous avez trouvé cart.php
 Supprimer ces lignes: et toute la table, en commençant par  et se terminant par 
 Téléchargez les deux fichiers que vous venez de modifier dans le woocommerce / panier dossier dans votre répertoire de thème

Si vous avez autorisé toute sorte d’option d’expédition à l’étape 2 ci-dessus, vous devez également désactiver l’avis de livraison gratuite, comme suit:

 add_filter ('woocommerce_cart_shipping_method_full_label', 'remove_free_label', 10, 2); function remove_free_label ($ full_label, $ method) $ full_label = str_replace ("(Gratuit)", "", $ full_label); return $ full_label; 
  
 
Étape 4: Paramètres de messagerie électronique
 Nous sommes très près d'avoir notre propre catalogue WooCommerce avec l'option de demande de prix. En fait, si à l’étape 2, vous désactiviez tous les courriels des clients, vous pouvez simplement passer à l’étape 5..
 Si vous voulez envoyer une confirmation client (car elle est très élégante), nous devons simplement nous assurer que les sujets de nos emails sont corrects et que nous n'envoyons pas de prix de 0 €, et peut-être aussi récrire un peu notre email..
 4.1. Objet et titre de l'e-mail
 Dans la zone d'administration, WooCommerce> Paramètres> Emails onglet, vous devez réécrire Commande en traitement, parce que les nouvelles demandes auront un statut de traitement, les clients ne pouvant pas les payer instantanément. Pour plus de clarté, il est préférable de réécrire votre propre courrier électronique de notification de l'administrateur (nouvelle commande).
 4.2. Supprimer le prix des emails
 Par défaut, les prix sont envoyés avec la confirmation de commande, nous devons donc écraser les modèles d'e-mail d'origine..
 Téléchargez et ouvrez l’original email-order-items.php de woocommerce avec un éditeur de texte; le fichier devrait être ici: wp-content / plugins / woocommerce / templates / emails / plain
 Supprimer cette ligne:echo "\ n". sprintf (__ ('Coût:% s', 'woocommerce'), $ order-> get_formatted_line_subtotal ($ item));
 Téléchargez et ouvrez l’original email de woocommerce-order-details.php avec un éditeur de texte; le fichier devrait être ici: wp-content / plugins / woocommerce / templates / emails / plain
 Supprimer ces lignes: if ($ totals = $ order-> get_order_item_totals ()) foreach ($ total en tant que $ total) echo $ total ['label']. "\ t". $ total ['valeur']. "\ n"; 
 
 Téléchargez les deux fichiers que vous venez de modifier dans le répertoire. woocommerce / emails / dossier simple dans votre répertoire de thème
 
4.3. Réécrire les textes de saveur
 Par défaut, WooCommerce présentera vos e-mails de la manière suivante: "Votre commande a été reçue et est en cours de traitement. Les détails de votre commande sont indiqués ci-dessous pour référence".
 Si vous voulez écraser ceci, vous devez suivre ces 3 étapes:
 Téléchargez et ouvrez l'original woocommerce customer-processing-order.php avec un éditeur de texte; le fichier devrait être ici: wp-content / plugins / woocommerce / templates / emails /
 réécrivez la ligne responsable du texte ci-dessus comme vous le souhaitez:echo __ ("Votre commande a été reçue et est en cours de traitement. Les détails de votre commande sont indiqués ci-dessous à titre de référence:", 'woocommerce'). "\ n \ n";
 télécharger le fichier que vous venez de modifier dans le woocommerce / email dossier dans votre répertoire de thème
 
Étape 5: Profitez
 Maintenant que vous avez votre propre catalogue basé sur WooCommerce, vous pouvez vous détendre et profiter de ce que vous avez créé. Lorsque quelqu'un crée une liste de souhaits et vous envoie une demande de prix, vous recevrez un courrier électronique à ce sujet. Sa demande s'affichera dans votre espace administrateur sous WooCommerce> Commandes.
 Chaque commande contiendra l'adresse e-mail de votre futur client. Vous pourrez ainsi lui envoyer manuellement votre offre de prix, voire même la contacter par téléphone..
 Note de l'éditeur: Ceci est écrit par Marton Fekete pour Hongkiat.com. Marton est un développeur de site hongrois récemment accroché à WordPress. Il est un passionné de la refonte et un auteur de contenu indépendant qui aime jouer aux jeux de rôle pendant son temps libre..