WooCommerce is een van de meest populaire eCommerce add-ons voor WordPress: op het moment van schrijven is het maar liefst 3,6 miljoen keer gedownload. De kern WooCommerce-plug-in is gratis en je kunt hem uitbreiden met premium add-ons; maar voor veel online winkels is de gratis plug-in alles wat je nodig hebt om te beginnen met verkopen.
In deze reeks zelfstudies laat ik zien hoe WooCommerce geïnstalleerd en geconfigureerd moet worden en voeg zowel fysieke als virtuele producten eraan toe. In dit eerste deel installeer je de plug-in en werk je met de algemene instellingen en die voor producten en belastingen.
Om deze tutorial te voltooien, hebt u een werkende installatie van WordPress nodig, met beheerderstoegang zodat u plug-ins kunt installeren en beheren.
De eerste stap is om de plug-in te installeren. De eenvoudigste manier om dit te doen, is via het scherm Plug-ins in het WordPress-dashboard, maar u kunt ook de plug-inbestanden downloaden uit de WordPress-invoegtoepassing voor invoegtoepassingen..
De pagina van de plug-in in de repository biedt gedetailleerde informatie over wat WooCommerce doet:
Zodra u WooCommerce op uw site hebt geïnstalleerd en geactiveerd via het venster Plug-ins, moet u nog een activeringsstap uitvoeren, namelijk het installeren van de winkelpagina's die door WooCommerce zijn gemaakt. Wanneer u de plug-in activeert, ziet u het bericht in de schermafbeelding:
Hiermee voegt u een aantal pagina's aan uw site toe die WooCommerce zal gebruiken om uw winkel te beheren, inclusief een hoofdpagina Winkel pagina, a kar pagina en meer. Klik op de Installeer WooCommerce Pages knop om door te gaan.
Nadat u dit hebt gedaan, wordt u doorgestuurd naar het welkomstscherm:
Je hebt gemerkt dat je twee nieuwe items in het admin-menu aan de linkerkant hebt: WooCommerce en producten. In deze tutorial werk je aan de pagina's in het WooCommerce-menu.
WooCommerce is nu geïnstalleerd en klaar voor gebruik!
Voordat ik me verdiept in de WooCommerce-instellingen, wil ik er zeker van zijn dat mijn Winkel en andere relevante pagina's zijn te vinden in mijn hoofdnavigatie.
Open de Appearance-> Menus scherm in het WordPress-dashboard en voeg de nieuwe pagina's toe die WooCommerce heeft toegevoegd aan de navigatie van uw site. Het is aan jou welke je toevoegt, ik heb de Winkel, Uitchecken, kar en Mijn rekening pagina's en een link naar de startpagina:
Je kunt de wijzigingen in mijn live site zien, die nu leeg is Winkel pagina die ik via de hoofdnavigatie kan openen:
Voordat u producten aan uw winkel kunt toevoegen, moet u WooCommerce instellen. WooCommerce wordt geleverd met een reeks instellingen: in deze tutorial laat ik de algemene instellingen en de instellingen voor producten en belastingen zien, en in de volgende tutorial zal ik de instellingen voor afrekenen, verzenden, accounts en e-mails behandelen.
Begin met het scherm Algemene instellingen, waartoe u toegang hebt via WooCommerce-> Instellingen en vervolgens door de te selecteren Algemeen tab.
Hier heb ik een basislocatie en verkooplocatie van het Verenigd Koninkrijk toegevoegd, waar ik op gebaseerd ben: u zou uw eigen locatie toevoegen. U kunt kiezen in welke landen u wilt verkopen of u kunt ervoor kiezen om wereldwijd te verkopen.
Ik heb ook de valuta toegevoegd die ik voor mijn producten ga gebruiken: nogmaals, u zou hier uw eigen valuta gebruiken.
Klik ten slotte op Wijzigingen opslaan om uw instellingen op te slaan.
Het volgende tabblad is het producten tabblad, dat u gebruikt om de instellingen voor uw productpagina's te maken.
De eerste reeks velden in dit scherm heeft betrekking op hoe uw winkel wordt gestructureerd en wat op elke pagina wordt weergegeven:
Verderop in dit scherm zijn de productafbeeldingsinstellingen:
Hier kunt u de grootte van productafbeeldingen op hun individuele productpagina's en de miniaturen op de schermen met productvermeldingen opgeven. Aangezien WordPress fysieke afbeeldingen voor u opslaat met deze dimensies, is het belangrijk om hier wijzigingen aan te brengen voordat u begint met het uploaden van productafbeeldingen.
Als u wijzigingen aanbrengt nadat u enkele afbeeldingen hebt geüpload, moet u uw miniaturen opnieuw genereren op dezelfde manier als u zou doen als u de media-instellingen voor uw site had gewijzigd.
De laatste optie op dit scherm Toegangsbeperking, heeft betrekking op downloads: als u downloadbare producten aan uw site toevoegt, kunt u gebruikers dwingen om ingelogd te zijn voordat ze een download uitvoeren, en kunt u kopers ook toegang geven tot hun downloads terwijl hun betaling wordt verwerkt.
Klik ten slotte op Wijzigingen opslaan om uw productinstellingen op te slaan.
Ook in de sectie met productinstellingen is de Voorraadopties scherm dat u opent door op de koppeling bovenaan het scherm met productopties te klikken:
Als u voorraadniveaus op uw website wilt beheren, kunt u de instellingen hier aanpassen aan de manier waarop uw winkel zal werken. Dit betekent dat uw WooCommerce-site uw voorraadbeheer kan beheren en u een e-mail kan sturen wanneer de voorraad van een product bijna op is. U kunt er ook voor kiezen om items die niet op voorraad zijn te verbergen, of ze weergeven met een aantekening dat de bezoekers niet op voorraad zijn.
Ik heb ervoor gekozen om voorraadbeheer in te schakelen en items weer te geven die niet in voorraad zijn, in de hoop dat kopers op een later tijdstip terugkomen om te controleren. Ik heb er ook voor gekozen de voorraadniveaus niet weer te geven, tenzij een artikel bijna leeg is.
Breng de wijzigingen aan die overeenkomen met de manier waarop u uw winkel wilt beheren en klik Wijzigingen opslaan.
Het volgende tabblad is het Belasting tab, waar u verkoop- en verzendkosten kunt opgeven. Er zijn een aantal schermen binnen dit gedeelte, die betrekking hebben op de verschillende belastingtarieven die u opgeeft. Laten we beginnen met de Belastingopties scherm:
Hier heb je een aantal opties. Ik zal ze niet allemaal bespreken omdat sommige voor zichzelf spreken, maar anderen hebben enige aandacht nodig:
Nadat u de wijzigingen in uw belastingopties heeft aangebracht, klikt u op Wijzigingen opslaan.
Naast het scherm met algemene belastingopties, heeft u een scherm voor elke belastingklasse in uw winkel. Ik ga een vast tarief gebruiken, dus laten we eens naar dat scherm kijken:
Op dit scherm voegt u elk land en / of staat toe waar u aan wilt verkopen, zodat WooCommerce de belasting voor elk land kan berekenen. Klik op de koppeling op het scherm om de code voor elk land of elke staat op te halen en voeg deze vervolgens toe aan de Landcode veld. Ik verkoop gewoon aan het Verenigd Koninkrijk, dus ik heb de GB Landcode.
Voer vervolgens het belastingtarief voor dat land of die staat in het Beoordeel% veld: in het VK wordt BTW (20%) in rekening gebracht, dus ik heb dat toegevoegd.
In de Verzenden veld, vink het selectievakje aan als dit tarief ook van toepassing is op verzending.
Eindelijk, wanneer je al je codes en tarieven hebt toegevoegd, klik je op Wijzigingen opslaan.
Op sommige van mijn producten wordt ook een belastingtarief toegepast, dus ik moet mijn landcode toevoegen aan de Nul tarieven scherm, met 0% ingevoerd in de Beoordeel% veld:
Als u werkt met extra belastingtarieven, zoals tarieven voor verzending of voor verschillende producttypen, moet u deze als klassen toevoegen in de Aanvullende belastingklassen veld in de Belastingopties scherm en voeg vervolgens uw landcodes en tarieven toe aan het instellingenscherm voor elk land.
Ik heb WooCommerce nu op mijn site geïnstalleerd, de algemene instellingen geconfigureerd en instellingen voor mijn producten en belastingtarieven toegevoegd.
In de volgende zelfstudie laat ik je het resterende instellingenscherm zien: afrekenen, verzenden, accounts en e-mails.