Le commerce électronique est énorme, la plupart d'entre nous l'utilisons et les ventes mondiales du commerce électronique devraient atteindre 1 250 milliards de dollars d'ici 2013. Ces dernières années, il est devenu plus facile de créer son propre magasin de commerce électronique avec des produits tels que ZenCart, Open Cart , OSCommerce et Magento. WordPress propose quelques options pour le commerce électronique, mais aucune ne s'est démarquée comme le système de qualité d'entreprise complet dont les vendeurs sérieux ont besoin.
Aujourd'hui, je vais vous parler d'un produit qui a changé cela et a fait de WordPress une de ses principales rivales en tant que concurrent sérieux en tant que plate-forme de commerce électronique. Dites bonjour à WooCommerce. Dans la première de nos deux séries de séries, nous examinerons l’installation et la configuration initiale en passant en revue les différentes options disponibles. Dans notre deuxième tutoriel, nous examinerons l’ajout de notre premier produit ainsi que le thème et le style WooCommerce..
WooCommerce est un plugin complet de commerce électronique open-source pour WordPress, conçu par les gars de WooThemes. Il offre une plate-forme stable et sécurisée construite directement sur WordPress Core, ce qui facilite la personnalisation en fonction de vos besoins. Lancé il y a un peu plus d'un an, il a déjà atteint près d'un demi-million de téléchargements et est en passe de devenir le plug-in de commerce électronique de choix pour de nombreux développeurs WordPress, moi inclus..
WooCommerce adopte une approche de style "freemium", le plug-in principal est offert gratuitement, mais certaines des extensions de WooCommerce sont vendues moyennant des frais. Ce modèle fonctionne assez bien car il vous permet d’être opérationnel avec ce qui est un plugin riche en fonctionnalités qui conviendra à la majorité des utilisateurs et en facturant des extensions plus complexes telles que des fonctionnalités supplémentaires et des passerelles de paiement. J'ai personnellement construit un certain nombre de sites à l'aide de WooCommerce au cours de la dernière année et je n'ai eu besoin que d'une extension "premium" à quelques reprises..
Sans plus tarder, intervenons et commençons, je ne regarderai d'abord que le plugin principal pour essayer de montrer à quel point il est facile de commencer à utiliser le plugin open-source..
L'installation est aussi simple que tout autre plugin WordPress. Vous avez 2 options:
wp-content / plugins /
.wp-content / plugins /
.C'est ça WooCommerce est installé! Vous devriez maintenant regarder la page des paramètres WooCommerce. C'est ici que vous allez configurer votre magasin. Passons en revue les paramètres initiaux.
La première chose à faire est de définir où nous en sommes et notre devise. Ce sont des listes déroulantes simples et vous obtenez également une troisième liste déroulante vous permettant de limiter les pays vers lesquels vous souhaitez expédier vos envois. Vous ne pouvez actuellement définir qu'une seule devise, ce qui peut poser problème pour certains vendeurs internationaux. Toutefois, une extension permettant d'afficher les conversions de devises dynamiques dans votre magasin à l'aide de l'API Open Source Currency Exchange. Cela servira uniquement de guide à vos visiteurs car le paiement sera toujours effectué dans la devise de base que vous avez définie dans les paramètres généraux. C'est aussi une extension payante.
Nous obtenons ensuite des options de paiement et de compte. Ici, vous pouvez configurer des options telles que l’activation des extractions d’invités (afin qu’elles n’aient pas besoin d’enregistrer un compte sur votre site), vous pouvez forcer SSL sur les pages d’expédition (particulièrement utile si votre passerelle de paiement le requiert), si vous souhaitez activer les coupons plus sur cela plus tard). Vous pouvez également définir certaines fonctions du compte, telles que permettre l'enregistrement d'un utilisateur sans commande, s'il faut utiliser des adresses électroniques pour les noms d'utilisateur et si vous souhaitez masquer l'administrateur WordPress des clients. La plupart d’entre elles sont des préférences personnelles et vous pouvez ajouter et supprimer ces options à tout moment. Les options par défaut sont un bon point de départ et je refuse toujours l'accès des clients à l'administrateur WordPress..
Plus bas, nous avons quelques options pour le style et les scripts. Vous pouvez activer le CSS WooCommerce par défaut et le personnaliser à partir d'ici ou le désactiver complètement. Nous détaillerons cela plus tard. Vous obtenez également quelques options d’interface utilisateur, notamment un assez bel effet Lightbox que j’active habituellement..
Enfin, sur cette page, nous voyons nos options de téléchargements numériques. Avec WooCommerce, vous pouvez facilement vendre des produits virtuels et téléchargeables. Ces options vous permettent de définir comment ils doivent être gérés et comment accorder un accès. Les options sont assez explicites comme avec la plupart des configurations WooCommerce.
La plupart des options sont faciles à comprendre, l'une d'elles vaut le détour "Afficher les sous-catégories". Ces trois petites cases à cocher peuvent vraiment affecter votre apparence. Cochez ces cases et votre page de magasin principal montrera vos catégories au lieu de produits. Ceci est vraiment utile car cela donne beaucoup plus de convivialité au commerce électronique. Le fait de disposer de nombreux produits simplement avoir les produits présentés peut rendre la navigation dans vos catégories de produits très difficile, car vous devez vous fier aux widgets WooCommerce..
Les données sur les produits sont également à surveiller. Elles vous permettent d’afficher ou de masquer certains champs de vos produits. Il vous appartient de décider si vous avez besoin de ces champs et de les activer / désactiver en fonction de vos besoins. De même, les options de classement se cachent dessous. Encore une fois, autoriser ou non les commentaires sur les produits est votre choix personnel, mais il est bon que WooCommerce vous donne la possibilité de l'activer ou de le désactiver..
En sautant vers le bas, nous voyons les options Image. Ici, vous définissez les dimensions de l’image de vos produits. Il s’agit essentiellement des tailles d’image correspondant au type de publication personnalisé créé par WooCommerce pour vos produits. Les images de catalogue sont vos pages de style d'archive avec des images de produit uniques et les vignettes de produit étant exactement ce qu'elles prétendent être. Si vous modifiez la taille des images après avoir ajouté des produits, vous devrez régénérer vos images à l'aide de quelque chose comme le plug-in Regenerate Thumbnails, comme tous les médias WordPress, les tailles supplémentaires sont créées lors du téléchargement en fonction de ces paramètres..
Je vais passer rapidement en revue certains des autres paramètres, car la plupart sont assez explicites. Je vous recommande de configurer un site WordPress local et de jouer avec WooCommerce pour connaître les différentes options..
Nous espérons donc que WooCommerce est installé et que nous avons terminé notre configuration initiale. Il reste encore un peu de travail à faire avant de pouvoir ajouter nos produits bien que.
WooCommerce est livré avec une gamme d'options d'expédition et vous permet même de l'éteindre complètement si vous utilisez des produits téléchargeables ou virtuels. Les principales options d’expédition vous permettent de définir des coûts fixes pour les envois nationaux, internationaux et locaux, ainsi que de spécifier différentes classes telles que le lendemain, la livraison prioritaire, etc. en utilisant ce que l’on appelle des classes d’expédition. Vous pouvez facilement définir quels pays et zones se qualifient pour vos différentes méthodes d'expédition et vous devriez être en mesure de rendre votre magasin opérationnel en utilisant ces méthodes de base..
Configurons une méthode d'expédition. Donc, pour mon magasin, je veux facturer des frais fixes pour toutes les livraisons au Royaume-Uni, puis des frais fixes pour les envois internationaux. De toutes mes options d’expédition, j’ai désactivé toutes les options, à l’exception des options «Forfait» et «Expédition internationale». Sur la page principale des options d'expédition, j'ai coché les cases "Activer l'expédition" et "Masquer les frais d'expédition jusqu'à la saisie d'une adresse". Je ne veux pas que le calculateur d’expédition soit affiché, c’est pourquoi vous devez le décocher (ceci est plus utile lorsque vous avez mis en place des règles et des frais d’expédition complexes). À présent, l’envoi à une adresse de facturation distincte ne me dérange pas, donc je l’autorise, mais je règle l’adresse de facturation comme adresse d’expédition par défaut. Vous pouvez voir ma configuration ci-dessous.
Alors maintenant, sur les charges. Donc tout d’abord mon forfait; Je l'ai activé et j'ai changé le "Titre de la méthode" en "Livraison au Royaume-Uni" (c'est ce qui est produit au début du processus). Pour la disponibilité de ma méthode, je l’ai réglée sur des pays spécifiques et sur le Royaume-Uni dans l’encadré ci-dessous. Les personnes ayant une adresse de livraison au Royaume-Uni pourront utiliser ce mode de livraison. Ensuite, j'ai défini le "Type de calcul" sur Par commande et laissé comme taxable. Mon coût par défaut est fixé à 4,99. Je ne facture pas de frais de traitement..
Maintenant pour mon envoi international. Je l'ai activé, le nom par défaut de "Livraison internationale" a du sens. Maintenant, pour la disponibilité, cette fois-ci, je l’ai réglé sur "Exclure les pays sélectionnés" puis je suis entré au Royaume-Uni. Tout le reste est le même que pour la livraison au Royaume-Uni, sauf le prix que j'ai fixé à 7,99. Désormais, quiconque passe commande avec livraison à une adresse au Royaume-Uni devrait voir le prix de livraison au Royaume-Uni et quiconque ayant une adresse de livraison en dehors du Royaume-Uni verra notre prix international.
Ceci est évidemment une configuration d'expédition très basique. Vous pouvez faire beaucoup plus en utilisant des extensions d'expédition premium. Vous pouvez utiliser l'extension de tarif à la table pour créer des règles d'expédition complexes afin de calculer l'expédition en fonction du poids et des dimensions d'un produit, ou imposer des frais fixes pour le premier article, puis des frais plus bas pour les articles supplémentaires d'un panier (Cette extension est extrêmement bien mis en place et peut vous donner une infinité d'options pour vos frais d'expédition). Vous pouvez également obtenir des extensions à intégrer aux API de transporteurs habituels telles que UPS, FedEx et USPS, ce qui signifie que vous pouvez obtenir des prix d'expédition corrects en temps réel auprès de votre transporteur. Maintenant, vous payez pour les méthodes d’expédition supplémentaires, mais le faible coût en question devrait être largement compensé, sans les profits générés par votre magasin, l’extension de livraison moyenne avoisinant les 49 $..
Ok, la configuration initiale est terminée. Nous avons configuré nos méthodes d’expédition. Maintenant, nous devons réellement obtenir de l'argent de nos utilisateurs! Comme pour les méthodes d'expédition, vous disposez de quelques options de passerelle de paiement de base prêtes à l'emploi. La plupart d’entre elles sont totalement inutiles pour la plupart des magasins d’e-commerce, comme les virements bancaires directs, les chèques, les paiements à la livraison. Ce que vous obtenez est PayPal, ce qui devrait convenir à la plupart des gens qui débutent et à Mijireh Checkout. Mijireh est un processeur de paiement associé à WooCommerce, ce qui explique pourquoi il est inclus gratuitement. Mijireh Checkout offre un moyen sécurisé et entièrement conforme aux normes PCI de collecter et de transmettre des données de carte de crédit à votre passerelle de paiement tout en vous permettant de contrôler la conception de votre site. Mijireh prend en charge une grande variété de passerelles de paiement: Stripe, Authorize.net, PayPal, eWay, SagePay, Braintree, PayLeap, etc. De toute évidence, vous avez besoin d’un compte avec l’une des passerelles de paiement prises en charge. En plus des frais que vous allez engager à partir de votre passerelle, vous devrez également payer des frais de transaction de 0,50 USD à Mijireh. Je ne l'ai pas utilisé moi-même, car avec les extensions d'expédition, vous pouvez acheter des modules de passerelle de paiement supplémentaires et préférer un petit coût plutôt que des frais récurrents. Le choix t'appartient.
Pour notre tutoriel, commençons par la configuration de PayPal. Pas de surprise c'est simple à installer! Activez-le, entrez votre adresse email PayPal et vous avez terminé. Vous disposez de quelques autres options que vous pouvez modifier, telles que le préfixe de facture pour PayPal, et vous pouvez spécifier votre style de page PayPal. Vous pouvez également activer ou désactiver le mode bac à sable PayPal (activé par défaut) génial pour tester votre magasin avant de vous lancer! C'est tout. La passerelle de paiement est probablement l'élément le plus simple de toute la configuration..
Nous avons donc installé WooCommerce et notre configuration initiale est terminée. Ce n'était pas trop pénible maintenant, n'est-ce pas? Nous avons configuré nos méthodes d’expédition et nos passerelles de paiement, le tout avec un minimum de temps et d’efforts. Dans notre deuxième article, nous ajouterons quelques produits et discuterons des différents types de produits proposés par WooCommerce. Nous verrons également comment styliser et thème WooCommerce et discuter des prochaines étapes pour étendre WooCommerce..
Liens utiles: Plugins WooCommerce de CodeCanyon.