Hoe WooCommerce te gebruiken voor het maken van een online winkel


Online winkel starten met WooCommerce en WordPressIn deze tutorial leren we je hoe je een WooCommerce + WordPress online winkel opzet waar je fysieke producten kunt aanbieden en verkopen.


WooCommerce is een gratis plug-in die eenvoudig en duidelijk is. Kortom, WooCommerce is de beste manier om van uw WordPress-website een volledig functionele e-commerce winkel te maken.

  • Het is gratis en open-source – net als WordPress.
  • Het is de meest populaire e-commerce plug-in voor WordPress die er zijn.
  • Jij kan stel het zelf in en configureer het.
  • De setup is snel. Meestal is het slechts een kwestie van een uur.
  • Het werkt met elk ontwerp / thema die u momenteel op uw WordPress-site heeft staan ​​- u hoeft uw huidige website-ontwerp niet te verwijderen.

We kunnen doorgaan met de bovenstaande lijst, maar laten we in plaats daarvan zeggen dat WooCommerce u eenvoudig alles biedt wat u nodig heeft voor het bouwen van een hoogwaardige e-commerce winkel met WordPress.

Wat kunt u verkopen met WordPress + WooCommerce?

  • digitale producten (bijv. software, downloads, e-boeken),
  • fysieke producten,
  • Diensten,
  • boekingen (bijv. voor afspraken of iets anders dat kan worden geboekt),
  • abonnementen,
  • producten van andere mensen – als affiliate,
  • aanpassingen (bijv. aanvullende aanpassingen bovenop uw productvermeldingen) en meer.

Met andere woorden: u kunt geld verdienen met uw website.

We zouden zelfs het risico lopen te zeggen dat je met WooCommerce kunt verkopen iets waaraan een prijskaartje kan worden toegewezen. Bovendien kan iedereen het gebruiken (als het je al gelukt is om een ​​WordPress-site te krijgen, kun je ook WooCommerce aan).

Hoe een online winkel te bouwen met WordPress en WooCommerce

Opmerking: het doel van dit deel van de gids is om u de eenvoudigste methode te laten zien om een ​​functionele e-commerce winkel op WordPress te bouwen, zodat u uw winkel zo snel mogelijk online kunt krijgen. Daarom gaan we ons concentreren op de essentiële dingen en de meer geavanceerde aspecten overslaan.

STAP 1. Verkrijg een domeinnaam en webhosting

Om een ​​online winkel of een ander type website te maken, heb je twee dingen nodig:

  • Domeinnaam is het unieke adres van uw winkel op internet. Zoiets als YOURSTORE.com
  • Web hosting is in feite een externe computer die uw website opslaat en deze vervolgens bedient aan iedereen die deze wil bezoeken. (meer gedetailleerde uitleg)

Totale openheid: We verdienen een commissie wanneer u uiteindelijk Bluehost koopt. Dit helpt ons om WebsiteSetup als bedrijf te runnen. Bedankt voor jullie steun.

Er zijn honderden verschillende hosting / domeinproviders, we krijgen beide meestal van Bluehost.com. Ze bieden betaalbare webhosting (inclusief een gratis domeinnaam voor een jaar) en betrouwbaarheid. Ze zijn ook een van de weinige aanbevolen (officiële) hostingproviders van WordPress.org. Kosten? Vanaf $ 2,75 / mo.

Om te beginnen hoef je alleen maar naar Bluehost.com te gaan, en klik op de knop “aan de slag”.

Meld je aan bij Bluehost

Dit brengt u naar een pagina waar u een hostingplan voor uw winkel kunt selecteren. U kunt aan de slag met de goedkoopste optie, met het label “basic”:

bluehost selecteren
Als u onze verwijzingslinks gebruikt, kunt u Bluehost krijgen voor $ 2,75 / maand.

De volgende stap heeft alles te maken met het kiezen van een domeinnaam voor uw nieuwe online winkel.

bluehost-domein

Dit vereist wat brainstorming. Over het algemeen wilt u dat uw domeinnaam dat is uniek, makkelijk te onthouden en pakkend. Als u al een zakelijke entiteit voor uw winkel heeft opgezet, moet u die misschien als uw domeinnaam gebruiken.

Nadat u uw domeinkeuze heeft gemaakt, kunt u de installatie voltooien en de initiële hostingkosten betalen.

Super goed! U heeft zojuist een domeinnaam en een hostingplan gekregen.

STAP 2. Installeer WordPress (GRATIS)

De volgende stap markeert officieel het begin van je avontuur met WordPress – je gaat WordPress installeren op je hostingaccount.

Dit klinkt misschien moeilijk, maar dat is het eigenlijk niet. Het enige wat u hoeft te doen is naar uw Bluehost-gebruikerspaneel te gaan (Bluehost stuurt u een link in de bevestigingsmail) – meestal beschikbaar op my.bluehost.com.

Eenmaal daar scrolt u omlaag totdat u een pictogram ziet met de naam “Installeer WordPress”:

kies wordpress

Klik erop en volg de instructies op het scherm. U wordt stap voor stap door het hele proces geleid, u hoeft zich nergens zorgen over te maken!

Als je meer praktische informatie nodig hebt over het kiezen van een domein en het installeren van een schone kopie van WordPress, ga je gang en bezoek deze gids (scroll naar stap 2).

Op dit moment zou u een lege WordPress-website moeten hebben geïnstalleerd.

  • U kunt het zien door naar uw hoofddomeinnaam te gaan (bijv., YOURSTORE.com)
  • U kunt inloggen op het admin-paneel door naar te gaan YOURSTORE.com/wp-admin

Nu is het tijd om van die lege WordPress-website een volledig functionele e-commerce winkel te maken met behulp van de uitstekende WooCommerce-plug-in.

STAP 3. Installeer WooCommerce Plugin (GRATIS)

Zoals met alle WordPress-plug-ins, begint het plezier door naar uw te navigeren WordPress Dashboard / Plugins / Nieuw toevoegen. Eenmaal daar typ je “woocommerce” in het zoekveld. Je ziet WooCommerce als het eerste zoekresultaat:

woocommerce installeren

Klik gewoon op de knop “Nu installeren” naast de plug-in.

Na een paar seconden verandert de tekst op de knop in ‘Activeren’. Ga je gang en klik erop.

woocommerce activeren

In dit stadium ziet u de WooCommerce-wizard voor starten / instellen op het scherm. Dit ding maakt het proces supergemakkelijk en neemt je bij de hand door alles. Klik om te beginnen op ‘Laten we gaan!’

woocommerce wizard 1

Maak de essentiële winkelpagina’s

Online winkels zijn een bijzonder soort website, en ze hebben wat nodig bijzonder pagina’s om goed te functioneren. De eerste stap in de WooCommerce-wizard gaat over het maken van deze pagina’s voor u:

  • “Winkel” – dit is waar uw producten worden getoond.
  • “Winkelwagen” – dit is het winkelwagentje waar uw klanten hun bestelling kunnen aanpassen voordat ze verder gaan met afrekenen.
  • “Uitchecken” – dit is waar de klanten de verzend- / bezorgmethode kiezen en betalen voor wat ze hebben gekocht.
  • “Mijn rekening” – een soort profielpagina voor geregistreerde klanten (ze kunnen daar hun eerdere bestellingen bekijken en andere details beheren).

Het enige dat u in deze fase van de WooCommerce-wizard hoeft te doen, is op de knop “Doorgaan” klikken. WooCommerce zal die pagina’s voor je opzetten.

Landinstelling instellen

De landinstelling is een echt cruciaal onderdeel van uw winkelconfiguratie. Deze paar parameters definiëren uw zakelijke oorsprong, valuta en voorkeurseenheden:

woocommerce wizard 2

Als je klaar bent, klik je op ‘Doorgaan’.

Begrijp omzetbelasting

Belasting is verreweg het minst opwindende onderdeel van het runnen van een e-commerce winkel, maar het is ook iets dat we helaas niet kunnen negeren.

Je zult blij zijn te zien dat WooCommerce je ook met dit onderdeel helpt.

Ten eerste kunt u selecteren of u fysieke goederen gaat verzenden of niet. Als u het vakje aanvinkt, zal WooCommerce de resterende verzendgerelateerde details vooraf instellen in de instellingen.

woocommerce wizard verzending

Vervolgens belasting! WooCommerce heeft een zeer nette belastingmodule, het beste is dat het je helpt om de belastingtarieven te berekenen op basis van je winkellocatie (je hebt het in de vorige stap ingesteld).

Als u omzetbelasting in rekening gaat brengen (in de meeste gevallen is dat zo), vinkt u gewoon het belangrijkste belastingvak aan. Zodra je dit doet, verschijnt er een nieuwe set dozen met informatie over wat er daarna gaat gebeuren.

woocommerce tax toggle

Opmerking: hoewel WooCommerce de belastinginstellingen voor u zal invullen, moet u nog steeds bij uw lokale autoriteiten controleren wat de huidige huidige belastingregels zijn, vooral als u niet in de VS bent. Voor meer informatie over de manier waarop WooCommerce omzetbelasting verwerkt, Lees dit. Je kunt alles later wijzigen, dus maak je geen zorgen als je op dit moment niet zeker bent van de regels.

Klik op “Doorgaan”.

Kies een betalingsmethode (PayPal wordt aanbevolen)

In staat zijn om online betalingen te accepteren vormt de kern van elke e-commerce winkel, WooCommerce biedt echt veel in termen van de beschikbare oplossingen.

Hier kun je uit kiezen:

woocommerce wizard betalingen

Twee van de meest populaire betalingsopties staan ​​helemaal bovenaan – PayPal en Stripe – het wordt ten zeerste aanbevolen om uw site met beide te integreren. Klik gewoon op de bijbehorende selectievakjes.

U kunt ook andere betaalmethoden selecteren die logisch lijken. Er zullen later nog meer opties beschikbaar zijn in je WooCommerce-instellingenpaneel.

Opmerking: om online betalingen te laten werken, moet u zich afzonderlijk aanmelden bij PayPal of Stripe. De instellingen in WooCommerce zijn alleen bedoeld voor het integreren van uw bestaande PayPal- en Stripe-accounts met uw nieuwe e-commercewebsite.

Klik nogmaals op “Doorgaan” als u klaar bent.

De volgende stap is slechts een bevestigingsscherm dat alles goed is gegaan. In dit stadium is uw basisconfiguratie van de site voltooid – u hebt zojuist een lege e-commerce winkel gebouwd met WooCommerce!

De volgende stap is het toevoegen van producten:

STAP 4. Voeg uw eerste product toe

Om je winkel operationeel te kunnen bellen, heb je een aantal producten in de database nodig (of services, of downloads, of wat je ook wilt verkopen).

Ga vervolgens naar uw dashboard om met de producten te gaan werken Producten / Product toevoegen:

product toevoegen

Wat je gaat zien, is een klassiek WordPress-scherm voor het bewerken van inhoud:

woocommerce product toevoegen

  1. Productnaam.
  2. De belangrijkste product beschrijving. In dit grote veld kunt u zoveel informatie over het product invoeren als u wilt. Omdat dit WordPress is, kun je er niet alleen eenvoudige tekst plaatsen, maar ook afbeeldingen, kolommen, koppen, zelfs video’s en andere media. Kortom, wat je maar wilt!
  3. De centrale productgegevens sectie. Hier stelt u het type product in dat u toevoegt, en of het een fysiek product is, een downloadbaar of een virtueel product (diensten worden ook als virtuele producten beschouwd). Als onderdeel van dit centrale gedeelte krijgt u ook tabbladen voor verschillende parameters van het product:
    1. Algemeen. Dit is waar u de prijzen en belastingen kunt instellen.
    2. Voorraad. Met WooCommerce kunt u voorraadniveaus beheren.
    3. Verzending. Stel het gewicht, de afmetingen en de verzendkosten in.
    4. Gelinkte producten. Ideaal voor het opzetten van upsells, cross-sales, enz. (Denk aan: “Klanten die kochten deze ook gekocht dat.”)
    5. Attributen. Stel aangepaste productkenmerken in. Als u bijvoorbeeld overhemden verkoopt, kunt u hier alternatieve kleuren instellen.
    6. Geavanceerd. Aanvullende instellingen. Niet essentieel.
  4. korte beschrijving. Dit is de tekst die onder de naam op de productpagina wordt weergegeven. Werkt het beste als een korte samenvatting van wat het product is.
  5. Productcategorieën. Groepeer vergelijkbare producten bij elkaar. Bijv. “Hoeden”. Het werkt net als de standaard WordPress-categorieën.
  6. Product Tags. Een extra manier om u te helpen bij het organiseren van uw productendatabase. Het werkt net als de standaard WordPress-tags.
  7. product afbeelding. De belangrijkste productafbeelding.
  8. Product Galerij. Extra productafbeeldingen om hun grootsheid te laten zien.

De eerste keer dat u dit paneel bezoekt, toont WooCommerce enkele handige tooltips om uit te leggen wat het doel van elk veld is:

woocommerce producttooltips toevoegen

Als je klaar bent met het instellen van al het bovenstaande, klik je op de grote knop Publiceren – je eerste product is zojuist toegevoegd!

Nadat u een handvol goederen aan uw database hebt toegevoegd, zou het gedeelte met producten in het dashboard er ongeveer zo uit moeten zien:

woocommerce producten

STAP 5. Kies een thema voor uw online winkel (GRATIS)

Er is een zeer goede reden waarom we eerst hebben besproken hoe u producten aan uw winkel kunt toevoegen, voordat we het visuele uiterlijk van het hele ding bespreken.

Eerlijk gezegd zou u zonder producten in de database de afzonderlijke pagina’s van de winkel niet in een representatieve vorm kunnen zien. Je kunt er niet voor zorgen dat alles er goed uitziet.

Nu u de meeste van uw producten heeft toegevoegd, kunnen we ervoor zorgen dat alles puur visueel in orde is.

WooCommerce versus uw huidige thema

Standaard werkt WooCommerce met elk WordPress-thema. Dit is geweldig nieuws, vooral als je je ontwerp al hebt gekozen en je erbij wilt blijven.

Als alternatief kunt u kiezen voor speciale voor WooCommerce geoptimaliseerde thema’s. Die thema’s worden geleverd met vooraf ingestelde stijlen waardoor alle WooCommerce-elementen er geweldig uitzien.

Dit is onze aanbeveling:

thema keuze

Het officiële WooCommerce-thema – en het thema dat het meest waarschijnlijk goed werkt – wordt genoemd Winkelpui. De standaardversie is gratis, en het zou voldoende moeten zijn om je op weg te helpen.

winkelpui

Als alternatief kunt u een bezoek brengen aan de e-commerce sectie op ThemeForest – de grootste directory met premium WordPress-thema’s op internet.

themeforest

Ongeacht of je hebt besloten om bij je huidige thema te blijven of voor iets nieuws en WooCommerce-geoptimaliseerd bent gegaan, wat je vervolgens moet doen, is ervoor zorgen dat de afzonderlijke pagina’s van de winkel er goed uitzien. Laten we dat nu doen:

De regels voor het ontwerpen van e-commerce winkels

Laten we een handvol belangrijke aspecten bespreken voordat we ingaan op de kern.

Hoofdzakelijk – wat maakt een e-commerce winkel goed (lees: winstgevend)? Dit zijn de meest cruciale parameters:

  • Het ontwerp moet duidelijk zijn en mag op geen enkele manier verwarrend zijn. Een bezoeker die in de war is, koopt niets.
  • Het middelste inhoudsblok moet de aandacht van de bezoeker trekken zodra ze op de site komen. In dat middenblok worden de producten weergegeven.
  • Verstelbare zijbalken. Je moet kunnen selecteren hoeveel zijbalken je nodig hebt en ook de zijbalk voor sommige pagina’s helemaal uitschakelen (daarover later meer).
  • Responsief en mobiel geoptimaliseerd. Onderzoek wijst uit [2] dat ongeveer 80% van de mensen op internet een smartphone bezit. Volgens een ander onderzoek [3], 61% van uw mobiele bezoekers zal onmiddellijk vertrekken en naar uw concurrenten gaan als ze een frustrerende mobiele browse-ervaring hebben. Met andere woorden: ervoor zorgen dat uw website is geoptimaliseerd voor mobiel is cruciaal.
  • Goede navigatiestructuur. U wilt duidelijke menu’s die gemakkelijk te begrijpen zijn, zodat uw bezoekers de pagina kunnen vinden waarnaar ze op zoek zijn.

Met het bovenstaande in gedachten, kunt u het volgende doen met de afzonderlijke pagina’s van de winkel:

Uw winkelpagina

Hier vindt u de belangrijkste vermelding van uw producten. Als je de WooCommerce-installatiewizard hebt doorlopen, kun je deze pagina vinden op YOURDOMAIN.com/shop

Dit is een standaard WordPress-pagina – u kunt deze bewerken via WordPress dashboard / pagina’s.

De dingen die het waard zijn om te doen:

  • Voeg een exemplaar toe dat uw bezoekers zal aanmoedigen om bij u te winkelen.
  • Beslis of je de zijbalk op de pagina wilt hebben. Dit wordt gedaan via de eigen paginasjablonen van uw thema. Met Storefront kan ik bijvoorbeeld over de volledige breedte gaan, wat we zullen doen:

volledige breedte

Het belangrijkste kenmerk van de winkelpagina is dat het direct onder de standaardinhoud een aangepast onderdeel bevat waar uw productvermeldingen worden weergegeven. Zo ziet het eruit in het Storefront-thema:

woocommerce winkelpagina

Zoals je kunt zien, zijn mooie productafbeeldingen de sleutel, het is het eerste dat je goed moet doen! Met andere woorden: u zou waarschijnlijk meer aan uw productafbeeldingen moeten werken dan aan iets anders.

Met WooCommerce kunt u uw producten ook op alternatieve manieren op deze pagina weergeven. Als je naar gaat het WordPress-dashboard / WooCommerce / Instellingen / Producten en dan de Scherm sectie:

woocommerce-producten worden weergegeven

… u kunt kiezen of u afzonderlijke producten of productcategorieën op de winkelpagina wilt weergeven. Selecteer wat voor u het meest logisch is en sla de instellingen op.

Individuele productpagina’s

Om deze te zien, klikt u op een productvermelding op de winkelpagina.

Als u een kwaliteitsthema gebruikt, mag u op deze specifieke pagina geen problemen ondervinden. Het enige dat u kunt doen, is in feite de hoeveelheid tekst aanpassen die u gebruikt voor individuele productbeschrijvingen, om ervoor te zorgen dat alles visueel past en dat er geen lege plekken zijn die de koper kunnen verwarren.

Hier is ons voorbeeld met het Storefront-thema (zonder extra aanpassingen):

woocommerce producten lijst

Winkelmand

Nog een cruciale pagina die kan worden aangepast Dashboard / pagina’s.

Het enige dat we zouden aanraden, is om voor de volledige breedte-indeling te gaan. U wilt de koper niet te veel opties op deze pagina geven, behalve doorgaan met afrekenen.

woocommerce winkelwagen

Uitchecken

Afrekenen is misschien wel de belangrijkste pagina van allemaal. Hier kunnen uw kopers hun bestellingen afronden en de betalingen doen.

We raden je eigenlijk niet aan om behalve die pagina nog een tweak te doen aan die pagina:

De Checkout-pagina moet absoluut de volledige breedte hebben. De enige acceptabele uitweg voor de koper zou moeten zijn om zijn bestelling af te ronden en niet afgeleid te worden door de dingen die beschikbaar zijn in de zijbalk.

Dit kunt u doen via Dashboard / pagina’s (herhaal gewoon het proces dat je hebt doorlopen met de winkelpagina).

Afgezien daarvan is het standaard uiterlijk van de Checkout-pagina geweldig:

woocommerce afrekenen

In dit stadium bent u in principe klaar met het aanpassen van uw winkelontwerp, laten we nu kijken naar de mogelijkheden om de functionaliteit van de winkel uit te breiden.

STAP 6. WooCommerce uitbreiden – Hoe?

Nog een ding dat WooCommerce zo’n indrukwekkende e-commerce oplossing maakt, is dat er tientallen of zelfs honderden extensies en plug-ins beschikbaar zijn.

Laten we een paar van de handigste noemen:

WooCommerce-extensies

Laten we beginnen met de extensies: de officiële add-ons die zijn goedgekeurd door het WooCommerce-team.

Ga naar om te zien wat er beschikbaar is deze pagina.

Die catalogus is echt indrukwekkend en enorm. We willen niet dat je je daardoor geïntimideerd voelt. Je hebt al die extensies zeker niet nodig. Behandel die lijst als een buffet – kies wat cool lijkt.

Enkele van de meer waardige vermeldingen:

  • Betaling Gateways. Met deze extensies kunt u naast de standaard PayPal meer betaalmethoden accepteren. Over het algemeen geldt dat hoe meer betalingsmethoden u zich kunt veroorloven om te accepteren (die gateways worden vaak betaald), hoe beter.
  • Verzendingsextensies. Deze zijn handig als u uw winkel automatisch wilt integreren met de officiële verzendkosten van bedrijven zoals UPS of FedEx.
  • Boekhoudkundige extensies. Integreer uw WooCommerce-winkel met de boekhoudtool van uw keuze.
  • WooCommerce-boekingen. Sta klanten toe om afspraken voor services te boeken zonder uw site te verlaten.
  • WooCommerce-abonnementen. Laat klanten zich abonneren op uw producten of diensten en betaal een wekelijkse, maandelijkse of jaarlijkse vergoeding.
  • BTW nummer van de EU. Voor degenen die binnen de EU opereren.
  • Belastingpot. Zet uw omzetbelasting op de automatische piloot.

Als alternatief, als u geen geld wilt uitgeven aan nieuwe extensies, kunt u rondkijken in de vrije categorie. Er is meer dan genoeg spullen om je bezig te houden.

Plug-ins die uw e-commerce winkel een boost geven

Afgezien van de extensies, kunt u ook andere WordPress-plug-ins gebruiken om uw winkel een boost te geven. Dit is wat je zou moeten krijgen:

Een online winkel maken in een notendop

Zoals je kunt zien, is de moeilijkheidsgraad als het gaat om het maken van je eigen e-commerce winkel met WordPress niet hoog, maar het zal nog een tijdje duren om alle bovenstaande stappen te doorlopen – waarschijnlijk een middag of twee.

Dat is nog steeds ongelooflijk gezien het feit dat je, bijvoorbeeld, vijf jaar geleden een ontwikkelaar zou moeten inhuren en hem boven de $ 5.000 zou moeten betalen om iets soortgelijks te krijgen. Nu kunt u alles zelf doen!

Hoe dan ook, om u te helpen alle vereiste taken uit te voeren, hier is een check-out-and-keep checklist:

Voordat je begint

  • Krijg een domeinnaam, meld je aan voor webhosting, laat een werkende WordPress-installatie draaien.
  • Zorg ervoor dat uw nieuwe lege WordPress-site correct werkt (geen duidelijke fouten die opduiken, enz.).

WooCommerce installeren

  • Installeer en activeer de belangrijkste WooCommerce-plug-in.
  • Ga door de WooCommerce-installatiewizard en let goed op:
    • De vier vereiste pagina’s gemaakt krijgen (Winkel, winkelwagen, afrekenen, mijn account).
    • De winkellandinstelling instellen.
    • Btw en verzendkosten instellen.
    • Eerste betaalmethoden kiezen.

Producten

  • Voeg de meeste (of alle) van uw producten of productcategorieën toe aan de winkel.

Ontwerp

  • Selecteer het juiste WordPress-thema voor uw e-commerce winkel. Ga met uw bestaande thema of blader door andere mogelijkheden. Bekijk daarbij de regels voor het ontwerpen van e-commerce winkels.
  • Pas uw winkelpagina aan.
  • Pas individuele productpagina’s aan.
  • Pas de winkelwagenpagina aan.
  • Pas de Checkout-pagina aan.

Extensies

  • Installeer de betalingsgateways die u wilt gebruiken.
  • Overweeg enkele van de verzendextensies.
  • Overweeg een boekhoudkundige extensie.
  • Blader door andere extensies en de vrije categorie.

Plug-ins

Overweeg om alle plug-ins te installeren die uw e-commerce winkel een boost zullen geven:

  • Yoast SEO
  • Yoast WooCommerce SEO
  • WooCommerce Meertalig
  • Contactformulier 7
  • UpdraftPlus
  • Social Share-knoppen door GetSocial
  • MonsterInsights
  • iThemes-beveiliging
  • W3 Totale cache.
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map