woocommerce 3 - izrada web stranica · woocommerce ima ugrađene module za bankovno plaćanje,...

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 | [email protected] | 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

http://www.eml-projekt.hr/

mailto:%7C%[email protected]

2


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


• 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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


• 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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.




15


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


• 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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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:


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


EML-PROJEKT d.o.o.


Dodavanja metoda dostave zonama dostave

Za dodavanje metode dostave postojećoj zoni 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:


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.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


Grupno dodavanje klasa dostave proizvodima

Za grupno uređivanje klasa dostave:


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


EML-PROJEKT d.o.o.





32


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


Krajnje točke mog računa

Krajnje točke služe za dodavanje specifičnih funkcionalnosti i nisu predviđene za

korisnike.



43


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


API postavke

API postavke su napredne postavke predviđene isključivo za osobe koje izrađuju

web stranice i imaju potrebna znanja programiranja.



47


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


• 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


EML-PROJEKT d.o.o.




50


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.




57


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


• 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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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:


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


gumb Dodaj u košaricu. Default vrijednosti je moguće odabrati tek nakon što je

formirana bar jedna varijacija.



83


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


• 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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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


EML-PROJEKT d.o.o.


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



woocommerce 3 - izrada web stranica · woocommerce ima ugrađene module za bankovno plaćanje,...

Documents