Hoe om WooCommerce te gebruik vir die skepping van 'n aanlynwinkel
In hierdie handleiding leer ons hoe om ‘n WooCommerce + WordPress aanlynwinkel op te stel waar u fisiese produkte kan lys en verkoop..
WooCommerce is ‘n gratis plugin wat eenvoudig en eenvoudig is. In ‘n sin is WooCommerce die beste manier om jou WordPress-webwerf in ‘n volledig funksionele e-handelswinkel te omskep.
Dit is gratis en open source – net soos WordPress.
Dis die gewildste e-handel plugin vir WordPress daar buite.
Jy kan stel dit op en stel dit self op.
Die opstelling is vinnig. Gewoonlik is dit net ‘n kwessie van ‘n uur.
Dit werk met enige ontwerp / tema wat u tans op u WordPress-webwerf het – u hoef nie u huidige webwerfontwerp te grawe nie.
Ons kan voortgaan met die lys hierbo, maar laat ons net sê dat WooCommerce u net alles gee wat u nodig het om ‘n e-handelswinkel van hoë gehalte met WordPress te bou.
0.1 Wat kan u verkoop met WordPress + WooCommerce?
1 Hoe om ‘n aanlynwinkel te bou met WordPress en WooCommerce
1.1 STAP 1. Kry ‘n domeinnaam en webhosting
1.2 STAP 2. Installeer WordPress (GRATIS)
1.3 STAP 3. Installeer WooCommerce-inprop (GRATIS)
1.3.1 Skep die noodsaaklike winkelbladsye
1.3.2 Stel ‘n plek op
1.3.3 Verstaan ​​BTW
1.3.4 Kies ‘n betaalmetode (PayPal word aanbeveel)
1.4 STAP 4. Voeg u eerste produk by
1.5 STAP 5. Kies ‘n tema vir u aanlynwinkel (GRATIS)
1.5.1 WooCommerce vs jou huidige tema
1.6 Die reëls van die ontwerp van e-handelwinkels
1.6.1 U winkelblad
1.6.2 Individuele produkbladsye
1.7 STAP 6. Uitbreiding van WooCommerce – Hoe?
1.7.2 Inproppe wat u e-handelwinkel laat geld
1.8 Die skep van ‘n aanlynwinkel in ‘n neutedop
1.8.1 Voor jy begin
1.8.2 Installeer WooCommerce
Wat kan u verkoop met WordPress + WooCommerce?
digitale produkte (bv. sagteware, downloads, e-boeke),
besprekings (bv. vir afsprake, of enigiets anders wat bespreek kan word),
produkte van ander mense – as ‘n filiaal,
aanpassings (bv. addisionele aanpassings bo-aan u produklyste), en meer.
Met ander woorde – u kan geld verdien met u webwerf.
Ons kan selfs die risiko waag om te sê dat WooCommerce u toelaat om te verkoop enigiets daar kan ‘n prysetiket aan toegeken word. Boonop kan almal dit gebruik (as u reeds daarin geslaag het om ‘n WordPress-webwerf van stapel te stuur, kan u ook WooCommerce hanteer).
Hoe om ‘n aanlynwinkel te bou met WordPress en WooCommerce
Opmerking: die doel van hierdie deel van die gids is om u die eenvoudigste metode te wys om ‘n funksionele e-handelswinkel op WordPress te bou, sodat u u winkel so gou as moontlik aanlyn kan kry. Daarom gaan ons net fokus op die belangrikste dinge en die meer gevorderde aspekte oorslaan.
STAP 1. Kry ‘n domeinnaam en webhosting
Om ‘n aanlynwinkel of enige ander soort webwerf te skep, benodig u twee dinge:
Domeinnaam is die unieke adres van u winkel op die web. Iets soos YOURSTORE.com
Webhosting is basies ‘n afgeleë rekenaar wat u webwerf stoor en dit dan bedien vir elkeen wat dit wil besoek. (meer gedetailleerde verduideliking)
Volle openbaarmaking: Ons verdien ‘n kommissie sodra u Bluehost koop. Dit help ons om WebsiteSetup as ‘n besigheid te bedryf. Dankie vir jou ondersteuning.
Daar is honderde verskillende aanbieders van hosting / domeine; ons kry gewoonlik albei van Bluehost.com. Hulle bied bekostigbare webhosting (insluitend ‘n gratis domeinnaam vir ‘n jaar) en betroubaarheid. Dit is ook een van die min (amptelike) aanbieders wat deur WordPress.org aanbeveel word. Koste? Vanaf $ 2,75 per maand.
Om mee te begin, hoef u net na Bluehost.com te gaan, en klik op die “aan die gang” -knoppie.
Dit sal u na ‘n bladsy neem waar u ‘n gasheerplan vir u winkel kan kies. U kan begin met die goedkoopste opsie, genaamd “basies”:
As u ons verwysingskakels gebruik, kan u Bluehost vir $ 2,75 per maand kry.
Die volgende stap handel oor die keuse van ‘n domeinnaam vir u nuwe aanlynwinkel.
Dit verg ‘n dinkskrum. Oor die algemeen wil u hê dat u domeinnaam moet wees unieke, maklik om te onthou en catchy. As u reeds ‘n sake-entiteit vir u winkel het, moet u dit miskien as u domeinnaam gebruik.
Sodra u u domeinkies maak, kan u die opstel finaliseer en die aanvanklike gasheer fooi betaal.
Groot! U het net ‘n domeinnaam en ‘n gasheerplan gekry om daarmee saam te werk.
STAP 2. Installeer WordPress (GRATIS)
Die volgende stap is amptelik die begin van u avontuur met WordPress – u gaan WordPress op u gasheerrekening installeer.
Dit klink miskien moeilik, maar dit is eintlik nie. Al wat u hoef te doen, is om na u BlueHost-gebruikerspaneel te gaan (Bluehost stuur ‘n skakel in die bevestigings-e-posadres) – gewoonlik beskikbaar by my.bluehost.com.
As u daar is, blaai af totdat u ‘n ikoon met die naam “Installeer WordPress” sien:
Klik daarop en volg die aanwysings op die skerm. U sal stap-vir-stap deur die hele proses geneem word, daar is niks om oor te bekommer nie!
As u meer inligting benodig oor die keuse van ‘n domein en die installering van ‘n skoon eksemplaar van WordPress, besoek hierdie gids (blaai na stappe 2).
Op hierdie punt moet u ‘n leë WordPress-webwerf hê.
U kan dit sien deur na u hoof domeinnaam te gaan (bv., YOURSTORE.com)
U kan by die administrasiepaneel aanmeld deur na YOURSTORE.com/wp-admin
Dit is nou tyd om die blote WordPress-webwerf te omskep in ‘n ten volle funksionele e-handelswinkel met behulp van die uitstekende WooCommerce-inprop.
STAP 3. Installeer WooCommerce-inprop (GRATIS)
Soos met alle WordPress-plugins, begin die pret deur na u naam te navigeer WordPress Dashboard / plugins / Voeg nuut by. Sodra jy daar is, tik ‘woocommerce’ in die soekveld. U sal WooCommerce sien as die eerste soekresultaat:
Klik net op die “Nou installeer” -knoppie langs die inprop.
Na ‘n paar sekondes verander die teks op die knoppie na “Aktiveer.” Gaan voort en klik daarop.
Op hierdie stadium sien u die WooCommerce se lanseer- / opstelassistent op die skerm. Hierdie ding maak die proses uber-maklik en neem u deur die hand deur alles. Om te begin, klik op “Laat ons gaan!”
Skep die noodsaaklike winkelbladsye
Aanlynwinkels is ‘n spesifieke soort webwerf, en hulle benodig sommige spesifieke bladsye om behoorlik te funksioneer. Die eerste stap in die WooCommerce-assistent handel oor die skep van hierdie bladsye vir u:
“Winkel” – dit is waar u produkte vertoon sal word.
“Karretjie” – dit is die inkopie mandjie waar u kliënte hul bestelling kan aanpas voordat hulle verder gaan na die afhandeling.
“Uitteken” – dit is hier waar die klante die aflewerings- / afleweringsmetode kies en betaal vir alles wat hulle gekoop het.
“My rekening” – ‘n soort profielbladsy vir geregistreerde kliënte (hulle kan hul vorige bestellings daar sien en ander besonderhede bestuur).
Al wat u in hierdie stadium van die WooCommerce-assistent moet doen, is om op die “Gaan voort” -knoppie te klik. WooCommerce stel die bladsye vir u op.
Stel ‘n plek op
Die landelike omgewing is ‘n baie belangrike deel van u winkelopstelling. Die paar parameters definieer u sake-oorsprong, geldeenheid en voorkeureenhede:
Sodra jy klaar is, klik op “Gaan voort”.
Belasting is verreweg die minste opwindende deel van die bestuur van ‘n e-handelswinkel, maar dit is ook iets wat ons ongelukkig nie kan miskyk nie.
U sal bly wees om te sien dat WooCommerce u ook met hierdie deel help.
Eerstens kan u kies of u fisiese goedere gaan aflewer of nie. As u die kassie merk, stel WooCommerce die oorblywende gestuurverwante besonderhede vooraf in die instellings in.
Volgende, belasting! WooCommerce het ‘n baie netjiese belastingmodule; die beste ding is dat dit jou help om die belastingkoerse vas te stel op grond van jou winkel se ligging (jy het dit in die vorige stap opgestel).
As u omsetbelasting wil hef (in die meeste gevalle), merk dan die hoofbelastingvak aan. Sodra u dit doen, sal ‘n nuwe stel vakke verskyn en u inlig oor wat volgende gaan gebeur.
Opmerking: Alhoewel WooCommerce die belastinginstellings vir u vooraf sal invul, moet u steeds met u plaaslike owerhede kyk wat die werklike huidige belastingreëls is, veral as u nie in die VSA is nie. Om meer te wete te kom oor WooCommerce se manier om verkoopbelasting te hanteer, lees hierdie. U kan alles later verander, so moenie bekommerd wees as u nie nou seker is oor die reëls nie.
Klik op “Gaan voort.”
Kies ‘n betaalmetode (PayPal word aanbeveel)
Om aanlynbetalings te aanvaar is die kern van enige e-handelwinkel. WooCommerce bied regtig baie in terme van die beskikbare oplossings.
Hier is wat u kan kies:
Twee van die gewildste betaalopsies is heel bo – PayPal en Stripe – dit word sterk aanbeveel dat u u webwerf met albei integreer. Klik net op hul toepaslike merkblokkies.
U kan ook ander betaalmetodes kies wat sin maak. Daar sal later nog meer opsies in u WooCommerce-instellingspaneel beskikbaar wees.
Opmerking: om aanlynbetalings te laat werk, moet u afsonderlik by PayPal of Stripe aanmeld. Die instellings in WooCommerce is slegs bedoel om u bestaande PayPal- en Stripe-rekeninge met u nuwe e-handelswebwerf te integreer.
Klik weer “Gaan voort” as u klaar is.
Die volgende stap is net ‘n bevestigingskerm dat alles goed verloop. Op hierdie stadium is u basiese webwerfopstelling gedoen – u het pas ‘n leë e-handelswinkel met WooCommerce gebou!
Die volgende stap is om produkte by te voeg:
STAP 4. Voeg u eerste produk by
Om u winkel operasioneel te kan noem, benodig u produkte in die databasis (of dienste, of aflaaie, of wat u ookal wil verkoop).
Gaan dan na u dashboard om te begin werk met die produkte Produkte / Voeg produk by:
Wat u gaan sien, is ‘n klassieke WordPress-inhoudbewerkingsskerm:
Die hoof Produk Beskrywing. Hierdie groot veld laat u toe om soveel inligting oor die produk in te voer as wat u wil. Aangesien dit WordPress is, kan u nie net eenvoudige teks daar plaas nie, maar ook prente, kolomme, opskrifte, selfs video’s en ander media. Eintlik is dit wat u goedvind!
Die sentrale produk data afdeling. Hier kan u die tipe produk wat u byvoeg, instel en of dit ‘n fisiese is, a aflaaibaar of ‘n virtuele produk (dienste word ook as virtuele produkte beskou). As deel van hierdie sentrale gedeelte kry u ook tabs vir verskillende parameters van die produk:
algemene. Hier kan u die prysbepaling en belasting bepaal.
Voorraad. Met WooCommerce kan u voorraadvlakke bestuur.
Gestuur. Stel die gewig, afmetings en die koste van gestuur in.
Gekoppelde produkte. Dit is ideaal vir die verkoop van verkope, kruisverkope, ens. (Dink: “Kliënte wat gekoop het hierdie ook gekoop daardie.”)
eienskappe. Stel aangepaste produkkenmerke. Byvoorbeeld, as u hemde verkoop, kan u alternatiewe kleure hier instel.
Advanced. Bykomende instellings. Nie noodsaaklik nie.
Kort beskrywing. Dit is die teks wat onder die naam op die produkblad verskyn. Werk die beste as ‘n kort opsomming van wat die produk is.
Produk kategorieë. Groepeer soortgelyke produkte. Bv. “Hoede.” Dit werk net soos die standaard WordPress-kategorieë.
Produkmerkers. ‘N Bykomende manier om u te help om u databasis van produkte te organiseer. Dit werk net soos die standaard WordPress-etikette.
Produkprent. Die belangrikste produkbeeld.
Produkgalery. Bykomende produkbeelde om hul ongelooflikheid ten toon te stel.
Die eerste keer dat u hierdie paneel besoek, sal WooCommerce ‘n paar handige wenktips gee om te verduidelik wat die doel van elke veld is:
As u klaar is met al die bogenoemde, klik op die groot Publiseer-knoppie – u eerste produk is pas bygevoeg!
Nadat u ‘n handjievol goedere by u databasis gevoeg het, moet die produkgedeelte in die dashboard so lyk:
STAP 5. Kies ‘n tema vir u aanlynwinkel (GRATIS)
Daar is ‘n baie goeie rede waarom ons eers bespreek het hoe om produkte by u winkel te voeg voordat ons die visuele voorkoms van die hele saak bespreek.
Eerlik gesê, sonder enige produkte in die databasis, sou u die individuele bladsye van die winkel nie in ‘n verteenwoordigende vorm kon sien nie. U kan nie seker maak dat alles reg lyk nie.
Noudat u die meeste van u produkte bygevoeg het, kan ons seker maak dat dinge vanuit ‘n suiwer visuele oogpunt in orde is.
WooCommerce vs jou huidige tema
WooCommerce werk standaard met enige WordPress-tema. Dit is wonderlike nuus, veral as u al u ontwerp gekies het en daarby wil hou.
Alternatiewelik kan u gaan met spesiale WooCommerce-geoptimaliseerde temas. Daardie temas het vooraf ingestelde style wat alle WooCommerce-elemente mooi laat lyk.
Hier is ons aanbeveling:
Die amptelike WooCommerce-tema – en die een wat waarskynlik die beste werk – word genoem gebou. Die standaardweergawe Is gratis, en dit moet genoeg wees om aan die gang te kom.
Alternatiewelik kan u die e-handelsafdeling by ThemeForest – die grootste gids met premium WordPress-temas op die web.
Ongeag of u besluit het om by u huidige tema te hou of iets nuuts wil doen en WooCommerce geoptimaliseer het, moet u seker maak dat die individuele bladsye van die winkel goed lyk. Laat ons dit nou doen:
Die reëls van die ontwerp van e-handelwinkels
Kom ons bespreek ‘n handjievol belangrike aspekte voordat ons die snaakse raak.
Hoofsaaklik – wat die ontwerp van ‘n e-handelwinkel goed maak (lees: winsgewend)? Hier is die belangrikste parameters:
Die ontwerp moet duidelik wees en op geen manier verwarrend wees nie. ‘N Besoeker wat verward is, sal niks koop nie.
Die sentruminhoudblok moet die besoeker se aandag trek onmiddellik nadat hulle na die webwerf gekom het. Die sentrumblok is waar die produkte vertoon word.
Verstelbare sybalk. U moet kan kies hoeveel sidebars u nodig het en die sidebar ook vir sommige bladsye heeltemal kan deaktiveer (meer hieroor later).
Responsief en mobiele geoptimaliseer. Navorsing dui daarop  dat ongeveer 80% van die mense op die internet ‘n slimfoon besit. Volgens ‘n ander ondersoek , 61% van u mobiele besoekers sal onmiddellik vertrek en na u mededingers gaan as hulle ‘n frustrerende mobiele blaaiervaring het. Met ander woorde: om seker te maak dat u webwerf vir mobiele toestelle geoptimaliseer is, is uiters belangrik.
Goeie navigasiestruktuur. U wil duidelike spyskaarte hê wat maklik is om te verstaan ​​- sodat u besoekers die bladsy kan soek waarna hulle soek.
As u bogenoemde in gedagte hou, kan u die volgende bladsye van die winkel doen:
Dit is waar die belangrikste lys van u produkte gevind word. As u die WooCommerce-instellingswizard deurgegaan het, kan hierdie bladsy gevind word by YOURDOMAIN.com/shop
Dit is ‘n standaard WordPress-bladsy – u kan dit via bewerk WordPress dashboard / Pages.
Die dinge wat die moeite werd is om te doen:
Voeg ‘n kopie by wat u besoekers sal aanmoedig om saam met u te gaan shop.
Besluit of u die sidebar op die bladsy wil hê. Dit word gedoen deur u eie bladsy-sjablone van u tema te gebruik. Storefront laat my byvoorbeeld toe om die volle breedte te doen, wat ons sal doen:
Die belangrikste kenmerk van die Winkel-bladsy is dat dit direk onder die standaardinhoud bevat, en dit het ‘n pasgemaakte deel waar dit u produklys verskyn. Dit is hoe dit op die Storefront-tema lyk:
Soos u kan sien, is mooi produkprente die sleutel, dit is die eerste ding wat u reg moet kry! Met ander woorde – u moet waarskynlik meer as op enigiets anders aan u produkprente werk.
Met WooCommerce kan u ook u produkte op alternatiewe maniere op hierdie bladsy vertoon. As jy gaan die WordPress-dashboard / WooCommerce / Instellings / Produkte en dan die vertoning artikel:
… u kan kies of u individuele produkte of produkkategorieë op die winkel-bladsy wil vertoon. Kies wat die beste sin vir u is, en stoor dan instellings.
Klik op enige produklys van die winkel-bladsy om dit te sien.
As u ‘n kwaliteitstema gebruik, moet u op hierdie spesifieke bladsy geen probleme ondervind nie. Die enigste ding wat u kan doen, is om die hoeveelheid teks wat u gebruik vir individuele produksbeskrywings aan te pas, om seker te maak dat alles visueel pas en dat daar geen leë kolle is wat die koper kan verwar nie..
Hier is ons voorbeeld met die tema Storefront (sonder enige ekstra aanpassing):
Nog ‘n belangrike bladsy wat u kan aanpas Dashboard / bladsye.
Die een ding wat ons aanbeveel, is om te gaan na die volledige breedte-uitleg. U wil nie die koper te veel opsies op hierdie bladsy gee nie, behalwe as u na die kassie gaan.
Afrekening is miskien die belangrikste bladsy van hulle almal. Dit is waar u kopers hul bestellings finaliseer en die betalings doen.
Ons moedig u eintlik nie aan om enige bladsy op hierdie bladsy te verander nie, behalwe een:
Die Checkout-bladsy hoef absoluut breed te wees. Die enigste aanvaarbare uitweg vir die koper is om die bestelling te finaliseer en nie afgelei te word deur die beskikbare dinge in die sidebar nie..
U kan dit via Dashboard / bladsye (herhaal net die proses wat u deurgemaak het met die winkel-bladsy).
Daarbenewens is die standaardvoorkoms van die Checkout-bladsy wonderlik:
Op hierdie stadium is u basies klaar met die aanpassing van u winkelontwerp, en kyk nou na die moontlikhede om die winkel se funksionaliteit uit te brei.
STAP 6. Uitbreiding van WooCommerce – Hoe?
Nog een ding wat WooCommerce so ‘n indrukwekkende oplossing vir e-handel maak, is dat daar tien of selfs honderde uitbreidings en inproppe beskikbaar is.
Laat ons ‘n paar van die nuttigste lys:
Begin met die uitbreidings – die amptelike byvoegings wat deur die WooCommerce-span goedgekeur is.
U kan gaan na wat beskikbaar is hierdie bladsy.
Daardie katalogus is werklik indrukwekkend en groot. Ons wil nie hê dat u daardeur geïntimideer moet voel nie. U het beslis nie al hierdie uitbreidings nodig nie. Behandel die lys as ‘n buffet – kies wat cool lyk.
Sommige van die meer waardige vermeldings:
Betaalgate. Hierdie uitbreidings stel u in staat om meer betaalmetodes bo die standaard PayPal te aanvaar. Oor die algemeen is dit beter, hoe meer betaalmetodes u kan bekostig om te aanvaar (daardie gateway word gereeld betaal).
Gestuur uitbreidings. Dit gaan handig te pas kom as u u winkel outomaties wil integreer met die amptelike afleweringstariewe van maatskappye soos UPS of FedEx.
Rekeningkundige uitbreidings. Integreer u WooCommerce-winkel met die rekeningkundige instrument van u keuse.
WooCommerce Bookings. Laat kliënte toe om afsprake vir dienste te bespreek sonder om hul webwerf te verlaat.
WooCommerce-intekeninge. Laat kliënte op u produkte of dienste inskryf en betaal ‘n weeklikse, maandelikse of jaarlikse fooi.
EU-BTW-nommer. Vir diegene wat binne die EU werk.
TaxJar. Plaas u verkoopbelasting op outopilot.
As u nie geld aan nuwe uitbreidings wil spandeer nie, kan u in die gratis kategorie. Daar is meer as genoeg dinge om jou besig te hou.
Inproppe wat u e-handelwinkel laat geld
As u die uitbreidings opsy sit, kan u ook ander WordPress-plugins gebruik om u winkel verder te laai. Dit is wat u moet kry:
Yoast SEO. Verbeter die SEO van u hele webwerf.
Yoast WooCommerce SEO-inprop. Verbeter die SEO van u produkte en ander gebiede van u e-handelswinkel.
WooCommerce veeltalig. Bestuur ‘n volledig veeltalige WooCommerce-webwerf.
Kontakvorm 7. Laat u besoekers direk kontak.
UpdraftPlus. Rugsteun van al u werfinhoud, insluitend u produkte en ander winkeldata.
Knoppies vir sosiale aandele deur GetSocial. Laat u kopers u produkte met hul vriende en familie via sosiale media deel.
MonsterInsights. Integreer u webwerf met Google Analytics.
iThemes Sekuriteit. Voorinstellings vir sekuriteit vir u webwerf.
W3 Totale kas. Versnel u webwerf deur caching.
Die skep van ‘n aanlynwinkel in ‘n neutedop
Soos u kan sien, is die moeilikheidsgraad by die skepping van u eie e-handelswinkel met WordPress nie hoog nie, maar dit sal u nog ‘n tydjie neem om deur al die stappe hierbo te gaan – waarskynlik ‘n middag of twee.
Dit is nog steeds ongelooflik, as u sê dat u vyf jaar gelede ‘n ontwikkelaar sal moet huur en hulle noord van $ 5,000 moet betaal om iets soortgelyks te skep. Nou kan jy alles self doen!
Hoe dit ook al sy, om u te help om al die nodige take deur te voer, hier is ‘n uitkyk-en-hou-kontrolelys:
Kry ‘n domeinnaam, teken aan vir webhosting, laat ‘n werkende WordPress-installasie loop.
Maak seker dat u nuwe leë WordPress-werf reg werk (geen duidelike foute verskyn nie, ens.).
Installeer en aktiveer die hoof WooCommerce-inprop.
Gaan deur die WooCommerce-instellingswizard en let veral op:
Kry die vier vereiste bladsye (Winkel, mandjie, afrekening, my rekening).
Stel die winkelstal op.
Die opstel van omsetbelasting en gestuur.
Kies aanvanklike betaalmetodes.
Voeg die meeste (of al) u produkte of produkkategorieë in die winkel.
Kies die regte WordPress-tema vir u e-commerce-winkel. Gaan na u bestaande tema of blaai deur ander moontlikhede. Lees die reëls van die ontwerp van e-handelwinkels deur dit te doen.
Pas u Winkel-bladsy aan.
Pas individuele produkbladsye aan.
Pas die bladsy van die mandjie aan.
Pas die Checkout-bladsy aan.
Installeer die betaalpoort wat u wil gebruik.
Oorweeg sommige van die gestuuruitbreidings.
Oorweeg ‘n rekeningkundige uitbreiding.
Blaai deur ander uitbreidings en die gratis kategorie.
Oorweeg dit om al die plugins te installeer wat u e-commerce-winkel sal aanvul:
Knoppies vir sosiale aandele deur GetSocial
W3 Totale kas.
U het miskien baie webhostingsondernemings gesien wat WooCommerce-gespesialiseerde webhosting aanbied. In hierdie gids sal