View
8
Download
0
Category
Preview:
Citation preview
2017.
WOOCOMMERCE 3.1 Upute za korištenje web trgovina
WooCommerce verzije 3.1
EML-PROJEKT EML-PROJEKT D.O.O.
1
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
SADRŽAJ
SADRŽAJ 1
UVOD 3
POSTAVKE WOOCOMMERCA 4
Postavke Općenito 5
Opcije valute 6
Postavke Proizvodi 8
Općenito 8
Prikaz 9
Inventar 11
Proizvodi za download 13
Postavke Porez 15
Omogućavanje poreza 15
Postavke Dostave 20
Postavke Zone dostave 20
Opcije dostave 26
Klase dostave 26
Postavke Naplate 32
Opcije naplate 32
Direktna bankovna transakcija (Internet bankarstvo) 34
Plaćanje čekom 36
PayPal Standard 37
Kartična plaćanja 40
Postavke Računi 41
Stranica Račun 41
Postavke Email 43
API postavke 46
DODAVANJE I UREĐIVANJE PROIZVODA 47
Kategorije proizvoda 47
Kako dodati ili urediti kategoriju proizvoda 47
Oznake proizvoda 50
Što su oznake proizvoda (tagovi)? 50
2
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Atributi proizvoda 51
Dodavanje i uređivanje atributa proizvoda 52
Vrste proizvoda 57
Dodavanje jednostavnog proizvoda 58
Podaci o proizvodu 58
Kategorije i oznake proizvoda 64
Dodavanje slika i galerija proizvoda 65
Slika proizvoda 66
Galerija proizvoda 67
Postavke statusa i vidljivosti 70
Dodavanje grupiranih proizvoda 72
Dodavanje virtualnih proizvoda 74
Dodavanje proizvoda sa mogućim downloadom 75
Dodavanje Vanjskog/Affiliate proizvoda 77
Dodavanje varijabilnog proizvoda 78
Dupliciranje i brisanje proizvoda 86
Istaknuti proizvodi 87
3
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
UVOD
WooCommerce web shop omogućava prodaju fizičkih i digitalnih proizvoda te
prikladnih usluga. Woocommerce osigurava dodavanje varijacija osnovnog
proizvoda, kao što su boje i veličine, omogućava preuzimanje (download) digitalnih
proizvoda te 'affiliate' proizvoda.
Woocommerce omogućava raznolike opcije dostave koje se mogu podesiti tako da
se odnose na cijeli svijet ili pojedine zemlje, a isto tako omogućava 'dropshipping'.
Woocommerce ima ugrađene module za bankovno plaćanje, plaćanje pouzećem,
PayPal, a mogu se ugraditi i moduli za kartično plaćanje.
Isto tako, WooCommerce ima bogate mogućnosti kreiranja detaljnih izvješća o radu
web trgovine.
WooCommerce je potpuno integriran u CMS sustav WordPress i može se relativno
dobro prilagoditi temi koju koristimo. Najbolje je koristiti već prilagođene teme za web
shopove, kao što je npr. Storefront ili Canvas.
WooCommerce isto tako veliku pozornost posvećuje sigurnosti, tako da su redovne
nadogradnje radi otklanjanja uočenih sigurnosnih propusta.
Kako je WooCommerce danas najpopularniji i najzastupljeniji ecommerce sustav, na
kojeg otpada preko trećina svih web trgovina u svijetu, korisnicima je na raspolaganju
ogroman broj dodataka kojima se proširuju mogućnosti web shopa.
Samo u WordPressovom direktoriju možemo pronaći više od 1000 dodataka za
WooCommerce. Neki od njih su besplatni, a pojedini imaju cijenu od više stotina
dolara za korištenje na jednoj web stranici.
U nastavku ćemo objasniti kako koristiti WooCommerce.
4
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
POSTAVKE WOOCOMMERCA
Nakon što smo instalirali WooCommerce u našem izborniku u administraciji
WordPressa pojavlju se dvije nove stavke – WooCommerce i Proizvodi.
U ovome poglavlju upoznat ćemo se sa svim postavkama koje su dostupne u
WooCommercu – Općenite postavke, Proizvodi, Porez, Dostava, Naplata, Računi,
Email i API.
U izborniku administracije WordPressa odaberemo WooCommerce > Postavke
5
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Postavke Općenito
Nakon što smo kliknuli na link Postavke, otvorila nam se stranica Općenite postavke.
Osnovna lokacija
Ovdje se definira zemlja u kojoj se nalazi trgovina. Ovo je važno za određivanje
standardnih poreznih stopa i lokacija kupaca.
Lokacija prodaje
Odabir zemlje ili zemalja u kojima želimo prodavati. Može biti samo jedna zemlja, ili
se mogu odabrati specifične zemlje u kojima će biti omogućena prodaja.
Lokacije dostave
Odabir lokacija dostave – mogu biti sve zemlje u koje želimo prodavati ili se isto
može ograničiti. Odabiremo opcije iz padajućeg izbornika.
Zadana lokacija kupca
Odaberemo način određivanja lokacije kupca, kako bi se omogućio izračun poreza i
dostave, prije nego posjetitelj unese svoju adresu.
• Osnovna adresa trgovine govori sustavu da su kupci na istoj lokaciji kao i
trgovina
• Nema zadane lokacije – nije određena lokacija i porezi se ne izračunavaju.
6
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
• Geolokacija – porezi i dostava se računaju prema pretpostavljenoj lokaciji
kupca.
• Geolokacija (sa stranicom za podršku 'kaširanje') Slično kao i kod
prethodnog ali se spriječava statičko kaširanje (caching) cijena
Omogućite poreze
Ukoliko uklonimo kvačicu neće se prikazivati postavke za poreze.
Obavijest trgovine
Odabirom ove opcije pojavljuje se polje za unos teksta koji želimo da se prikazuje na
svim stranicama web shopa. Ova poruka se prikazuje na vrhu stranice i može se
stilizirati sa CSS.
Opcije valute
Ove opcije određuju kako će se cijene prikazivati u web shopu
Valuta
Odabir osnovne valute naše web trgovine. Može se odabrati samo jedna valuta.
7
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Pozicija valute
Odabir standardne pozicije valute kod prikaza cijene. Položaji su: lijevo, desno. Lijevo
sa razmakom i desno sa razmakom. Za HRK pozicija je desno s razmakom.
Odjelitelj za tisuću
Za Hrvatsku odjelitelj za tisuću je '.': 1.000
Decimalni odjelitelj:
Za Hrvatsku odjelitelj je ',': 1,00
Broj decimala
Odabeite broj decimala koje će se prikazati kod cijena: npr.100,00 ili 100. Standarno
je prikazati cijene sa dvije decimale.
8
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Postavke Proizvodi
Pod postavkama Proizvodi odabiremo kako će se proizvodi prikazivati, uključujući
veličine slika, prikaz zaliha i postavke za digitalne proizvode.
Općenito
Pod opcijom Proizvodi > Općenito imamo mogućnosti odabira jedinica za prikaz
težine i dimenzija proizvoda, te omogućavanje/onemogućavanje prikaza recenzija
proizvoda.
9
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Prikaz
Stranice Trgovine i Proizvoda
Odaberite koju stranicu želite koristiti kao standardnu stranicu trgovine. Iako
WooCommerce kod instalacije automatski napravi stranicu Trgovina, mi ovdje
možemo odabrati bilo koju od naših stranica.
Prikaz stranice trgovine
Odabiremo što želimo prikazati na stranici trgovine – proizvode, kategorije ili oboje.
Osnovni prikaz kategorije
Prikaz proizvoda, pod-kategorija ili oboje.
Osnovno razvrstavanje proizvoda
Odabir načina razvrstavanja (redoslijeda) proizvoda:
• Osnovno razvrstavanje (prilagođeno razvrstavanje + ime)
• Popularnost (prodaja)
• Prosječna ocjena
• Sortiraj po najnovije
• Sortiraj po cijeni (uzlazno)
10
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
• Sortiraj po cijeni (silazno)
Ako odaberemo Osnovno razvrstavanje (prilagođeno razvrstavanje + ime) svaki
proizvod kojem smo u opciji Napredno > Redoslijed izbornika dodijelili manji broj
prikazat će se prije onog koji ima veći broj. Ako nismo mijenjali ovu opciju svi
proizvodi imaju kao Redoslijed izbornika 0, pa se razvrstavanje vrši po abecedi
naziva proizvoda.
Dodaj u ponašanje košarice
• Preusmjeri na košaricu nakon uspješnog dodavanja proizvoda – Nakon
što kupac doda proizvod u košaricu isti se preusmjerava na stranicu
'Košarica'.
• Omogućite AJAX gumbe za dodavanje u košaricu na stranicama
kategorija proizvoda.
Postavljanje veličina slika proizvoda
11
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Ove postavke određuje koje će se dimenzije proizvoda zapamtiti u katalogu nakon
što unesemo novu sliku. Ukoliko naknadno promijenimo veličine slika potrebno je
instalirati dodatak Regenerate thumbnails, koji nam omogućava da se formiraju nove
dimenzije slika prethodno unijetih slika proizvoda.
Imamo slijedeće opcije:
• Katalog Slike – slike unutar kategorija i pod-kategorija
• Slika jednog proizvoda
• Proizvod minijature
U zavisnosti od teme koju koristimo, ove opcije mogu biti drugačije prikazane na
stranici.
Inventar
Za uređivanje opcije Inventar odaberemo WooCommerce > Postavke > Proizvodi >
Inventar
12
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Imamo opciju odabira Upravljanja zalihama. Ako odaberemo ovu opciju imamo
slijedeće mogućnosti:
• Zadržavanje zaliha (u minutama) –Zadržavanje zalihe (za neplaćene
narudžbe) na X minuta. Kada je ovaj limit dosegnut, narudžbe na čekanju će
biti obustavljene. Ako ostavimo prazno, opcija će biti onemogućena.
• Omogućavanje obavijesti o proizvodima sa malim zalihama
• Omogućavanje obavijesti za proizvode kojih nema na zalihi
• Primatelj obavijesti – Unos emaila primatelja obavijesti.
• Prag niskih zaliha – Broj proizvoda za ukljičivanje ovog statusa.
• Prag nestanka zaliha – Broj proizvoda za ukljičivanje ovog statusa.
• Vidljivost nestanka zaliha – Ako odaberemo ovu opciju proizvodi kojih nema
na zalihi se neće prikazivati u web shopu.
• Format prikaza zaliha
o Uvijek prikazuj količinu preostalu na zalihi, npr. '12 na zalihi'
13
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
o Prikazuj preostalu količinu kada je zaliha mala, npr. 'Samo 2 na zalihi'
o Nikad ne prikazuj preostalu količinu na zalihi
Proizvodi za download
Metoda preuzimanja proizvoda
Kontrolira kako trgovina kupcima osigurava proizvode za preuzimanje.
• Prisili preuzimanje – Sustav prisiljava kupca da preuzme proizvod i samo on
ih može preuzeti, a linkovi za preuzimanje su sakriveni.
• X-Accel-Redirect/X-Sendfile – Ovo je sličan način kao i prethodni samo bolji i
omogućava preuzimanje većih datoteka, ali davatelj hosting usluge mora
omogućiti jednu od ovih opcija preuzimanja.
• Samo preusmjeri – Korisnik dobije URL link za preuzimanje datoteke.
Datoteka nije zaštićena od vanjskog pristupa.
Većina web trgovina koristi jednu od prvih dviju metoda kako bi osigurala datoteke od
vanjskog pristupa.
Ograničenje pristupa
• Preuzimanje zahtjeva prijavu – Ova postavka se ne primjenjuje na kupovinu
gostiju.
• Omogućavanje pristupa proizvodima za preuzimanje nakon plaćanja –
Omogućite ovu opciju za davanje pristupa preuzimanju kada je narudžba 'u
obradi' umjesto 'završena'.
14
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
15
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Postavke Porez
Porezi su značajna i kompleksna stavka u postavkama WooCommerca.
Porezi i porezne stope se moraju postviti prije nego što počnemo sa unosom
proizvoda i korištenjem našeg web shopa.
Omogućavanje poreza
To access the tax settings screens, they first need to be enabled.Da bismo uređivale
postavke vezane uz poreze, one moraju biti omogućene.
1. U izborniku odaberemo WooCommerce > Postavke
2. Na stranici Općenito stavimo kvačicu pod Omogućite poreze.
3. Kliknemo na gumb Spremi promjene.
Konfiguriranje Opcija poreza
Ukoliko smo omogućili poreze kao što je prethodno objašnjeno idemo na:
WooCommerce > Postavke > Porezi
Pod stavkom Porez možemo postaviti nekoliko opcija u zavisnosti od propisa
vezanih uz lokaciju našeg web shopa.
16
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Cijene unesene sa porezom
Ovo je možda najvažnija opcija kod upravljanja web shopom jer ona određuje kako
ćemo unositi cijene proizvoda.
• “Da, ja ću unijeti cijene koje uključuju porez” znači da će sve unijete
cijene imati uključen porez prema našoj standardnoj stopi.
Izračunaj porez prema
Ova postavka određuje koja će se adresa koristiti za izračun poreza.
17
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
• Adresa kupca za dostavu (standardno)
• Adresa kupca za naplatu
• Osnovna adresa trgovine
Ukoliko se koristi Osnovna adresa trgovine, porezi će se uvijek primjenjivati prema
adresi trgovine, a ne lokaciji kupca.
Porezna klasa dostave
Obično se klasa dostave određeje prema proizvodima koji se dostavljaju, npr. ukoliko
se dostavlja roba sa manjom klasom poreza, onda će i dostava biti oporezovana s
tom manjom klasom. Ovo je regulirano propisima.
Zaokruživanje
Ova opcija određuje da li će se zaokruživanje obavljati na ukupan iznos košarice, ili
na razini pojedinog proizvoda. Ovo je isto određeno propisima.
Dodatne klase poreza
Ukoliko prodajete proizvode sa različitim klasama poreza, npr. proizvodi sa
smanjenom stopom poreza, ili proizvode koji su oslobođeni poreza, onda se moraju
postaviti odgovarajuće klase. WooCommerce već ima postavljene tri klase:
standardnu klasu, manji porez i bez poreza.
Svaka klasa ima link pri vrhu stranice – kliknite na svaku klasu da bi vidjeli poreznu
stopu koja je dodijeljena.
Prikaz cijena u trgovini
Ova opcija određuje kako će se cijene prikazivati posjetiteljima web shopa. Možemo
prikazivati cijene sa uključenim porezom, ili bez poreza.
Prikaz cijena u Košarici i na stranici Blagajna
Ova opcija određuje kako će se cijene prikazivati u košarici i na stranici blagajne i
neovisne su od toga kako se cijene prikazuju na stranici proizvoda ili u prikazu
kategorija. Opcije su sa uključenim porezom ili bez njega.
Napomena: Ukoliko smo u postavkama odabrali izračun poreza prema lokaciji
kupca, za izračun poreza potrebno je ispuniti adresu kupca.
Prikaz cijene - sufiks
Omogućava nam prikaz dodatka uz cijenu proizvoda, npr. (sa PDV-om).
18
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Ako dodamo sufiks '{price_including_tax}' ili '{price_excluding_tax}' u nastavku
odabranog prikaza cijene vidjet ćemo uz odabrani prikaz i cijenu sa ili bez poreza (sa
manjim slovima).
Na slici vidimo primjer primjene sufiksa {price_excluding_tax}.
Prikaz Porez Ukupno
Određuje kako će porez biti prikazan za vrijeme plaćanja, kao ukupni porez ili
razvrstan po stavkama.
Postavljanje stopa poreza
Klase poreza su prikazane kao linkovi na vrhu stranice. Kada kliknemo na neku od
njih vidjet ćemo odgovarajuće stope poreza.
19
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
U prikazanoj tablici kliknemo na Umetnite red kako bi dodali novu poreznu stopu.
Svaka od klasa poreza ima slijedeće atribute:
• Kod države – Dvoznamenkasti kod za odabir države na koju će se odnositi
navedena stopa. Ako želite da se odnosi na sve države ostavite prazno (*).
• Kod države – Ovo se odnosi na SAD. Ostaviti prazno (*).
• Poštanski broj – Ostaviti prazno (*).
• Grad – Ostaviti prazno (*).
• Stopa % – Unesite poreznu stopu, npr. 25, za PDV od 25%.
• Naziv poreza – Npr. PDV
• Prioritet – Ostavite 1.
• Spoj – Stavite kvačicu, ako je ovo glavni porez koji će se pribrajati svim
ostalim porezima.
• Dostava – Stavite kvačicu ako će se ovaj porez primjenjivati i na dostavu.
Brisanje poreznih stopa
Ukoliko želimo ukloniti neku od poreznih stopa, pokazivačem označimo red u kojem
se nalazi porezna stopa koju želimo ukloniti (obojit će se žuto) i kliknemo na gumb
Uklonite odabrani redak ili retke i spremimo promjene tako da kliknemo na gumb
Spremi promjene.
20
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Postavke Dostave
Osnovni ekran za postake Dostave je stranica Zone dostave. Zonu dostave
možemo promatrati kao zemljopisno područje gdje vrijedi određeni skup metoda i
cijena dostave.
Postavke Zone dostave
Ukoliko prodajete fizičke proizvode sigurno ih morate i dostaviti kupcima.
Za reguliranje dostave u WooCommercu najprije moramo odrediti zone dostave,
nakon toga trebamo dodati metode dostave tim zonama i na kraju moramo odrediti
cijene za odabrane metode. Možemo kreirati koliko god želimo zona dostave i dodati
više metoda dostave svakoj zoni.
Zone dostave
Zona dostave je zemljopisno područje u koje ćete dostavljati svoje proizvode. Vi
možete postaviti široko geografsko područje kao zonu dostave, a možete ići i na uska
područja kao što su regije ili poštanski brojevi – prema vašim potrebama.
Kupci mogu vidjeti samo metode koje odgovaraju njihovoj adresi i koje su im
dostupne. Svaki kupac može biti samo u jednoj zoni.
Možemo formirati više zona prema našim potrebama, a svaka zona dostave sadrži
više metoda dostave.
Dodavanje i upravljanje sa zonama dostave
Za postavljanje zona dostave idemo na WooCommerce > Postavke > Dostava.
Ukoliko ne vidimo opciju Dostava, idemo na Općenite opcije i omogućimo dostavu.
21
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Kada prvi puta kliknemo na gumb Dostava u izborniku na vrhu stranice otvorit će
nam se ekran za dodavanje zone dostave.
Lokacije koje nisu pokrivene drugim zonama (Locations not covered by your other
zones) se koristi za kupce koji ne ulaze ni u jednu od formiranih zona dostave.
Dodavanja metoda dostave ovoj zoni je potpuno opcionalno i zavisi od vaših potreba.
Ukoliko kupci unesu adresu dostave koja se nalazi u zoni bez metoda dostave, oni
će dobiti obavijest da dostava nije moguća.
Dodavanje nove zone dostave
Idemo na WooCommerce > Postavke > Dostava > Zone dostave i kliknemo na gumb
Dodajte zonu dostave. Pojavit će se ekran kao na slici ispod.
22
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Unesite naziv zone (koji će imati smisla za vas) i odaberite regije unutar ove zone.
Regije se mogu sastojati od država i kontinenata. Možemo odabrati i ograničavanje
zone samo na pojedine poštanske brojeve, ili raspon poštanskih brojeva.
Dodamo Metode dostave koje su dostupne za tu zonu i kliknemo na gumb Spremi
promjene.
Na slici ispod vidimo primjer sa dvije zone dostave i opcijom za ostatak svijeta.
23
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Redoslijed zona dostave
Redoslijed zona dostave se postavlja na način tako da će uvijek koristiti prva zona
koja odgovara adresi kupca. Ukoliko adresa ne odgovara ni jednoj zoni dostave,
koristit će se zadnja opcija (Locations not covered by your other zones).
U našem gornjem primjeru sustav će najprije provjeriti da li je adresa u Hrvatskoj,
zatim u Europi i ako nije ni u jednoj od njih tad će primijeniti zadnju opciju (Locations
not covered by your other zones).
Za mijenjanje redoslijeda zona dostave dođemo pokazivačem na ikonu lijevo od
naziva zone i premjestimo je na željenu poziciju.
Uređivanje zona dostave
Za uređivanje zone dostave:
1. Idemo na: WooCommerce > Dostava > Zone dostave.
2. Prijeđemo pokazivačem preko naziva zone i ispod naziva će se pojaviti linkovi
Uredi i Obriši.
3. Odaberemo Uredi i pojavit će se ekran u kojem možemo promijeniti Naziv
zone, Regije zone i Metode dostave.
4. Zapamtimo promjene.
Opcija Locations not covered by your other se ne može premještati jer je ona uvijek
zadnja opcija.
Ako želimo obrisati neku od zona dostave:
1. Idemo na: WooCommerce > Dostava > Zone dostave.
2. Prijeđemo pokazivačem preko naziva zone i ispod naziva će se pojaviti linkovi
Uredi i Obriši.
3. Odaberemo Obriši i zona dostave će biti obrisana.
24
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Dodavanja metoda dostave zonama dostave
Za dodavanje metode dostave postojećoj zoni dostave:
1. Idemo na: WooCommerce > Dostava > Zone dostave.
2. Prijeđemo pokazivačem preko naziva zone i odaberemo Uredi.
3. Pod Metode dostave, možemo isključiti neku od metoda klikom na gumb u
stupcu Omogućeno, ili možemo dodati novu metodu klikom na gumb Dodaj
metodu dostave.
4. Spremimo promjene.
Kod pojedine zone dostave bit će izlistane samo one metode koje su postavljene za
tu zonu dostave.
Uklanjanje metoda dostave iz zone dostave
Za uklanjanje metode dostave iz zone dostave:
1. Idemo na: WooCommerce > Dostava > Zone dostave.
2. Prijeđemo pokazivačem preko naziva zone i odaberemo Uredi.
3. Pod Metodama dostave prijeđemo pokazivačem iznad metode koju želimo
ukloniti i kliknemo na link Obriši.
4. Zapamtimo promjene.
Redoslijed prikaza metoda dostave
Metode dostave koje su raspoložive za određenu zonu dostave možemo premještati
na način da pokazivačem prijeđemo preko ikone lijevo od naziva metode dostave i
premjestimo je na željenu poziciju.
25
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Ovaj redoslijed će se vidjeti i na stranici košarice (ako je to omogućeno u
postavkama) i na stranici plaćanja web shopa.
Na donjoj slici vidimo izgled metoda dostave na stranici plaćanja – Besplatna dostava
nije vidljiva zato što vrijednost narudžbe nije prešla postavljeni prag za besplatnu
dostavu.
26
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Opcije dostave
Kalkulacije dostave
• Omogući izračun dostave na stranici košarice
• Sakrij cijenu dostave sve dok adrsa nije unesena
Odredište dostave
Može se odabrati na koju se adresu vrši dostava proizvoda. Standardna je opcija
dostava na adresu dostave.
Debug način
Ova opcija slučaj za otkrivanje eventualnih grešaka kod postavki dostave.
Klase dostave
Klase dostave služe kako bi se unutar iste metode dostave (npr. Fiksna cijena
dostave) odredili različiti iznosi dostave u zavisnosti od proizvoda (npr. manji
proizvodi – jeftinija dostava, veći proizvodi – skuplja dostava).
Klase dostave služe za grupiranje proizvoda i ne nude se direktno kupcu kao metode
dostave koje mogu odabrati. Klase dostave se dodaju postojećoj metodi dostave
(npr. Fiksna cijena dostave) u okviru određene zone dostave.
27
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Dodavanje klase dostave
1. Idemo na: WooCommerce > Postavke > Dostava > Klase dostave.
Na popisu vidimo postojeće klase dostave.
2. Kliknite na Dodaj klasu dostave, kao što je prikazano na donjoj slici. Pojavit će
se novi red za dodavanje.
28
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
3. Unesite Naziv klase dostave i Opis. Polje Slug ostavite prazno jer će se ono
automatski popuniti kod spremanja.
4. Spremite klase dostave.
Uređivanje i brisanje klasa dostave
Za uređivanje ili brisanje klase dostave:
1. Kada pokazivačem prijeđete preko naziva klase dostave pojavit će linkovi
Uredi i Ukloni, ispod naziva klase dostave.
2. Kliknite na link Uredi za uređivanje naziva ili opisa klase, ili kliknite na link
Ukloni ako želite ukloniti klasu dostave.
3. Kliknite na Spremi klase dostave.
29
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Dodavanje klasa dostave pojedinom proizvodu
Da bi se ove klase mogle koristiti potrebno je iste dodati konkretnoj vrsti proizvoda
(npr. manji proizvodi, ili veći proizvodi)
1. Idemo na: WooCommerce > Proizvodi.
2. Odaberemo željeni proizvod i kliknemo na Uredi.
3. Na stranici proizvoda unutar Podaci o proizvodu, kliknemo na Dostava i pod
Klase dostave odaberemo odgovarajuću klasu dostave za naš proizvod. Ako
se radi o Varijabilnim proizvodima (osnovni proizvod ima više boja i/ili veličina)
ond klasu dostave biramo za svaku varijaciju proizvoda.
4. Kliknemo na gumb Ažuriraj kako bi zapamtili promjene.
30
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Grupno dodavanje klasa dostave proizvodima
Za grupno uređivanje klasa dostave:
1. Idemo na: WooCommerce > Proizvodi.
2. Odaberemo proizvode koje želimo urediti na način da označimo kvadratiće
lijevo od slike i naziva proizvoda.
3. Kada odaberemo opciju Uredi sa padajućeg izbornika na vrhu liste proizvoda i
kliknemo na Primijeni, pojavit će se novi prozor za uređivanje.
4. U padajućem izborniku odaberemo željenu klasu dostave.
31
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
5. Zapamtimo promjene.
32
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Postavke Naplate
Control settings for checkout pages, coupon usage and payment
gateways.Kontroliraju se postavke stranice za plaćanje, korištenje kupona za
popuste i gatewaya plaćanja.
Opcije naplate
Pod stavkom Opcije naplate nalaze se opće opcije plaćanja u web trgovini.
Proces plaćanja
Kuponi
Odaberite da li želite omogućiti korištenje kupona – Kuponi se mogu koristiti u
košarici i stranici za plaćanje.
Izračunaj popuste kupona u nizu
Kod primjene više kupona, prvi kupon se primjenjuje na punu cijenu, drugi kupon na
već sniženu cijenu i tako dalje. Ukoliko nije odabrana ova opcija svaki kupon se
primjenjuje na punu cijenu.
Proces plaćanja
• Omogućite kupovinu gostima – Omogućava kupcima da izvrše plaćanje bez
prethodno kreiranog računa.
• Forsiraj zaštićeno plaćanje – Forsiraj SSL (HTTPS) na stranicama blagajne
(SSL Certifikat je obavezan).
Stranice naplate
33
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Navedene stranice se moraju konfigurirati kako bi WooCommerce znao gdje da
pošalje kupce na naplatu: Stranica košarice, Stranica naplate i stranica Uvjeti i
Odredbe. Mi ne trebamo koristiti stranice za košaricu i naplatu koje je WooCommerce
formirao kod instalacije, ali moramo imati stranice koje će biti postavljene kao
Stranica košarice i Stranica naplate, jer se u suprotnom neće moći izvršiti kupovina i
plaćanje.
Stranicu Uvjeti i Odredbe napravimo kao svaku drugu stranicu u Wordpressu i onda
tu stranicu odaberemo u padajućem izborniku na ovoj stranici.
Uvjeti i Odredbe će se pojaviti na stranici naplate i oni se moraju odabrati da bi se
izvršila narudža. Uvjeti i Odredbe se pojavljuju u obliku linka na koji možemo kliknuti
kako bi provjerili Uvjete i Odredbe kupovine.
Krajnje točke na stranici za plaćanje
Krajnje točke se dodaju kao nastavak URL adrese za specifične akcije. Ovo nije
predviđeno za uređivanje od strane korisnika, već programera.
34
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Metode plaćanja Instalirani načini plaćanja (Gateway payments) se prikazuju pod Metode plaćanja i u
tablici se vide koji su instalirani, njihov redoslije (može se promijeniti tako da
pokazivačem označimo ikonu ispred naziva i premjestimo na željenu poziciju). U
tablici također vidimo koji su načini omogućeni, a koji ne.
Direktna bankovna transakcija (Internet
bankarstvo)
Direktna bankovna transakcija je uplata na bankovni račun vlasnika trgovine. Ova
uplat se obavlja fizičkom uplatom u banci, pošti i slično, ili se uplata može izvršiti
korištenjem Internet bankarstva.
35
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Narudžbe kod kojih se koristi Direktna bankovna transakcija su u statusu Na čekanju
sve dok se ne uvjerimo da su novci sjeli na naš bankovni račun. Vlasnik trgovine
treba provjeriti da je narudžba plaćena prije nego što status narudžbe promijeni u U
obradi ili Završeno, te pošalje robu.
Postavke
1. Idemo na: WooCommerce > Postavke > Naplata > Internet bankarstvo
2. Konfiguriramo postavke:
• Uključi/Isključi – Kvadratić mora biti označen kako bi ovaj način plaćanja
bio aktivan.
• Naslov –Postavite naslov koji će biti vidljiv kupcima za vrijeme plaćanja.
• Opis – Informacije koje će se prikazati kupcima kada odaberu ovaj način
plaćanja.
• Instrukcije – Objasnite kupcima kako izvršiti plaćanje na bankovni račun.
• Detalji računa – Unesite Ime računa, Broj računa, Ime banke i IBAN. Ovi
podaci prikazat će se kupcima na stranici nakon slanja narudžbe i na
dostavljenom emailu potvrde narudžbe.
36
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
3. Kliknite na Spremi promjene
Plaćanje čekom
Plaćanje čekom je način plaćanja koji se također ne obavlja u web trgovini, već kupac pošalje ček vlasniku trgovine. Ovaj način plaćanja se u Hrvatskoj rijetko koristi.
Plaćanje prilikom preuzimanja (pouzećem)
Kod plaćanja prilikom preuzimanja (pouzećem) se također plaćanje obavlje izvan
web trgovine ('offline'). Narudžbe kod kojih je kao način plaćanja odabrano plaćanje
pouzećem se nalaze u statusu U obradi sve do plaćanja po izvršenoj dostavi robe.
Vlasnik robe mora nakon izvršene dostave i prijema uplate sam označiti narudžbu
kao Završeno.
Postavke
1. Idite na: WooCommerce > Postavke > Naplata > Plaćanje prilikom
preuzimanja.
37
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
2. Konfigurirajte postavke:
• Uključi/Isključi – Kvadratić mora biti označen kako bi ovaj način
plaćanja bio aktivan.
• Naslov – Tekst koji će kupci vidjeti na stranici naplate.
• Description – Tekst koji će kupci vidjeti nakon odabira ovog načina
naplate.
• Instructions – Objasnite kako se obavlja plaćanje.
• Omogućite za metodu dostave – Odaberite metode dostave za koje će
biti omogućen ovaj način plaćanja.
• Prihvati virtualne narudžbe – Označite kvadratić za omogućavanje.
3. Spremite promjene
PayPal Standard
PayPal Standard omogućuje sigurno plaćanje na stranicama PayPal-a.
38
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Kupac po izvršenom plaćanju odmah dobija obavijest o izvršenom plaćanju.
Za korištenje plaćanja preko PayPala kao vlasnik web trgovine morate otvoriti
Buiness račun (ne običan račun koji koristite za kupovinu na Internetu). Možete
posjetiti web stranicu PayPal Global za otvaranje vašeg poslovnog računa
(‘https://www.paypal.com/us/webapps/mpp/country-worldwide’). Pratite instrukcije i
ispunite sve potrebne podatke.
Važno je napomenuti da WooCommerce nema HRK kao valutu plaćanja, pa se
moraju napraviti male izmjene kako bi se isto omogućilo. Prije izmjena, kada
odaberete PayPal kao način plaćanja vidjet ćete ovaj ekran.
Kada se unesu potrebne promjene koda dobit ćete ekran za uređivanje ovog načina
plaćanja.
39
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Konfiguracija postavki za PayPal Standard
1. Idite na: WooCommerce > Postavke > Naplata > PayPal.
2. Kada smo forimirali PayPal Business račun i spremni smo za rad označimo
polje Omogući PayPal standard.
3. Unesemo Naslov i Opis koji će se prikazivati kupcima tijekom plaćanja.
4. Unesemo email adresu koja mora odgovarati email adresi koju smo prijavili
kod formiranja PayPal Business računa.
5. Ako želimo isprobati testiranje I funkcioniranje sustava plaćanja tijekom
izrade web trgovine označimo polje Omogući PayPal sandbox. Plaćanje u
ovome slučaju nije moguće.
6. Debug logs se koristi za vrijeme izrade web stranice.
Napredne opcije
Pod naprednim opcijama ispunimo polja prema potrebi. Najčešće nije potrebno
mijenjati standardne opcije.
40
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
API identifikacijski podaci
Kod standardne instalacije PayPal plaćanja ovi podaci nisu potrebni.
Kartična plaćanja
Sustavi za karično plaćanje se posebno instaliraju i konfiguriraju u zavisnosti od želja
i potreba korisnika. Sustavi za kartično plaćanje omogućavaju spajanje sa
davateljima usluga – Payment Gateway, koji osiguravaju sigurno plaćanje sa
odabranim karticama banaka i kartičara.
41
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Postavke Računi
Stranica Račun
Stranica Moj račun se automatski kreira kod instalacije, ali se može odabrati i bilo
koja druga, prethodno izrađena stranica.
Stranica Moj račun
Odaberemo željenu stranicu sa padajućeg izbornika.
Opcije registracije
Možemo odabrati slijedeće opcije registracije:
• Dozvolite registraciju korisnika na stranici plaćanja.
• Dozvolite registraciju korisnika na stranici 'Moj račun'.
• Prikaži podsjetnik za prijavu registriranog kupaca na stranici "Plaćanje"
Stvaranje računa
• Automatski generiraj korisničko ime iz email adrese kupca
• Automatski generiraj lozinku za kupca
42
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Krajnje točke mog računa
Krajnje točke služe za dodavanje specifičnih funkcionalnosti i nisu predviđene za
korisnike.
43
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Postavke Email
Ove opcije omogućavaju uređivanje različitih vrsta emaila i uređivanje predložaka.
Opcije emaila pošiljatelja
Postavite kako želite da se prikazuje ime pošiljatelja na emailovima koje šalje
WooCommerce.
44
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Predložak emaila
Pod opcijama Email predložak možemo urediti izgled predloška emaila koje šalje
WooCommerce.
Možemo konfigurirati slijedeće stavke:
• Slika zaglavlja (unesemo URL adresu slike koju želimo koristiti – najčešće
logo tvrtke).
• Tekst u podnožju (Footer)
• Osnovna boja
• Boja pozadine
• Boja pozadine za tijelo poruke (Body)
• Boja teksta u tijelu poruke.
Uređivanje predložaka pojedinačnih emailova
Kao što se vidi u donjoj tablici imamo desetak različitih vrsta email obavijesti.
45
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Svaka od navedenih email obavijesti može se pojedinačno uređivati na način da
kliknemo na ikonu 'zupčanika' desno od naziva emaila.
Otvorit će nam se ekran za uređivanje. Kao primjer pokazat ćemo uređivanje email
obavijesti 'Nova narudžba'.
Korisnik najčešće neće morati mijenjati ove postavke jer se one konfiguriraju tijekom
izrade web trgovine, ali neke od stavki može promijeniti i korisnik.
46
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
API postavke
API postavke su napredne postavke predviđene isključivo za osobe koje izrađuju
web stranice i imaju potrebna znanja programiranja.
47
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
DODAVANJE I UREĐIVANJE
PROIZVODA
Prije nego što objasnimo kako dodati novi proizvod u našu web trgovinu, upoznat
ćemo se sa osnovnim elementima potrebnim za pravilni prikaz proizvoda, kao što su
kategorije proizvoda, oznake (tagovi) proizvoda, atributi i sl.
Kategorije proizvoda
Kategorije proizvoda su osnovni način za grupiranje sličnih proizvoda. Svakoj
kategoriji možete po želji dodavati podkategorije.
Ako npr. u svojoj web trgovini prodajete odjeću, kao kategorije možete imati majice,
hlače, košulje i sl.
Kako dodati ili urediti kategoriju proizvoda
Kategorije odaberemo tako da u izborniku administracije WooCommerca odaberemo
Proizvodi > Kategorije.
Slično kao i kod kategorija u objavama (postovima) u Wordpressu, možemo
dodavati, brisati i uređivati kategorije proizvoda.
• Dodati Ime.
• Dodati Slug ako želimo, jer sustav sam iz imena formira slug.
48
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
• Odabrati Matičnu kategoriju, ukoliko se radi o podkategoriji.
• Po želji dodati Opis kategorije (da li će se isti prikazivati ovisi o temi koju
koristimo).
• Odabrati Vrstu prikaza. O ovoj opciji ovisi što će se prikazivati na stranici
prikaza kategorije. Opcija Default koristi postavke teme koju koristimo. Opcija
Proizvodi prikazuje sve proizvode u toj kategoriji. Opcija Podkategorije
prikazuje samo podkategorije, a opcija Oboje prikazuje i podkategorije i
proizvode.
• Učitaj/Dodaj sliku (po želji). Većina tema kod prikaza stranice kategorije
prikazuje i slike kategorija ili podkategorija, zato je uvijek dobro postaviti sliku
kategorije.
Najpoznatija WooCommercova tema Storefront standardno prikazuje slike kategorija
proizvoda na naslovnoj stranici.
Redoslijed kategorija se također može promijeniti tako da se jednostavno 'uhvate i
ispuste' ('drag and drop') na željenu poziciju.
Kada dodajemo novi proizvod (Proizvodi > Dodaj novi) kategoriju proizvoda
odabiremo između već forimiranih kategorija proizvoda na desnoj strani ekrana, ili
dodamo novu kategoriju proizvoda.
49
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
50
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Oznake proizvoda
Što su oznake proizvoda (tagovi)?
Oznake (tagovi) proizvoda su uz kategorije proizvoda još jedan način grupiranja
proizvoda. Za razliku od kategorija, oznake proizvoda nisu hijerarhijski ustrojene,
dakle nema 'podoznaka'.
Na primjer, ukoliko u našoj trgovini sa odjećom imamo mnogo proizvoda sa slikom
mačke, mi možemo dodati oznaku 'mačka' i tu oznaku dodijeliti svim proizvodima,
bez obzira na njihovu kategoriju, koji imaju sliku mačke. Oznake proizvoda možemo
slično kao i kategorije prikazivati u izbornicima ili u 'widgetima' (npr. u bočnoj traci –
'sidebar').
Dodavanje/uređivanje oznaka proizvoda
Oznake proizvoda se dodaju slično kao i kategorije proizvoda, a njihova namjena i
prikazivanje su isti kao i kod oznaka kod objava (postova).
51
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Atributi proizvoda
Treći važan način grupiranje proizvoda je korištenje atributa proizvoda. Postoje dva
načina važna korištenja atributa u WooCommercu:
• Prvi način je prikaz opcije filtriranja proizvoda kroz prikaz filtera u bočnoj
traci.
• Drugi način je kroz korištenje varijabilnih proizvoda. Za formiranje varijabilnog
proizvoda najprije moramo definirati atribut ili više njih, za taj proizvod. Ovi
atributi će se kasnije koristiti za kreiranje varijacija proizvoda.
52
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Na primjer, ukoliko prodajemo odjeću dva logična atributa su 'boja' i 'veličina', tako da
posjetitelji mogu unutar različitih kategorija tražiti samo proizvode željene boje i
njihove veličine.
Dodavanje i uređivanje atributa proizvoda
Postavljanje globalnih atributa
Za dodavanje, uređivanje i uklanjanje atributa idemo na: Proizvodi > Atributi .
Ovdje možemo jednostavno dodati novi atribut
• Naziv.
• Slug (nije obavezno)
• Omogući arhive. Ako odaberemo ovu opciju možemo u našem izborniku
kreirati stavku koja će voditi na stranicu sa svim proizvodima koji odgovaraju
željenoj opciji. Na primjer, možemo napraviti stranicu koja će prikazivati sve
proizvode sa atributom 'boja' i vrijednosti
• Vrsta. Definira način odabira atributa za proizvode. Tekst omogućava ručni
unos vrijednosti atributa, dok Odaberite omogućava biranje unaprijed
konfiguriranih uvjeta u padajućem popisu.
• Standardni (default) redoslijed sortiranja. Određuje redosljed sortiranja
‘uvjeta’ na stranicama s proizvodom. Ukoliko koristite Prilagođeno sortiranje,
53
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
možemo mijenjati redoslijed uvjeta tako da povućemo I ispustimo uvjet na
željenu poziciju.
Za dodavanje atributa kliknemo na gumb Dodaj atribut na dnu ekrana. Na ovaj način
dodali smo atribut, ali on još nema vrijednosti (uvjeta).
Za dodavanje Uvjeta atributu kojeg smo upravo formirali ('Veličina') kliknemo na link
Konfiguriraj uvjete u redu gdje se nalazi atribut.
U novome ekranu dodamo sve željene vrijednosti (Uvjete) atributa na način da
unesemo naziv Uvjeta i kliknemo na Dodaj novi Veličina ('Veličina je ovdje naziv
atributa koji WooCommerce automatski dodaje gumbu). Ovaj postupak ponavljamo
dok ne dodamo sve željene Uvjete.
Redoslijed Uvjeta možemo urediti principom 'drag and drop' (odaberi i povuci).
54
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Dodavanje globalnih atributa proizvodu
Za dodavanje kreiranog atributa novom ili već postojećem proizvodu postupak je
slijedeći:
Idemo na stavku Proizvodi i odaberemo dodavanje novog proizvoda, ili odaberemo
neki od postojećih proizvoda kojemu želimo dodati novi atribut.
Unutar sekcije Podaci o proizvudu u izborniku odaberemo stavku Atributi. U
padajućem izborniku odaberemo atribut koji želimo dodati i kliknemo na gumb Dodaj.
Ukoliko smo kod kreiranja atributa kao vrstu postavili Odaberi, sada možemo dodati
postavljene Uvjete sa padajućeg izbornika.
55
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Ako smo kod formiranja atributa kao vrstu postavili Tekst, možemo dodati željene
Vrijednosti na način da iste odvojimo sa ravnom okomitom crtom ('pipe', '|'). Nakon
što smo kliknuli na Spremi atribute, ove vrijednosti će biti dodane u globalne atribute.
Dodavanje prilagođenih atributa proizvoda
Također možemo dodavati atribute koji će se koristiti samo kod jednog proizvoda.
Ovo je idealno ukoliko imamo proizvode sa jedinstvenim varijacijama.
Za dodavanje prilagođenih atributa proizvoda umjesto već postajećeg atributa (u
prethodnom slučaju to je bio 'Boja') odaberemo Prilagođeni atribut proizvoda,
kliknemo na gumb Dodaj i unesemo Naziv atributa i Vrijednosti odvojene '|' (isti
postupak kao i kod globalnih atributa).
56
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
57
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Vrste proizvoda
Nakon što smo formirali kategorije, atribute i klase dostave možemo početi dodavati
proizvode. Kod dodavanja proizvoda najprije moramo odlučiti o kojoj vrsti proizvoda
se radi.
• Jednostavni proizvod – Najčešće korištena vrsta proizvoda koji se
dostavljaju kupcu i nemaju opcija. Kao primjer jednostavnog proizvoda
možemo uzeti knjigu.
• Grupirani proizvod – Skup povezanih proizvoda koji se mogu kupiti odvojeno
i sastoje se od pojedinačnih proizvoda. Kao primjer možemo uzeti set od šest
čaša.
• Virtualni proizvod – Proizvodi koji ne traže dostavu, kao što su npr. Usluge.
Kada proizvod označimo kao virtualni proizvod, uklonit će se sva polja koja su
vezana uz dimenzije i dostavu proizvoda.
• Proizvodi za skidanje (download) – Isto kao i kod virtualnih proizvoda,
proizvodi za download ne prikazuju opcije koje se odnose na dostavu.
Također se pojavljuju dodatna polja gdje se mogu osigurati datoteke za
download. Nakon uspješne kupnje, kupcu se emailom dostavlja obavijest sa
linkom za download datoteke. Ova vrsta proizvoda je prikladna za prodaju
digitalnih albuma, PDF časopisa ili fotografija.
• Vanjski/ 'Affiliate' proizvodi –Proizvodi koji su prikazani na vašoj web
stranici, ali se prodaju na drugom mjestu.
• Varijabilni proizvod – Proizvod koji ima varijacije, a svaka od varijacija može
imati različitu oznaku proizvoda (SKU), cijenu, stanje na zalihi i sl. Kao primjer
možemo uzeti majice koje imaju različite boje i veličine proizvoda.
• Postoje i druge vrste proizvoda koji se najčešće dodaju instaliranjem
Dodataka. Kao primjer možemo navesti dodatke WooCommerce Subscription
i WooCommerce Bookings.
58
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Dodavanje jednostavnog proizvoda
Postupak dodavanje jednostavnog proizvoda je sličan dodavanju objava (postova) u
WordPressu.
1. Idemo na WooCommerce > Proizvodi > Dodaj novi.
2. Unesemo Naziv i Opis proizvoda (Isto kao i kod unosa objave u WordPressu).
3. Idemo na sekciju Podaci o proizvodu i po potrebi označimo polja Virtualno ili
Moguć download.
Napomena: Virtualni proizvodi ne zahtijevaju dostavu, tako da se neće prikazivati
polja vezana uz dostavu.
Podaci o proizvodu
U sekciji Podaci o proizvodu dodaje se većina najznačajnijih podataka o proizvodu.
Naziv proizvoda
Opis proizvoda
59
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Općenito
• Normalna cijena
• Snižena cijena – Klikom na link Raspored možemo odabrati vremensko
razdoblje akcije sa sniženom cijenom.
Inventar
SKU Ova oznaka mora biti jedinstvena (ne smiju biti dva proizvoda sa istim SKU) i ne
smije se poklapati sa ID oznakom nekog od proizvoda. Kako su ID oznake isključivo
brojevi, poželjno je da SKU bude kombinacija slova i brojeva, npr. WS001.
Opcija Inventar omogućava nam pojedinačno uređivanje zaliha proizvoda (odabirom
Omogućiti upravljanje na razini proizvoda otvaraju se polja za unos podataka o zalihi
proizvoda). Ako ne odaberemo opciju Uredi zalihu, vidljiva su samo polja Status
zalihe i polja za odabir isključivo pojedinačne prodaje proizvoda.
60
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Dostava
• Težina proizvoda
• Dimenzije proizvoda – dužina, širina i visina.
• Klasa dostave – Odabir odgovarajuće klase dostave koja odgovara ovome
proizvodu.
Povezani proizvodi
Za dodatno promoviranje proizvoda u web shopu možemo koristiti 'Upsell' i 'Cross-
Sell' proizvode.
Ovi proizvodi se dodaju na način da se u odgovarajuće polje ('Upsells' ili 'Cross-
Sell's) unesu početna slova (najmanje 3) naziva proizvoda koji želimo dodati, te
izvršimo odabir iz padajućeg izbornika. Nakon odabira isti se pojavljuju u
odgovarajućem polju za unos.
61
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Up-sell proizvodi se pojavljuju ispod opisa proizvoda na stranici proizvoda i često se
koriste kako bi se posjetiteljima prikazali i skuplji modeli navedenog proizvoda ili slični
proizvodi.
Cross-sell proizvodi se prikazuju na stranici Košarice i najčešće se koristi za
dodavanje dodatnog pribora ili povezanih proizvoda sa proizvodom koji je kupac
dodao u košaricu.
62
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Atributi
Korištenje atributa proizvoda je detaljno objašnjeno u poglavlju Atributi.
Atributi koje smo unijeli u odabrali kao Vidljivo na stranici proizvoda, prikazuju se na
stranici proizvoda kao Dodatne informacije, klikom na link ispod Opisa proizvoda.
63
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Napredno
• Napomena uz kupovinu (nije obavezno) – Napomena kupcu nakon izvršene
kupnje.
• Redoslijed izbornika – Redoslijed proizvoda unutar određene kategorije.
• Omogući recenzije – Omogućavanje recenzija za ovaj proizvod na stranici
proizvoda.
64
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Kratki opis proizvoda
Kratki opis proizvoda koji se pojavljuje ispod naziva proizvoda, lijevo od slike
proizvoda. U najnovijoj inačici WooCommerca ovdje se može dodati i video.
Kategorije i oznake proizvoda
Na desnoj strani ekrana za uređivanje proizvoda nalaze se sve formirane kategorije
proizvoda i ovdje označimo u kojoj kategoriji želimo da se prikazuje naš proizvod.
Jedan proizvod može se nalaziti u više kategorija. Ako želimo proizvod dodati u
kategoriju koja nije formirana, kliknemo na link Dodaj novu kategoriju i formiramo
novu kategoriju.
Na sličan način dodajemo i Oznake proizvoda. Možemo odabrati već postojeću
oznaku klikom na link Izaberite među najkorištenijim oznakama, ili dodamo novu
oznaku proizvoda.
65
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Dodavanje slika i galerija proizvoda
Slike proizvoda i Galerije proizvoda dodajemo na desnoj strani stranice proizvoda,
najčešće ispod kategorija i oznaka proizvoda.
66
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Slika proizvoda
Slika proizvoda je glavna slika proizvoda. Ova slika se pojavljuje kao početna slika na
stranici proizvoda, a isto tako se pojavljuje u prikazu proizvoda unutar kategorija
proizvoda.
67
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Dodavanje slika je isto kao i kod dodavanja Istaknutih slika u objavama i stranicama
WordPressa. Ukratko, ako još nije postavljena slika proizvoda kliknemo na link
Postavi sliku proizvoda i odaberemo sliku iz Zbirke medija ili kliknemo na Prijenos
zapisa i downloadamo je sa računala.
Galerija proizvoda
Dodavanje slika u Galeriju proizvoda
Dodavanje slika u galeriju je isto kao i dodavanje Slike proizvoda, s time da možemo
istovremeno odabrati više slika za galeriju.
Redoslijed slika u galeriji se lako mijenja principom 'drag and drop' (uhvatimo sliku i
ispustimo je na željenu poziciju).
Slike uklanjamo iz Galerije slika tako da kliknemo na crveni 'x' koji se pojavi u
gornjem desnom kutu slike kada prelazimo pokazivačem preko nje.
Dimenzije slika
Standardne dimenzije slika
68
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Standardne dimenzije slika proizvoda postavljamo tako da u izborniku
odaberemo: WooCommerce > Postavke > Proizvodi > Prikaz > Slike proizvoda.
Možemo postaviti dimenzije tri vrste slika proizvoda. Prva vrijednost je širina slike, a
druga vrijednost visina slike ('300x300').
• Katalog slike se pojavljuju u prikazu proizvoda unutar kategorija proizvoda, ili
'Upsells/Cross-sells' proizvoda.
• Slika jednog proizvoda je glavna slika proizvoda na stranici pojedinačnog
proizvoda.
• Proizvod Minijature se obično koristi za prikaz sličica ispod slike proizvoda, a
koje predstavljaju slike unutar Galeriji slika.
Kada kliknemo na Sliku jednog proizvoda otvorit će se novi prozor sa slikom
proizvoda u originalnoj veličini, a kretanjem naprijed-nazad možemo vidjeti u punoj
veličini sve slike iz Galerije slika.
Originalne slike proizvoda koje smo skinuli sa računala automatski se prilagođavaju
na postavljene dimenzije.
Na primjer, ako je originalna slika 300x600 a u postavkama za Proizvod minijature je
postavljena dimenzija 100x100, umanjena slika bit će 100x200 (ako nije označeno
polje Grubo odrezati – zadržat će proporcije originalne slike).
Ako je odabrana opcija Grubo odrezati slika će biti umanjena na dimenzije 100x100
(bit će odrezana kako bi sve slike bile istih dimenzija).
Ukoliko izvršimo promjene u postavkama veličina slika nakon što su slike već dodane
proizvodima, da bi se prikazivale nove dimenzije potrebno je ponovno generirati ove
slike. Da bi se to uradilo potrebno je instalirati neki od dodataka za tu namjenu, kao
što je dodatak 'Regenerate Thumbnails'.
69
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Prikaz slika posjetiteljima
Kada smo dodali sliku proizvoda i slike u galeriju slika iste se prikazuju posjetiteljima
na stranici proizvoda. Kada prijeđemo pokazivačem preko slike moguće je zumiranje
proizvoda, a kada kliknemo na ikonicu sa povećalom otvara se prozor sa prikazom
originalne slike. Klikom na neku od umanjenih sličica ispod glavne slike proizvoda
prikazat će se ta slika.
Mutne slike
Iako smo pravilno postavili veličine slika u WooCommercu može nam se dogoditi da
su slike 'mutne' ili slabe rezolucije.
70
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Najčešći uzrok tome su postavke teme koju koristimo za našu web stranicu. Na
primjer, ako je tema napravljena tako da prikazuje slike proizvoda veličine 500x500, a
mi smo u postavkama WooCommerca postavili 300x300, posjetitelji će vidjeti mutne
ili slike slabe rezolucije.
Podrška za Retina zaslone (Iphone, Ipad)
Također trebamo imati na umu da uz standarden rezolucije ekrana, danas imamo i
tzv. Retina zaslone (npr. kod Iphone mobitela) koji su u mogućnosti na istoj veličini
ekrana prikazati sliku dvostruke kvalitete. Za tu svrhu za prikaz slike veličine 100x100
pixela, mi bi u WooCommerce postavkama trebali postaviti sliku veličine 200x200
pixela. Naravno, treba imati u vidu da se većim slikama usporava brzina učitavanja.
Postavke statusa i vidljivosti
Na desnoj strani ekrana za uređivanje proizvoda, na vrhu, nalaze se postavke Objavi,
koje omogućavaju postavljanje vidljivosti proizvoda.
U postavkama Vidljivosti možemo odabrati gdje želimo da se proizvod prikazuje:
71
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
• Rezultati pretrage (svugdje) – Vidljiv svugdje u web shopu i u rezultatima
pretraživanja.
• Samo u web shopu – Vidljiv u web shopu ali ne i u rezultatima pretraživanja.
• Samo u rezultati pretraživanja – Vidljiv u rezultatima pretraživanja, ali ne i u
web shopu.
• Sakriveno –Vidljiv samo na stranici proizvoda, a sakriven na svim ostalim
stranicama.
72
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Dodavanje grupiranih proizvoda
Grupirani proizvodi se dodaju na sličan način kao i jednostavni proizvodi. Iz
padajućeg izbornika Podaci o proizvodu odaberemo Grupirani proizvod.
Kreiranje grupiranog proizvoda
1. Idemo na: WooCommerce > Proizvodi > Dodaj novi.
2. Unesemo Naziv proizvoda
3. Odaberemo Grupirani proizvod u padajućem izborniku Podaci o proizvodu.
Vidimo da su nestale neke od opcija unutar sekcije Podaci o proizvodu.
4. Kliknemo na Objavi.
Grupirani proizvod je još uvijek prazna grupa i moramo mu dodati pridružene
proizvode.
Možemo najprije kreirati jednostavne proizvode i kasnije ih dodati grupiranom
proizvodu, ili možemo kreirati grupirani proizvod i kasnije mu dodati jednostavne
proizvode.
73
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Dodavanje proizvoda grupiranom proizvodu
1. Odaberemo Povezani proizvodi.
2. Pod Grupirani proizvodi počnemo tipkati početna slova naziva proizvoda koje
želimo dodati (najmanje 3 slova).
3. Odaberemo željene proizvode koji se pojavljuju kako tipkamo.
4. Kliknemo na Ažuriraj.
Na gornjoj slici vidimo kako se prikazuju grupirani proizvodi.
74
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Dodavanje virtualnih proizvoda
Na vrhu sekcije Podaci o proizvodu možemo označiti polje Virtualno, ako smo
odabrali Jednostavni proizvod. Kod Varijabilnih proizvoda, ova opcija se pojavljuje
kod svake varijacije proizvoda.
Ako odaberemo ovu opciju nestat će sva polja koja se odnose na Dostavu, na svim
relevantnim stranicama.
75
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Dodavanje proizvoda sa mogućim
downloadom
Kod dodavanja jednostavnog proizvoda možemo označiti polje Moguć download.
WooCommerce dozvoljava download više datoteka u sklopu jednog proizvoda. Tom
prilikom pojavit će se dva nova polja:
• Datoteke za download i
• Ograničenja preuzimanja.
Postavke i konfiguracija
1. Idemo na: WooCommerce > Postavke >Proizvodi > Proizvodi za
download.
2. Odaberemo Metodu preuzimanja proizvoda.
76
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
3. Odaberemo da li je za preuzimanje potrebna prijava ili je isto moguće i
kupcima koji kupuju kao Gosti.
4. Omogućava se download proizvoda nakon plaćanja, kada je status narudžbe
U obradi, a ne Završeno.
5. Spremimo promjene.
Kombiniranje proizvoda za download i virtualnih proizvoda
Ako označimo polje Moguć download proizvodi mogu imati zalihe i tretirati se kao
fizički proizvodi. Ovo nam omogućava da kombiniramo prodaju fizičkih i proizvoda za
download.
Ukoliko želimo prodavati proizvod koji nije fizički trebamo označiti i polje Virtualno,
kako bi isključili sve opcije vezane uz dostavu.
77
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Dodavanje Vanjskog/Affiliate proizvoda
U padajućem izborniku Podaci o proizvodu odaberemo Vanjski/Affiliate proizvod. Na
ovaj način uklanjaju se nepotrebne opcije kao što su porezi i stanje zaliha, a dodaju
se nova polja Url proizvoda i Dugme tekst. Umjesto gumba Dodaj u košaricu, dodaje
se gumb sa tekstom koji unesemo u polje Dugme tekst (npr. 'Saznajte više') i kada
pritisnemo gumb idemo na stranicu proizvoda.
78
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Dodavanje varijabilnog proizvoda
Varijabilni proizvodi su bez sumnje najsloženija vrsta proizvoda u web shopu. Oni
nam omogućavaju formiranje varijacija osnovnog proizvoda na način da svaka
varijacija može imati različit SKU, cijenu i zalihe i sliku.
Kao primjer možemo navesti proizvod kao što je majica, koju možemo nuditi u
različitim bojama i veličinama.
Dodavanje varijabilnog proizvoda
Korak 1: Odabir vrste proizvoda
Za dodavanje novog ili uređivanje postojećeg varijabilnog proizvoda:
1. Idemo na: WooCommerce > Proizvodi.
2. Odaberemo Dodaj novi proizvod ili Uredi kod već postojećeg proizvoda
3. Na stranici proizvoda u sekciji Podaci o proizvodu odaberemo Varijabilni
proizvod.
Korak 2: Dodavanje atributa koji će se koristiti u varijacijama
Formiranje i korištenje atributa proizvoda objasnili smo u poglavlju Atributi.
Dodavanje globalnih atributa
Za korištenje globalnih atributa:
79
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
1. Odaberemo atribut koji želimo koristiti za varijacije sa padajućeg izbornika
formiranih globalnih atributa i kliknemo na Dodaj.
2. Odaberemo željene vrijednosti (uvjete) za naš proizvod – ako želimo dodati
sve vrijednosti možemo kliknuti na gumb Označi sve.
Dodavanje prilagođenih atributa proizvoda
Ako imamo specifične atreibute koji se odnose samo na određeni proizvod:
1. Odaberemo Opciju Prilagođeni atribut proizvoda u padajućem izborniku i
kliknemo na gumb Dodaj.
80
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
2. U novome prozoru unesemo Naziv atributa.
3. Postavimo Vrijednosti atributa na način da ih odvojimo sa okomitom crtom
(Small | Medium | Large)
4. Označimo kvadratić Korišteno za varijacije.
5. Kliknemo na gumb Spremi atribute
Korak 3: Dodavanje varijacija
Za dodavanje varijacija odaberemo opciju Varijacije.
Ručno dodavanje varijacija
1. Iz padajućeg izbornika odaberemo Dodaj varijaciju i kliknemo na Idi.
81
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
2. Odaberemo atribute koje ćemo koristiti za kreiranje varijacija proizvoda. Za
prikaz dodatnih podataka o varijaciji kliknemo na ikonu trokutića desno od
naziva. Varijaciju možemo otvoriti i tako da kliknemo na ID broj ispred
varijacije.
1. Uredimo raspoložive podatke. Jedini obavezni podatak je Standardna cijena.
2. Kliknemo na gumb Spremi promjene.
Postavljanje standardnih (Default) vrijednosti
Preporučljivo je postaviti Default vrijednosti koje će se prikazivati kao odabrane, kada
posjetitelj dođe na stranicu varijabilnog proizvoda. Na ovaj način će se prikazati i
Otvaranje/Zatvaranje
podataka o varijaciji
82
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
gumb Dodaj u košaricu. Default vrijednosti je moguće odabrati tek nakon što je
formirana bar jedna varijacija.
83
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Postavke pojedinačne varijacije
Kada otvorimo (proširimo) neku varijaciju možemo urediti slijedeće podatke:
• Omogućeno – Omogućujemo ili onemogućujemo varijaciju.
• Moguć download.
• Virtualno
• Standardna cijena (obavezno) – Normalna cijena ove varijacije.
• Akcijska cijena (neobavezno) – Akcijska cijena proizvoda.
• Klasa poreza
Upravljanje zalihama:
• SKU – Ako koristimo SKU (šifra proizvoda) postavimo SKU ili ostavimo prazno
kako bi varijacija koristila SKU osnovnog proizvoda.
• Uredi zalihu? – Upravljanje zalihama na razini varijacije.
• Količina na zalihi – Prikazuje se ako je označeno polje Uredi zalihu?.
Unesemo stanje zaliha ove varijacije, a ako ostavimo prazno koriste se
postavke unijete za glavni proizvod.
Za dodavanje slike
varijacije kliknemo na
ovu ikonu
84
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
• Dozvoli narudžbe na upit – Ako je dozvoljeno mogu se naručiti proizvodi i ako
ih nema na zalihi.
• Status zalihe – Određuje kako će se prikazati stanje zaliha varijacije.
Dostava
• Težina
• Dimenzije
• Klasa dostave
Ako ostavimo prazno koristit će se postavke unijete za osnovni proizvod
Dodavanje slike varijacije
Za dodavanje slike varijacije kliknemo na plavu ikonu u gornjem desnom kutu
prozora za uređivanje. Nakon što smo dodali sliku Spremimo promjene.
Opis varijacije
U polje Opis unesemo tekst koji želimo da se prikaže kada posjetitelj odabere
određenu varijaciju.
Slika koju smo postavili kao
sliku varijacije Veličina:
Medium, Boja: Plava
Tekst koji smo postavili u polje
Opis kod varijacije Veličina:
Medium, Boja: Plava
85
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Kod prikaza proizvoda unutar određene kategorije varijabilni proizvod ne prikazuje
standardni tekst Dodaj u košaricu, već tekst Odaberi opcije. Ovo je razumljivo jer
kupac mora najprije odabrati željenu veličinu i boju da bi mogao obaviti kupnju.
86
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Dupliciranje i brisanje proizvoda
Kod dodavanja proizvoda u web shop često imamo situaciju da su dva proizvoda
jako slična (često mogu imati i iste slike, opis itd.) Da bi uštedili vrijeme, možemo
duplicirati određeni proizvod sa svim varijacijama i drugim karakteristikama.
Idemo na WooCommerce > Svi Proizvodi i prijeđemo pokazivačem preko
proizvoda koji želimo duplicirati i kliknemo na link Dupliciraj.
Slično, ako želimo obrisati neki proizvod kliknemo na link Smeće. Za trajno brisanje
proizvoda kliknemo link Smeće (na vrhu stranice) i kliknemo gumb Obriši smeće.
Dupliciranje proizvoda
Brisanje proizvoda
87
WOOCOMMERCE 3.1 – Upute za korištenje
EML-PROJEKT d.o.o.
www.eml-projekt.hr | emlprojekt@eml-projekt.hr | 091 727 4017
Istaknuti proizvodi
Da bi neki proizvod označili kao istaknuti proizvod idemo na Proizvodi > Svi
proizvodi i u koloni označenoj sa oznakom zvijezde kliknemo na oznaku zvijezde
(prazne) u redu željenog proizvoda. Oznaka zvijezde će se popuniti, što znači da je
taj proizvod istaknut.
Istaknuti proizvodi se često pojavljuju na naslovnoj strani web shopa i to su odabrani
proizvodi koje želimo posebno promovirati.
Ovo je oznaka Istaknutog
proizvoda
Recommended