E-Commerce ist enorm, die meisten von uns nutzen es und der weltweite E-Commerce-Umsatz wird bis 2013 bei 1,25 Billionen US-Dollar liegen. In den letzten Jahren ist es einfacher geworden, einen eigenen E-Commerce-Shop mit Produkten wie ZenCart und Open Cart zu gründen , OSCommerce und Magento. WordPress bietet einige Optionen für den E-Commerce, aber keine hat sich als das umfassende Qualitätssystem für Unternehmen herausgestellt, das seriöse Verkäufer benötigen.
Heute werde ich über ein Produkt sprechen, das das geändert hat, und WordPress als ernsthaften Anwärter als E-Commerce-Plattform an die Spitze stellen. Begrüßen Sie WooCommerce. Im ersten Teil unserer zweiteiligen Serie betrachten wir die Installation und die Erstinbetriebnahme und sprechen die verschiedenen Optionen an, die Ihnen zur Verfügung stehen. In unserem zweiten Tutorial werden wir unser erstes Produkt hinzufügen sowie WooCommerce themen und gestalten.
WooCommerce ist ein vollständiges E-Commerce-Plugin für WordPress von WooThemes. Es bietet eine stabile und sichere Plattform, die direkt über dem WordPress Core aufgebaut ist und sich somit einfach an Ihre Bedürfnisse anpassen lässt. Vor etwas mehr als einem Jahr gestartet, hat es bereits fast eine halbe Million Downloads erreicht und wird schnell zum E-Commerce-Plugin der Wahl für viele WordPress-Entwickler, darunter auch ich.
WooCommerce verfolgt einen "Freemium" -Ansatz, das Core-Plugin wird komplett kostenlos angeboten, jedoch werden einige Erweiterungen für WooCommerce gegen Gebühr verkauft. Dieses Modell funktioniert sehr gut, da Sie mit einem funktionsgepackten Plugin arbeiten können, das für die Mehrheit der Benutzer geeignet ist und für komplexere Erweiterungen wie zusätzliche Funktionen und Zahlungsgateways geeignet ist. Ich habe im letzten Jahr eine Reihe von Websites mit WooCommerce erstellt und brauchte nur bei einigen Gelegenheiten eine "Premium" -Erweiterung.
Lassen Sie uns kurz anfangen und loslegen. Ich werde zunächst nur das Core-Plugin betrachten, um zu zeigen, wie einfach es ist, das Open-Source-Plugin zu verwenden.
Die Installation ist genauso einfach wie jedes andere WordPress-Plugin. Sie haben 2 Möglichkeiten:
wp-content / plugins /
.wp-content / plugins /
.Das ist es WooCommerce ist installiert! Sie sollten jetzt die WooCommerce-Einstellungsseite betrachten. Hier konfigurieren Sie Ihren Shop. Gehen wir die anfänglichen Einstellungen durch.
Das erste, was wir tun müssen, ist die Aufstellung dort, wo wir sind und unsere Währung. Dies sind einfache Dropdowns, und Sie erhalten auch ein drittes Dropdown, mit dem Sie einschränken können, in welche Länder Sie versenden möchten. Sie können derzeit nur eine Währung einstellen, was für einige internationale Verkäufer ein Problem sein kann. Es gibt jedoch eine Erweiterung, um dynamische Währungsumrechnungen in Ihrem Geschäft mithilfe der Open Source Currency Exchange-API anzuzeigen. Dies dient nur als Leitfaden für Ihre Besucher, da die Zahlung weiterhin in der Basiswährung erfolgt, die Sie in den allgemeinen Einstellungen festgelegt haben. Es ist auch eine bezahlte Verlängerung.
Als Nächstes erhalten Sie einige Checkout- und Kontooptionen. Hier können Sie Dinge wie das Aktivieren von Gastkassen konfigurieren (damit kein Konto bei Ihrer Website registriert werden muss). Sie können SSL auf den Checkout-Seiten erzwingen (besonders nützlich, wenn Ihr Zahlungs-Gateway dies erfordert), wenn Sie Coupons aktivieren möchten ( dazu später mehr). Sie können auch einige Kontofunktionen festlegen, z. B. Benutzerregistrierung ohne Auftrag zulassen, E-Mail-Adressen für Benutzernamen verwenden und den WordPress-Admin vor Kunden ausblenden. Die meisten davon sind persönliche Vorlieben und Sie können diese Optionen jederzeit hinzufügen und entfernen. Die Standardoptionen sind ein guter Ausgangspunkt, und ich verbiete dem Kunden immer den Zugriff auf den WordPress-Administrator.
Weiter unten haben wir einige Optionen für das Styling und die Skripte. Sie können das standardmäßige WooCommerce-CSS aktivieren und von hier aus anpassen oder vollständig deaktivieren. Wir werden darauf später näher eingehen. Sie erhalten auch ein paar UI-Optionen, darunter einen ziemlich guten Lightbox-Effekt, den ich normalerweise aktiviere.
Schließlich sehen wir auf dieser Seite unsere Optionen für digitale Downloads. Mit WooCommerce können Sie auf einfache Weise virtuelle und herunterladbare Produkte verkaufen. Mit diesen Optionen können Sie festlegen, wie sie behandelt werden sollen und wie Zugriff gewährt werden soll. Wie bei den meisten WooCommerce-Setups sind die Optionen ziemlich selbsterklärend.
Die meisten Optionen sind leicht zu verstehen, eine Ansicht ist definitiv einen Blick auf die "Unterkategorien anzeigen". Diese drei kleinen Kontrollkästchen können Ihren Look wirklich beeinflussen. Aktivieren Sie diese Kontrollkästchen, und auf Ihrer Hauptseite werden Ihre Kategorien anstelle von Produkten angezeigt. Dies ist sehr nützlich, da es viel mehr zu einem E-Commerce-Gefühl führt. Bei vielen Produkten kann das Navigieren in Ihren Produktkategorien ganz einfach sein, da Sie sich auf die WooCommerce-Widgets verlassen müssen.
Die Produktdaten sind auch eine zu beobachtende Sache. Sie haben die Möglichkeit, einige Felder in Ihren Produkten anzuzeigen oder auszublenden. Sie können entscheiden, ob Sie diese Felder benötigen, und diese entsprechend Ihren Bedürfnissen aktivieren / deaktivieren. Ebenfalls darunter versteckt sind die Rating-Optionen. Ob Produktbewertungen zugelassen werden sollen oder nicht, ist Ihre persönliche Entscheidung, aber es ist schön, dass WooCommerce Ihnen die Option gibt, sie ein- oder auszuschalten.
Wenn Sie nach unten springen, sehen Sie die Bildoptionen. Hier legen Sie die Bildabmessungen Ihrer Produkte fest. Hierbei handelt es sich im Wesentlichen um die Bildgrößen für den benutzerdefinierten Beitragstyp "Produkte", den WooCommerce für Sie erstellt. Katalogbilder sind Ihre Archivstilseiten, wobei einzelne Produktbilder und Produktminiaturen genau das sind, was sie sagen. Wenn Sie die Bildgrößen nach dem Hinzufügen von Produkten ändern, müssen Sie Ihre Bilder mithilfe des Regenerate Thumbnails Plugin neu generieren. Wie bei allen WordPress-Medien werden die zusätzlichen Bildgrößen beim Hochladen basierend auf diesen Einstellungen erstellt.
Ich werde hier einige der anderen Einstellungen durchgehen, da die meisten ziemlich selbsterklärend sind. Ich empfehle Ihnen, eine lokale WordPress-Site einzurichten und mit WooCommerce zu spielen, um die verschiedenen Optionen zu überprüfen.
Hoffentlich haben wir WooCommerce installiert und unsere ersten Einstellungen durchlaufen. Es ist jedoch noch ein bisschen zu tun, bevor wir unsere Produkte hinzufügen können.
Im Lieferumfang von WooCommerce sind verschiedene Versandoptionen enthalten. Sie haben sogar die Möglichkeit, es vollständig auszuschalten, wenn Sie mit herunterladbaren oder virtuellen Produkten arbeiten. Mit den zentralen Versandoptionen können Sie Festkosten für die Inlands-, Auslands- und lokale Zustellung festlegen und verschiedene Klassen wie Next Day, Priority Delivery usw. festlegen, indem Sie sogenannte Versandklassen verwenden. Sie können ganz einfach festlegen, welche Länder und Regionen für Ihre verschiedenen Versandmethoden geeignet sind. Sie sollten in der Lage sein, Ihren Shop mit diesen grundlegenden Methoden in Betrieb zu nehmen.
Lassen Sie uns eine Versandmethode einrichten. Für meinen Shop möchte ich also eine Pauschalgebühr für alle Lieferungen nach Großbritannien und dann eine Pauschalgebühr für den internationalen Versand berechnen. Von meinen Versandoptionen habe ich alle außer "Flatrate" und "Internationaler Versand" deaktiviert. Auf meiner Hauptseite mit den Versandoptionen habe ich "Versand aktivieren" und "Versandkosten bis zur Eingabe einer Adresse ausblenden" angekreuzt. Ich möchte nicht, dass der Versandrechner angezeigt wird, also haben Sie das Häkchen gesetzt (dies ist eher nützlich, wenn Sie komplizierte Versandregeln und Gebühren haben). Nun macht es mir nichts aus, an eine separate Rechnungsadresse zu versenden, also lasse ich das zu, obwohl ich die Rechnungsadresse als Standardversandadresse einstelle. Sie können mein Setup unten sehen.
Also jetzt zu den Gebühren. Also erstens meine Flatrate; Ich habe es aktiviert und den "Method Title" in UK Delivery geändert (dies wird auf dem Frontend ausgegeben). Für die Verfügbarkeit meiner Methode habe ich sie auf bestimmte Länder festgelegt und Großbritannien im Feld unten angegeben. Personen mit einer Versandadresse innerhalb des Vereinigten Königreichs können diese Versandart verwenden. Als nächstes habe ich den "Berechnungstyp" auf gesetzt Pro Bestellung und beließ es als Steuerpflichtig. Meine Standardkosten sind auf 4,99 festgelegt. Es wird keine Bearbeitungsgebühr erhoben.
Nun zu meinem internationalen Versand. Ich habe es aktiviert, der Standardname "International Delivery" ist sinnvoll. Jetzt habe ich es zur Verfügung gestellt, um es "Ausgeschlossen ausgewählte Länder" zu wählen und dann nach Großbritannien zu gelangen. Alles andere ist das gleiche wie für Lieferungen nach Großbritannien, mit Ausnahme des Preises, den ich auf 7,99 festgelegt habe. Jeder, der bei Lieferung an eine UK-Adresse bestellt, sollte den britischen Lieferpreis sehen, und jeder, der eine Lieferadresse außerhalb des Vereinigten Königreichs hat, wird unseren internationalen Preis sehen.
Dies ist offensichtlich eine sehr einfache Versandeinrichtung. Sie können mit Premium-Versanderweiterungen noch viel mehr tun. Mit der Table Rate Shipping Extension können Sie komplizierte Versandregeln erstellen, um den Versand nach Gewicht und Abmessungen eines Produkts zu berechnen oder eine feste Gebühr für den ersten Artikel und dann eine geringere Gebühr für zusätzliche Artikel in einem Einkaufswagen zu berechnen (Diese Erweiterung ist sehr gut zusammen und kann Ihnen endlose Optionen für Ihre Versandkosten geben). Sie können auch Erweiterungen zum Einhängen in gängige APIs für Versandunternehmen wie UPS, FedEx und USPS erhalten, was bedeutet, dass Sie von Ihrem Mobilfunkanbieter Echtzeit- und korrekte Versandpreise erhalten. Jetzt zahlen Sie für die zusätzlichen Versandmethoden, aber die geringen Kosten sollten gut inline sein, ohne dass die Gewinne, die Ihr Geschäft erzielt, mit einer durchschnittlichen Versanderweiterung von rund 49 US-Dollar erzielt werden.
Okay, das erste Setup ist abgeschlossen. Wir haben unsere Versandmethoden eingerichtet. Jetzt müssen wir tatsächlich etwas Geld von unseren Benutzern bekommen! Wie bei den Versandmethoden erhalten Sie ein paar grundlegende Zahlungsgateway-Optionen. Die meisten von ihnen sind für die meisten E-Commerce-Geschäfte völlig sinnlos, wie Direct Bank Transfer, Scheck und Nachnahme. Was Sie bekommen, ist PayPal, was für die meisten Einsteiger und Mijireh Checkout gut sein sollte. Mijireh ist ein Zahlungsverarbeiter, der eine Partnerschaft mit WooCommerce eingegangen ist, weshalb es kostenlos enthalten ist. Mijireh Checkout bietet eine vollständig PCI-kompatible, sichere Möglichkeit, Kreditkartendaten zu sammeln und an Ihr Zahlungs-Gateway zu übertragen, während Sie die Kontrolle über das Design Ihrer Website behalten. Mijireh unterstützt eine Vielzahl von Zahlungsgateways: Stripe, Authorize.net, PayPal, eWay, SagePay, Braintree, PayLeap und mehr. Natürlich benötigen Sie ein Konto bei einem der unterstützten Zahlungsgateways. Neben den Gebühren, die Sie von Ihrem Gateway aus erheben, müssen Sie auch eine Transaktionsgebühr in Höhe von 0,50 USD an Mijireh zahlen. Ich habe dies selbst nicht verwendet, da Sie mit den Versanderweiterungen zusätzliche Zahlungsgatewaymodule erwerben können und einen geringen Preis anstatt einer wiederkehrenden Gebühr bevorzugen. Es ist deine Entscheidung.
Beginnen wir für unser Tutorial mit dem PayPal-Setup. Kein Wunder, es ist einfach einzurichten! Aktivieren Sie es, geben Sie Ihre PayPal-E-Mail-Adresse ein und Sie sind fertig. Sie erhalten einige weitere Optionen, die Sie wie das Rechnungspräfix für PayPal anpassen können, und Sie können Ihren PayPal-Seitenstil festlegen. Sie können auch den PayPal-Sandbox-Modus (standardmäßig aktiviert) aktivieren oder deaktivieren, um Ihr Geschäft zu testen, ehe Sie live gehen! Das ist es Payment Gateway ist wahrscheinlich das einfachste Stück der gesamten Einrichtung.
Also haben wir WooCommerce installiert und unser erstes Setup ist abgeschlossen. Das war jetzt nicht so schmerzhaft, oder? Wir haben unsere Versandmethoden eingerichtet und auch unsere Zahlungs-Gateways mit sehr geringem Aufwand eingerichtet. In unserem zweiten Artikel werden wir einige Produkte hinzufügen und über die verschiedenen Produktarten sprechen, die WooCommerce anbietet. Wir werden einen Blick darauf werfen, wie WooCommerce gestaltet und thematisiert wird, und die nächsten Schritte zur Erweiterung von WooCommerce diskutieren.
Nützliche Links: WooCommerce-Plugins von CodeCanyon.