Advertisement
  1. Business
  2. Marketing
  3. eCommerce

Kako napraviti svoju prvu eCommerce web stranicu koristeći WordPress

Scroll to top
Read Time: 9 min

() translation by (you can also view the original English article)

Vođenje e-trgovine je odličan način za predstavljanje vašeg proizvoda širokoj publici. No to može zahtjevati i mnogo vremena provedenog u ispunjavanju narudžbi, praćenju stanja na skladištu i reklamiranju vaše trgovine.

Zbog toga bi vaša platforma za e-trgovinu trebala biti jednostavna za upotrebu i održavanje. WordPress platforma savršeno odgovara tim uvjetima jer vam omogućava kreiranje bilo koje vrste web stranice i jednostavna je za uporabu, čak i početnicima.

WordPress također sadrži tisuće dostupnih tema, prikladnih za gotovo svaku nišu, zbog čega je prvi izbor za mnoge vlasnike e-trgovina.

U ovom članku opisat ćemo kako izraditi web stranicu za e-trgovinu uz pomoć WordPressa. Otkrit ćete kako odabrati odgovarajuću temu. Uz to, pokazat ćemo vam kako da jednostavno postavite i pokrenete svoju e-trgovinu.

Zašto koristiti WordPress za e-trgovinu?

WordPress ima mnoštvo tema te tisuće plug-inova koji vašoj stranici pružaju dodatnu funkcionalnost. Zapravo, postoji nekoliko plug-inova koji su posebno dizajnirani za pretvaranje vaše WordPress stranice u e-trgovinu.

Jedan od najpopularnijih plug-inova za tu svrhu je WooCommerce. On vam omogućava prodaju digitalnih i fizičkih proizvoda. WooCommerce se integrira sa više vrsta plaćanja i sadrži svoje vlastite ekstenzije koje vam omogućavaju sinkroniziranje narudžbi sa vašim knjigovodstvenim softverom, nude dodatne načine isporuke, ispisuju račune i naljepnice za slanje, automatski šalju mailove vašim kupcima koji odustanu od kupnje i još mnogo više.

WooCommerce WordPress pluginWooCommerce WordPress pluginWooCommerce WordPress plugin

Kako izabrati WordPress temu za e-trgovinu

Privlačna web stranica može privući više posjetitelja i od njih napraviti kupce, no dizajn nije jedino na što se treba usredotočiti kada tražite temu. Evo nekoliko važnih stvari na koje treba obratiti pažnju.

1. Odaberite temu sa odgovarajućim značajkama

Iako najveći dio funkcionalnosti e-trgovina dolazi iz plug-inova, neke značajke koje se nalaze u temama poboljšavaju iskustvo kupnje vaših kupaca. Točnije, trebali biste pronaći teme koje nude sljedeće dodatke:

  • Megaizbornik. Megaizbornik se obično ponaša kao padajući izbornik koji otkriva dodatne stranice i linkove kako krusorom prelazite preko njega. On vam omogućava organizaciju navigacije i dodavanje kategorija i stranica bez pretrpavanja posjetitelja.
  • Brzi pregled. Mogućnost da posjetitelj klikne na proizvod i odmah vidi detalje proizvoda ili da ga doda u košaricu smanjuje broj klikova koje posjetitelj mora napraviti te može poboljšati stopu pretvorbe.
  • Kataloški pregled.Ukoliko odaberete temu koja sadrži kataloški pregled, posjetitelji mogu pregledati vaše proizvode bez klikanja na suludi broj stranica i kategorija.

Envato nudi mnoge opcije kad su u pitanju WordPress teme za e-trgovinu.

2. Nemojte zanemariti bijeli prostor

Ukoliko je moguće, odaberite temu koja ima jednostavan dizajn sa mnogo bijelog prostora između pojedinih artikala. To će omogućiti vašim proizvodima i pozivima na akciju da se istaknu i olakšava kupcima koncentraciju na sve što vaša trgovina nudi.

3. Odaberite temu čije je prilagođavanje jednostavno

Prilagođavanje teme je od iznimne važnosti kako biste mogli kreirati konzistentan izgled vašeg brenda. Tema koja sadrži panel za postavke teme ili koristi Customizer omogućava vam prilagodbu boja, fontova i ostalih aspekata bez kodiranja. Ako odaberete temu koja sadrži integraciju web stranica, moći ćete jednostavno prilagođavati i raspored vaših stranica.

Theme settingsTheme settingsTheme settings
Postavke teme

Kako započeti stvarati vašu e-trgovinu u WordPressu

Da bi započeli stvarati vašu e-trgovinu u WordPressu, morat ćete se pobrinuti za neke tehničke detalje prije dodavanja proizvoda i igranja sa postavkama teme. Za početak, morat ćete kupiti ime domene. Također ćete morati kupiti usluge poslužitelja, temu za vašu stranicu i pripremiti sadržaj, kao što su slike i opisi proizvoda.

1. Ime domene

Ime vaše domene omogućava posjetiteljima da vas ponađu na internetu. Ako već imate fizičku trgovinu, bilo bi dobro da je iskoristite za ime vaše domene. Osim toga, vašoj trgovini možete dati ime prema proizvodima koje prodajete ili možete odabrati općenitije ime u slučaju da u budućnosti želite proširiti vaš asortiman.

2. Plan korištenja usluge poslužitelja

Kada ste odabrali ime domene, morate odabrati poslužitelja kako bi posjetioci mogli pristupiti vašoj stranici. Postoje mnoge opcije kod odabira poslužitelja, od jeftinijih, djeljenih poslužitelja do skupljih, upravljanih usluga poslužitelja.

3. WordPress tema

Kao što je ranije spomenuto, WordPressu ne nedostaje visokokvalitetnih tema za različite niše. Iako besplatne teme lijepo izgledaju, često nemaju podršku autora i ne ažuriraju se tako često kao teme koje se plaćaju. Ažuriranje vaše teme je ključno ako želite da vaša stranica pruži najbolje korisničko iskustvo i sigurnost.

Na sreću, postoji nekoliko tržnica poput Envato Elements koje vam omogućavaju da preuzmete neograničen broj WordPress tema za pristupačnu godišnju pretplatu. To znači da teme možete mijenjati onoliko često koliko želite. Kada pronađete temu koja vam se sviđa sve što morate napraviti je kupiti je i preuzeti datoteku u zip formatu na svoje računalo. Također možete naći i mnogo tema za WooCommerce koje se redovno ažuriraju i pružaju vam šestomjesečnu besplatnu podršku autora na ThemeForest.

4. Sadržaj i slike

Na kraju, trebate pripremiti slike i opise vaših proizvoda, tako da ih, nakon instalacije vaše teme i WooCommerrce plug-ina, samo morate kopirati i zaljepiti. To ubrzava proces postavljanja vaše stranice i omogućava vam da stranicu pokrenete u nekoliko sati. Ne zaboravite staviti kopiju na ostale stranice vaše e-trgovine, kao što su stranica O nama, Uvjeti poslovanja, vaša lokacija ili bilo što drugo što vam može zatrebati.

Početak rada sa WordPressom i eCommerceom

Sada kada ste sve postavili, vrijeme je da kreirate vašu stranicu. Morat ćete instalirati WordPress, WooCommerce, vašu temu i potrebne dodatke prije no što prilagodite temu ili unesete sadržaj.

Za svrhu ovog tutorijala koristit ćemo Lotus temu. Lotus tema ima moderan i osjetljiv dizajn sa mnogo bijelog prostora i gumb koji jednim klikom unosi demo sadržaj, što olakšava postavljanje stranice. Također sadrži i Visual Composer Builder i Revolution Slider za jednostavno uređivanje rasporeda te kreiranje prelijepih slajdova vaših proizvoda.

Započnimo:

1. Instaliranje WordPressa

Prvi korak je instalacija WordPressa. Kada kupite poslužiteljski plan, tvrtka koja ga pruža poslat će vam link na upravljačku ploču vašeg poslužiteljskog računa gdje možete instalirati WordPress.

Kada ste se prijavili, potražite dio označen kao WordPress Install, One-click Installers, Softaculous Installers ili slično. Pronađite WordPress ikonu, kliknite na nju i slijedite upute.

To će pokrenuti prozor gdje će se tražiti da upišete ime vaše stranice i opis, željeno korisničko ime i lozinku, kao i email adresu. Ispunite polja vašim podacima i kliknite na gumb Install.

Kada je WordPress instaliran, možete se ulogirati na WordPress upravljačku ploču. Samo posjetite web adresu: imevašestranice.com/wp-admin (zamijenite imevašestranice.com sa stvarnim imenom vaše domene). Tada upišite korisničko ime i lozinku koje ste kreirali u prethodnom koraku.

2. Instaliranje vaše WordPress teme

U vašoj WordPress upravljačkoj ploči idite na Appearance > Themes > Add new. Tada kliknite na Upload Theme.

Pronađite preuzetu zip mapu koja sadrži datoteke teme i učitajte ih. Kada instalacija završi, kliknite na Activate.

3. Instalacija potrebnih plug-inova

Required pluginsRequired pluginsRequired plugins
Potrebni plug-inovi

Nakon aktivacije teme vidjet ćete notifikaciju na upravljačkoj ploči sa porukom da su potrebni određeni plug-inovi kako bit tema imala potpunu funkcionalnost. Kliknite na link Begin installing plugins koji će vas odvesti na prozor za instalaciju.

Odaberite sve plug-inove sa padajućeg izbornika, kliknite na Install i pričekajte da proces završi.

4. Instaliranje WooCommercea

Zadnji korak je instalacija WooCommerce funkcionalnosti na vašu stranicu. Na vašoj navigacijskoj ploči potražite Plugins > Add New. Potražite WooCommerce, instalirajte ga, a zatim ga aktivirajte.

Morat ćete proći kroz proces postavljanja plug-ina koji će kreirati potrebne stranice i omogućiti vam izbor lokacije, valute i metode plaćanja.

Kada su tehnički detalji dovršeni, vrijeme je za dodavanje sadržaja i postavljanje vaše teme.

Kako postaviti i prilagoditi vašu temu

Najlakši način postavljanja vaše teme je unošenje demo sadržaja. Većina modernih tema obično sadrži mogućnost korištenja unosa jednim klikom koji vam omogućava unos probnih slika, postova i stranica jednim klikom na gumb. Jednom kad ste unjeli sadržaj, možete isprobavati postavke teme koje mijenjaju boje, fontove i još mnogo toga.

1. Unesite demo sadržaj

Najbolji dio unošenja demo sadržaja jest da će tema unesti sve stranice, postove, slike, postavke widgeta i još mnogo toga te će vaša stranica izgledati kao demo. U slučaju Lotus teme, unijet će uzorke proizvoda i stranice za kupovinu, pa jedino morate urediti postojeće stranice vašim sadržajima.

Importing demo contentImporting demo contentImporting demo content
Unos demo sadržaja

Kako biste započeli otiđite na Appearance > Import Demo Data, i zatim kliknite na plavi gumb. Pričekajte da proces završi i da vaša stranica bude spremna za dodavanje vašeg sadržaja i podešavanje izgleda.

2. Zamjena demo sadržaja

Nastavimo sa zamjenom demo sadržaja. Na vašoj WordPress upravljačkoj ploči otiđite na Pages i kliknite na gumb Edit ispod stranice koju želite urediti. U ovom primjeru uređivat ćemo Fullscreen Slider stranicu.

S obzirom na to da Lotus tema koristi Visual Composer builder, kliknite na gumb Edit with Visual Composer. Jednom kada se otvori prozor za uređivanje stranica moći ćete mijenjati raspored, dodavati module  i još mnogo toga.

visual editorvisual editorvisual editor
Vizualni editor

Za uređivanje elemenata na vašoj stranici jednostavno kliknite na ikonu olovke i unesite vaš sadržaj te podesite postavke kako se vama sviđa. Također možete dodati i dodatne elemente kao što su polja za tekst, gumbi, ikone, videi, slike i još mnogo toga.

Adding elementsAdding elementsAdding elements
Dodavanje elemenata

3. Dodavanje vlastitih proizvoda

Da biste dodali vlastite proizvode, otiđite na vašu WordPress upravljačku ploču na Products > All products. Kliknite na link Edit ispod svakog proizvoda i zamijenite sadržaj vašim opisima, cijenama i slikama. Ako imate više proizvoda od onih na demo stranici, jednostavno otiđite na Products > Add New i zatim unesite opis proizvoda, slike i postavite cijenu.

Adding productsAdding productsAdding products
Dodavanje proizvoda

4. Prilagodba vizualnog izgleda

Kada ste završili sa postavljanjem stranica i proizvoda, otiđite na Appearance > Customize i podesite postavke po vašem ukusu. Možete učitati vaš logo i ikonu stranice, izmjeniti fontove, prilagoditi početnu stranicu, poziciju bočne trake i još mnogo toga.

5 korisnih WooCommerce ekstenzija koje olakšavaju kvalitetan start vaše e-trgovine

Kao što je ranije spomenuto, postoje mnogobrojne ekstenzije koje vam omogućavaju da dobijete više od vaše e-trgovine. Ovo su pet korisnih ekstenzija koje olašavaju vođenje vaše e-trgovine:

1. WP Flat Visual Chat

WP Flat Visual ChatWP Flat Visual ChatWP Flat Visual Chat
WP Flat Visual Chat

Izgradnja povjerenja je važna kada govorimo o e-trgovinama. Vaši kupci mogu imati pitenje u vezi vaših proizvoda ili pak dostave. Zadnje što želite da naprave je da odustanu od vaše stranice jer ne mogu naći odgovore. Dodavanjem funkcije Live Chat (chat uživo), kupci mogu odmah dobiti odgovore, što je odličan način da ih uvjerite kako vam mogu povjeriti svoj novac.

2. Woocommerce Ultimate Gift Cards

Woocommerce Ultimate Gift CardsWoocommerce Ultimate Gift CardsWoocommerce Ultimate Gift Cards
Woocommerce Ultimate Gift Cards

Zahvaljujući ovoj ekstenziji, možete prodavati poklon kartice za vašu e-trgovinu. Ne samo da ih vaši kupci mogu kupiti i pokloniti ih svojim voljenima, nego ih možete ponuditi i stalnim kupcima kao nagradu ili pak novim posjetiteljima kao poticaj da postanu kupci.

3. Improved Product Options za WooCommerce

Improved Product Options for WooCommerceImproved Product Options for WooCommerceImproved Product Options for WooCommerce
Improved Product Options za WooCommerce

Improved Product Options za WooCommerce plug-in je koji vam omogućava postavljanje željenih prilagođenih opcija za vaš proizvod, kreirajući pritom brojne opcije selektora atributa proizvoda koji idu mnogo dalje od boje, veličine i materijala.

4. Product Filter za WooCommerce

Product Filter for WooCommerceProduct Filter for WooCommerceProduct Filter for WooCommerce
Product Filter za WooCommerce

Zahvaljujući ovom plug-inu koji surađuje sa optimizacijom pretraživanja, vaši kupci mogu filtrirati proizvode po kategorijama, atributima, taksonomijama, rasponima, meta ključevima i još mnogo toga, što im omogućava da pronađu točno onaj proizvod koji traže.

5. Woocommerce Refund and Exchange

Woocommerce Refund and ExchangeWoocommerce Refund and ExchangeWoocommerce Refund and Exchange
Woocommerce Refund and Exchange

Povrat novca može biti težak proces ukoliko nemate ovu ekstenziju. Možete automatizirati cijeli proces i dopustit kupcima da predaju zahtjev za povrat novca ili zamjenu proizvoda, koji će putem e-maila biti poslan vama. Tada možete odlučiti da vratite novac ili zamjenite predmet i tome prilagoditi narudžbu.

Pokrenite vašu e-trgovinu

Pokretanje e-trgovine je uzbudljiv i održiv poslovni model. Sada kada znate kako izraditi web stranicu za e-trgovinu koristeći WordPress i teme napravljene posebno za WooCommerce uz brojne WooCommerce ekstenzije, svoju e-trgovinu možete postaviti i pokrenuti unutar nekoliko sati. Pregledajte odabir tema i započnite izradu svoje e-trgovine već danas.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Business tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads