WooCommerce n’est pas la seule alternative qui existe sur WordPress pour vendre ses produits, il en existe plusieurs et entre autres je peux vous citer le très célèbre plugin WP eStore.

WP eStore est tout aussi puissant que WooCommerce, la seule différence majeure entre les deux extensions est que WP eStore est un plugin premium. Ce dernier est très flexible et propose également une documentation pour ceux qui souhaitent en savoir plus.

Dans ce tutoriel, je ne ferai pas une comparaison entre les deux extensions, mais je vous apprendrai à être autonome avec WP eStore. N’oubliez pas que nous sommes toujours à votre disposition, si vous ne comprenez pas un point soulevé dans ce tutoriel.

Etes-vous prêt ? C’est parti !!!

Comment télécharger WP eStore

WP eStore est disponible sur le site web de son éditeur, vous pourrez le télécharger depuis cet emplacement. Une fois que c’est fait, installez et activez-le. Vous remarquerez ensuite sur votre menu latéral gauche une nouvelle entrée nommée « WP eStore ».

Comment configurer WP eStore

Depuis ce nouveau menu, accédez à l’interface « settings » (WP eStore >> Settings).

WP-eShop-menu-réglages

La page des réglages possède plusieurs onglets (7). Je vous expliquerai maintenant quelques-unes des fonctionnalités disponibles sur chaque onglet.

General Settings

Il est certes vrai que ce plugin est en anglais, cependant vous pouvez proposer votre boutique en français pour vos utilisateurs (sur le « front-office »). Dans la boite méta « General Store Settings », sélectionnez la langue à utiliser.

Il est également nécessaire de définir la devise actuellement utilisée sur votre boutique (Code et Symbole), c’est également des le symbole pris en référence pour ajouter un produit.

Si vous souhaitez ajouter une page des termes et des conditions d’usage, alors vous devez enregistrer le lien sur le champ « Terms & Conditions Page URL ». Vous pourrez imposer à vos clients d’accepter chaque terme avant d’effectuer un achat par exemple. Pour le reste des options de cette section (General eStore Settings), aucune modification n’est exigée.

section-general-settings

La section « General Image and Page URL Settings »

Nous permet d’ajouter un bouton « ajouter au panier », il est également possile de traduire tout simplement le texte par défaut et le remplacer par « Ajouter au panier », dans le champ « Add to Cart Button Text or Image ».

S’il arrive qu’un produit en quantité limité s’épuise, il est parfois utile de le rappeler aux clients. Nous pouvons ajouter une image (en réalité il s’agit d’une URL vers l’image) qui représente le statut « stock épuisé », dans le champ « Sold Out Button Text or Image URL ».

Il est possible d’ajouter une page d’accueil pour la boutique, nous devons pour ça fournir l’adresse sur ce champ : « Products/Store Page URL ». Cette page doit être une page de votre site web, et non une page externe ou qui n’existe pas.

Après avoir effectué un paiement, nous pouvons définir une adresse de retour. Par défaut, l’adresse de retour est la page d’accueil de votre blog « Return URL ». De même, nous pouvons définir une adresse de retour lorsqu’un utilisateur annule un paiement « Cancel URL ».

reglages-sur-l-URL-et-les-pages

La section « Shopping Cart Specific Settings »

Sur cette section, nous procéderons à la traduction de certains champs notamment :

Le titre du widget du Panier « Shopping Cart Widget Title ».

Le titre de la page du panier « Shopping Cart Header »

Le texte affiché lorsque le panier est vide « Text or Image to Show When the Cart is Empty »

Nous pouvons ajouter une page de « checkout » (consultation de l’état du panier)

reglages-shopping-car

La section « Shipping & Tax Related Settings »

Sur cette section, il est possible de déterminer le tarif de base pour les frais de transport dans le champ « Base Shipping Cost ». Nous pouvons également activer le calcul automatique des taxes en entrant un pourcentage dans le champ « Tax Rate ».

shipping-tax-settings

L’onglet « Payment Gateway Settings »

Sur cet onglet, il est possible de configurer les différents moyens de paiement proposés par le plugin. Pour utiliser plusieurs moyens de paiement, il faut cliquer sur l’option « Use Multiple Payment Gateways » de la section « General Payment Gateway Settings ».

general-payment-gateway-settings

En ce qui concerne particulièrement PayPal, pour l’utiliser, il faut l’activer en cliquant sur la case « Use PayPal Payment Gateway », et fournir une adresse email dans le champ « Paypal Email Address/Secure Merchant ID ». Il est également possible de personnaliser le texte du bouton de retour « Customize the Return Button Text ».

paypal-réglages

L’onglet « email settings »

Sur cet onglet, il est possible de personnaliser les différents emails :

  • Envoyés après l’achat au client « Buyer Email Body* »
  • Envoyés après l’achat au vendeur (donc vous) « Purchase Confirmation Email Settings »
  • Envoyés pour le téléchargement des produits digitaux (numériques) « Squeeze Form Email Settings »

réglages-sur-les-emails

Il est possible de traduire chaque champ, tout en conservant les templates tags ({first_name},{last_name},{product_link} , {product_id}).

modification-du-template-des-email

L’onglet « Autoresponder Settings »

Cet onglet donne la possibilité d’intégrer les auto-répondeurs dans la boutique. Nous avons par ailleurs écrit deux tutoriels sur Aweber et MailChimp, actuellement pris en charge par ce plugin.

Il faut donc fournir différentes informations sur les différentes sections de chaque auto-répondeur, notamment l’API et la clé secrète. Mais il faut au préalable avoir activé l’intégration d’un auto-répondeur avant.

activer-un-auto-répondeur

Les autres onglets ne sont pas indispensables pour lancer la boutique. Mais elles permettent entre autre de configurer certains éléments comme la position de la devise (« Advanced Settings >> Price Display Settings »).

configuration-de-la-devise

Comment ajouter un nouveau produit

Juste après la configuration du plugin, nous pouvons passer directement à l’ajout d’un produit. Certains parmi vous pourront avoir besoin d’attribuer des catégories à leurs produits. C’est possible en cliquant sur le lien « WP eStore >> Categories ».

Depuis cette page, nous pouvons ajouter un titre, une description, un lien vers la page de la catégorie, mais aussi un lien vers un miniature de la catégorie.

creation-d-une-categorie

Plus bas sur la même page, nous avons les différentes catégories créées.

Pour ajouter un nouveau produit, nous devons accéder à l’interface « WP eStore >> Add/Edit Products ». L’interface de création des produits n’est pas très habituelle (il faut l’avouer). Ce qu’il faut savoir ici, c’est qu’elle vous permettra d’ajouter des produits à consistance physique mais également les produits à consistance virtuelle (ou produits numériques).

Les produits numériques sont en principe multi-téléchargeables, donc à priori, il ne devrait pas avoir une gestion de stock, après je vous laisse le soin de configurer le produit à votre guise.

Sur cette nouvelle page, nous avons un champ pour le titre, et le prix du produit.

product-details

Ensuite, nous avons un ensemble de boites dépliables, qui permettent d’ajouter plus d’informations au produit. Nous avons donc :

Les détails sur les produits (Additionnal product details)

Sur cette section, nous pouvons ajouter

  • Une description au produit « Product Description »
  • Un lien vers l’aperçu du produit « Thumbnail Image URL »
  • Un lien contenant l’aperçu du produit vers une page de votre blog « Thumbnail Target URL »
  • L’ancien prix « Old Price », qui peut être utile si vous envisagez de faire des promotions.
  • Un lien vers la page du produit « Product Page URL », identique avec le lien contenant l’aperçu du produit.
  • Sélectionner une catégorie pour un produit « Product Category ».

En bref, toutes ses informations nous permettent de configurer les détails de chaque produit. Je pense qu’à chaque fois, il vous faudra traiter cette section.

comment-ajouter-des-détails-a-un-produit

La section « Digital Content Details »

Concerne essentiellement les produits numériques. Nous pouvons donc ajouter un lien de téléchargement du fichier. Cliquez sur « Upload File » pour envoyer un fichier.

Définir si ce dernier peut être téléchargé « Downloable »

seciton-digital-content

La section « Variations »

Permet de déterminer jusqu’à 3 variations pour un produit, en suivant ce schéma :

Couleur|Rouge|Bleu|Vert

Consultez cette page pour en savoir plus.

variations-des-produits

La section « inventory » permet de définir si un produit est en stock limité « Available Copies », de définir le nombre de fois qu’un produit a été vendu « Sales Count », et de limiter une quantité par utilisateur « Quantity Limit Per Customer ».

Pour un début, nous nous arrêterons là, afin de ne pas rendre la tâche beaucoup plus difficile. Cliquez sur « Save product » pour enregistrer le nouveau produit.

Comment gérer les produits

La gestion des produits est assez simple, et se fait sur l'emplacement « WP eStore >> Manage products ». Vous devez savoir que « WP eStore » repose essentiellement sur les shortcodes, alors nous devons à chaque fois récupérer l’identifiant d’un produit sur cette page (plus précisément sur la colonne « ID »).

Sur cette page également, nous pouvons voir une section « Product Search », pour effectuer une recherche rapide.

identification-des-produits-page-d-accueil

Comment afficher un produit

Nous allons commencer par créer une page qui doit normalement hériter de la page d’accueil de la boutique (bien que ce soit optionnel). Sur la capture d’écran suivante, nous ajouterons des produits à l’aide des shortcodes personnalisés. Afin que vos produits s’affichent comme ceux sur cette page, nous allons cliquer sur le bouton « WP eStore shortcode », disponible sur l’éditeur visuel.

raccourci-wp-estore-shortcodes

Nous allons choisir un template dans cette nouvelle fenêtre et ajouter l’identifiant du produit sur une prochaine fenêtre qui s’affichera après avoir cliqué sur « Insert ».

liste-des-shortcodes

Remarque : Ces shortcodes peuvent également être utilisés pour créer la page des catégories, en suivant le même principe.

Après avoir sauvegardé, consultons la page pour voir un résultat similaire à celui-ci (voir meilleur).

chevrolet-camaro-demonstration

N’oubliez pas d’ajouter un panier (créer une page panier par exemple) avec le shortcode suivant : [wp_eStore_cart]
Le widget WP eStore propose également un widget, qui affiche l’état actuel du panier.

widget-estore

Avec de dernier, il sera beaucoup plus simple de gérer le panier.

presentation-panier-widget

Comment ajouter des coupons de réduction

Avec les coupons de réduction, il est possible d’autoriser une réduction particulière des prix à des utilisateurs, souvent sur l’utilisation d’un code, généralement nommé code de réduction.

Pour gérer les coupons de réduction, nous devons accéder à la page « WP eStore >> Coupons/Discounts ».

Nous commencerons donc par activer l’option des coupons, en cliquant sur la case « Use Coupon System ».

Ensuite, nous procéderons à la création des coupons de réduction dans la section « Add a Coupon ». Nous devons spécifier un code, par exemple « Coupon-1 », le pourcentage de réduction ou la somme fixe réduite, la limite de rachat, la date de départ à partir de laquelle le coupon sera actif, ensuite la date d’expiration. Une fois que c’est fait, cliquez sur « Save Coupon ».

Plus bas, nous avons la liste des coupons disponibles.

ajouer-un-coupon

Pour activer les coupons de réduction dans les paniers, il faut cocher la case « Use Automatic Discount Feature ».

Pour automatiser des réductions après des achats qui excèdent un prix, nous devons enregistrer le montant dans le champ « Free Shipping for Sub-total Over », mais également, nous pouvons activer la réduction après un nombre précis d’achats, en enregistrant la valeur dans le champ « Free Shipping for Quantity Over ».

La réduction peut également s’appliquer aux achats totaux « Apply Coupon Automatically for Sub-total Over », mais également au nombre de produits dans un panier « Apply Coupon Automatically for Quantity Over ».

gestion-des-coupons

Gestion des clients

Il est également possible de créer des utilisateurs manuellement, et leur attribuer certaines informations, comme le nombre de produits qu’ils ont acheté, les coupons utilisés, l’adresse IP, ainsi de suite.

Accéder à l'emplacement « WP eStore >> Add Edit Customers », et entrez les différentes informations de l’utilisateur.

comment-créer-un-utilisateur

Pour accéder à la liste des utilisateurs, il suffit d’accéder à l'emplacement « WP eStore >> Manage Customers ».

gestion-des-utilisateurs

Il est possible d’appliquer certaines opérations d’administration aux différents clients.

admin-fonctions

Ces opérations sont disponibles à l'emplacement « WP eStore >> Admin Functions ». Nous devons y accéder à chaque fois :

  • Pour créer un lien crypté de téléchargement pour un produit digital ou numérique « Generate an Encrypted download link for a Product ».
  • Pour envoyer des emails aux clients « Send Email to Customers »
  • Pour réinitialiser tous les différents compteurs

reinitialiser-les-compteurs

Comment consulter les statistiques

Vous aurez toujours besoin de consulter les statistiques afin d’être davantage renseigné sur l’état actuel de la boutique. Pour accéder aux statistiques, nous devons accéder à l'emplacement « WP eStore >> Stats ».

statistiques

Nous pouvons y voir les ventes qui ont été effectuées, dans un diagramme, de sorte à permettre de contrôler l’évolution de vos ventes.
C’est tout pour ce tutoriel sur la création d’une boutique avec le plugin WP eStore.

Rappelez-vous, ce plugin est disponible sur le site web de son éditeur. Vous pouvez également depuis ce même site en savoir plus sur les shortcodes. Toutes fois, en cas de souci ou d’incompréhension sur ce tutoriel, n’hésitez pas à laisser un commentaire.