felhasználói kézikönyv utolsó frissítés:

Átírás

1 felhasználói kézikönyv utolsó frissítés:

2 Tartalomjegyzék általános tudnivalók...3 webbolt adatok...4 kategóriák...5 termékek...7 terméktulajdonságok...8 címkék...12 csv export...14 tömeges képfeltöltés...15 csv import...16 szállítási módok / fizetési módok...17 felhasználók...19 felhasználók csv...20 menüpontok...21 vásárlások...22 jelszóváltoztatás...23 dobozok...24 hírlevélküldés...25 kilépés...26 a TinyMCE szerkesztő használata

3 általános tudnivalók A webbolt alapértelmezetten a domain név alatt érhető el. Lehetőség van saját domain név használatára is, az ehhez kapcsolódó beállításokat egyeztesse ügyfélszolgálatunkkal! Az adminisztrációs felület a címen érhető el. Ha elfelejtette belépéshez szükséges jelszavát, vegye fel kapcsolatot ügyfélszolgálatunkkal! A webbolt kinézete standard, dizájn módosításokat csak az axio Kft. tud elvégezni. Az oldalt úgy terveztük, hogy mindenféle böngésző alatt egyformán működjön, nem javasoljuk azonban az Internet Explorer 6-os verziójának használatát. A rendszer UTF8-as karakterkódolást használ. Az UTF8-as CSV fájlok megnyitása a Microsoft Excel-nek néha problémát okoz, ezért inkább az OpenOffice Calc használatát javasoljuk helyette. A szoftver ingyenesen letölthető a címről. Képszerkesztésre, tömeges átméretezésre, feliratozásra az IrfanView nevű programot javasoljuk, mely otthoni felhasználásra ingyenes. A szoftver a címről tölthető le. A magyarosítás külön telepíthető. Komolyabb retusálási munkálatokhoz a Paint.NET ingyenes képszerkesztőt ajánljuk, mely a Photoshop-hoz hasonló kezelőfelülettel rendelkezik. Ha nem rendelkezünk HTML ismeretekkel, de szeretnénk pl. táblázatokat elhelyezni a termékleírásokban, használjuk a First Page nevű ingyenes HTML szerkesztőt, amely rendelkezik dizájn nézettel is. A program a címről tölthető le. 3

4 webbolt adatok Webbolt neve: nem fog sehol megjelenni. Oldal címe: ez fog megjelenni a böngésző címsorában. Az oldal <title> tag-je. Kulcsszavak: a webboltra nézve releváns kulcsszavak, 5-10 db vesszővel elválasztva. A keywords meta tag-ben fognak megjelenni. Főoldali szöveg: itt tölthet fel a bolt nyitóoldalára köszöntő szöveget. Erről bővebben a TinyMCE használata bekezdésben olvashat. Lábléc: az oldal alján megadhatók a fontos információk (pl: bolt neve, elérhetősége stb) Kosárba gomb: ha kivesszük a pipát, az oldalon nem fognak tudni vásárolni, egyetlen termék mellett sem lesz kosárba gomb! Nullás készletű termékek: ha bejelöljük a pipát, azok a termékek is megjelennek az oldalon, amelyek nincsenek készleten. Google Analytics azonosító: amennyiben regisztrál Google Analytics fiókot, itt megadhatja annak azonosítóját. Az azonosító formátuma: UA A szolgáltatásról bővebben a oldalon olvashat. Üzlet címe, nyitvatartás: amennyiben rendelkezik offline üzlettel is, adja meg annak címét és nyitvatartását. Szerződés tárgya, szavatosság, jotállás, elállási jog: ezen mezők a vevőszolgálat menüpont alatt fognak megjelnni, kitöltésük kötelező. Üzletszabályzat: az ide beírt szöveg fog megjelnni a regisztráció oldalon. Amíg nem fogadja el a felhasználó az itt leírtakat, addig nem fog tudni regisztrálni. Ha végeztünk a beállításokkal, mentsük el a gombra kattintva. 4

5 kategóriák A kategória-rendszert tudjuk itt létrehozni. A szintek száma nincs korlátozva, nem javasoljuk azonban 4 szintnél mélyebb kategória-rendszert létrehozni. Új kategória létrehozásához adjuk meg annak nevét, leírását: Most hozzunk létre a C vitamin alkategóriát a Vitaminok főkategória alatt. Ehhez a szülő kategóriánál válasszuk ki a Vitaminokat: A létrehozott kategóriákat alul látjuk: A gombra kattintva tudjuk a kategóriát törölni, ez azonban csak akkor fog működni, ha a kategóriában egyetlen termék sincs. Ha módosítani akarjuk a kategória nevét és/vagy leírását, kattintsunk a nevére: 5

6 Lehetőségünk van a kategóriák megjelenésének sorrendjét változtatni. Válasszuk ki azt a kategóriát, melynek alkategóriáit szeretnénk rendezni, majd kattintsunk rá. (egyszerre többet is kijelölhetünk) Ezután a rendezés alatt látjuk felsorolva az összes alkategóriát, ahol kattintással ki tudjuk jelölni a kívánt kategóriát és a gombokkal tudjuk a megfelelő helyre mozgatni. Ha végeztünk, a gombbal tudunk menteni. 6

7 termékek Terméket a következő adatok megadásával vehetünk fel: márka (a termék márkája pl. Olympus, Vans, Adidas, stb) megnevezés (a termék típusa és neve pl: Finepix S5500 digitális fényképezőgép, deszkás cipő, zippzáras felső) cikkszám (a terméket speciálisan meghatározó kód) készlet (amennyi adott termékből raktárban van, tehát azonnal kiküldhető a vásárlónak) ár (a termék bruttó ára) akciós ár (a bruttó árnál alacsonyabb kell legyen) leírás (erről bővebben a TinyMCE használata bekezdésben olvashat) kategória (az a kategória, amely alá szeretnénk a terméket besorolni) státusz (aktív: látható a látogatók számára, inaktív: a rendszerünkben már szerepel, de a látogatók még nem érhetik el) A fenti adatok megadása után nyomjunk rá a termék hozzáadása gombra. Ezzel a termék felkerül az adatbázisunkba, egy automatikusan generált termékazonosítóval (ID). Képek hozzáadása a termékhez Egy bármennyi képet feltölthetünk. Az először feltöltött kép fog megjelenni nagyban a tárgyoldalon, illetve ez fog látszani a listaoldalakon is. A képek formátuma JPG, GIF vagy PNG lehet, méretük nem haladhatja meg a 200Kbyte-ot! 7

8 terméktulajdonságok Ezt a funkciót akkor használhatjuk, ha van olyan termékünk, amely több kiszerelésben, vagy kinézetben is kapható. Például, ha van egy pólónk, ami kapható többféle méretben és színben, akkor fel kell vegyük a méret és szín tulajdonságokat: A létező tulajdonságnál látjuk, hogy miket vettünk fel: Vegyük most fel a válaszható méreteket, ehhez kattintsunk a méretre, majd az érték hozzáadása dobozban sorra vegyük fel az értékeket: Ismételjük meg a műveletsort a színeknél is, a létező tulajdonságok dobozban kattintsunk a színre, majd vegyük fel az értékeit: Tehát van egyszer egy méretünk, melynek elemei S,M,L,XL, és egy színünk, melynek elemei fekete, kék, piros, zöld. Ahhoz, hogy ezeket a tulajdonságokat elérjük termék hozzáadásánál, hozzá kell, hogy rendeljük az adott kategóriához. Ehhez kattintsunk a bal oldali menüben a kategóriák menüpontra, majd a kategória fa dobozban kattintsunk annak a kategóriának a nevére, amelyhez hozzá szeretnénk rendelni ezeket a tulajdonságokat, majd a tulajdonság hozzáadása dobozban adjuk hozzá a szükséges tulajdonságokat: 8

9 Mi most felvettük a méretet és a színt a pólók kategóriához. Ha ezzel megvagyunk, kattintsunk a termékek kategóriára a bal hasábban és vegyünk fel egy terméket a Pólók kategóriába: A gomb megnyomása után termékünk megjelenik alul a listában: Kattintsunk a megnevezés oszlopban termékünk nevére: 9

10 Itt alul már látjuk a méret és szín tulajdonságokat, ezzel már be tudunk állítani egy kombinációt, legyen mondjuk egy fekete S-es méret: Ha elmentettük, akkor alul a termékverzió hozzáadása dobozban tudunk további kombinációkat létrehozni, 10

11 valamint képet is tölthetünk fel: Vásárlói oldalról mindez így fog kinézni a boltunkban: A vásárló először méretet tud választani (ha ezen változtatni szeretnénk, a terméktulajdonságok rendezésénél beállíthatjuk, hogy a szín legyen elöl), majd a méret kiválasztása után megjelennek a hozzá tartozó színek, és a kombináció ára is. 11

12 címkék Kis képes feliratokat hozhatunk létre, melyekkel utána megjelölhetjük termékeinket. Pl.: Új!, Utolsó darab! Hozzuk létre egy Új! Nevű címkét. A megnevezés csak azonosításra szolgál, a leírás akkor fog megjelenni, ha az oldalon a címke fölé mozgatjuk az egeret. Ha felvettük a címkét, váltsunk a termékek menüpontra, és válasszunk ki egy terméket amihez szeretnénk ezt a címkét társítani, majd kattintsunk a nevére a módosításhoz. Ekkor a termék adatainál látni fogjuk az Új! címkét. Jelöljük be, majd mentsük el a változtatást: 12

13 Az oldalon a termék képe mellett látjuk a bejelölt címkéket, és a kép fölé mozogva megjelenik a címke leírása. 13

14 csv export Az adatbázisunkban található összes terméket exportálhatjuk, mely a tömeges termékmódosításhoz legjobb módszere. Kérjük, tekintse meg az ehhez rendelkezésre álló minta.csv-t! A CSV fájl karakterkódolása UTF-8, amivel a Microsoft Excel-nek lehetnek gondjai. Ezért az OpenOffice Calc használatát javasoljuk. A szoftver ingyenesen letölthető a weboldalról. Ha ezzel nyitjuk meg CSV fájlunkat, ki tudjuk választani a karakterkódolást: A letöltött CSV fájlban bármit módosíthatunk, illetve felvehetünk új termékeket is. Új termék esetén az azonosító (ID) oszlopot hagyjuk üresen! 14

15 tömeges képfeltöltés Először töltsük le árukészletünket CSV-ben. Nem baj, ha nincs egyetlen termékünk sem felvéve, az üres CSV is jó, csak az oszlopnevek számítanak. Nyissuk meg a fájlt és vegyünk fel egy új terméket: Új termékről van szó, ezért az ID oszlop üresen marad. A kép oszlopba pedig a feltöltendő kép abszolút URL-jét kell írni. Ha egy termékhez több fotót szeretnénk feltölteni, akkor azokat vesszővel elválasztva írjuk le,pl.: A képek olyan szerveren legyenek elhelyezve, ahol nincs keretes hirdetés, ha a hivatkozást megnyitjuk. Ezt könnyen ellenőrizhetjük, ha a böngészőbe bemásoljuk a kép URL-t. Figyeljünk továbbá, hogy a kép mérete ne haladja meg a 200Kbyte-ot! Ha végeztünk a CSV-vel, mentsük el, majd lépjünk a CSV import menüpontba és töltsük fel a fájlt: 15

16 csv import Kész csv fájlunkat ebben a menüpontban tölthetjük fel! (Használhatjuk tömeges termékfelvételre, illetve tömeges módosításra is!) (Lásd: minta.csv) Ügyeljünk, hogy a feltöltött fájl is UTF8 kódolású legyen! 16

17 szállítási módok / fizetési módok Ebben a menüpontban tölthetjük fel azokat a szállítási módokat, melyeket biztosítani tudunk a megrendelőknek. Vegyünk fel néhányat, pl.: futárszolgálat, postai szállítás, személyes átvétel az üzletben... Ha végeztünk, kattintsunk a fizetési módok menüpontra és vegyük fel a válaszható opciókat, pl.: készpénz, utánvét... Ha ezzel is megvagyunk, menjünk vissza a szállítási módokhoz, és a létező szállítási módoknál kattintsunk rá valamelyikre, hogy kombinációt tudjunk készíteni. Látni fogjuk a szállítási díj hozzáadása dobozt, ahol tudunk választani a korábban felvett fizetési módok közül. Állítsuk be, hogy a futárszolgálat díja utánvétes fizetés esetén Ft-ba kerül Ft-os összeghatárig: Most állítsuk be, hogy Ft feletti rendelések esetén Ft legyen a kiszállítás. Ha nem akarunk több értékhatárt létrehozni, akkor írjunk nullát a felső határhoz: 17

18 Tehát, ha most vásárol valaki a boltunkban, és a vásárlás összege nem éri el az Ft-ot, akkor az utánvét összege Ft lesz Ft-nál magasabb összegű vásárlásoknál egységesen Ft. Vásárlói szemmel mindez így néz ki: 18

19 felhasználók Az oldalunkon regisztrál felhasználók listája. 19

20 felhasználók csv A menüpontra kattintással ki tudjuk exportálni azokat a felhasználókat, akik regisztráltak boltunkban. Hasznos lehet ez a menüpont akár hírlevél kiküldésénél is, mert így egy helyen megtaláljuk pl. a neveket és az címeket. 20

21 menüpontok Az oldal fejlécében megjelenő menüpontokat tudjuk itt létrehozni. A cím mezőbe írjuk a menüpont nevét. Ha az URL-t kitöltjük, akkor a menüpont arra fog mutatni, tehát akár külső oldalra is irányíthatjuk a látogatót. Ha nem adunk meg URL-t, akkor töltsük a szöveges tartalmat. A TinyMCE szerkesztő használatáról bővebben itt olvashat. 21

22 vásárlások A boltunkban történt összes rendelés listázása. A részletekre kattintva tudjuk megnézni az egyes vásárlások részleteit. A vásárlókkal történő kommunikáció során javasoljuk, hogy hivatkozzanak a rendelés azonosítóra. A vásárlásokról automatikus levelet is kapunk az alábbi tartalommal. 22

23 jelszóváltoztatás Az adminisztrációs felülethez tartozó jelszavunkat ebben a menüpontban tudjuk megváltoztatni. Adjuk meg kétszer új jelszavunkat, majd lépjünk ki és vissza, immár az új jelszóval. Biztonsági okokból javasoljuk a jelszó legalább fél évente történő megváltoztatását. 23

24 dobozok Egyedi dobozokat hozhatunk a bal vagy jobb hasábban, illetve bárhol a főoldalon. Töltsük ki a doboz nevét és nyomjuk meg a doboz hozzáadása gombot. Hozzáadás után megjelenik a lenti listában egy azonosítóval együtt. Ezt az azonosítót küldjük el a fejlesztes@axio.hu-ra és jelöljük meg, hogy hol szeretnénk az oldalon megjeleníteni a dobozt, mert a doboz beillesztése a kódba kézzel történik. 24

25 hírlevélküldés Adjuk meg hírlevél tárgyát, majd kattintsunk gombra. A levél megjelenik az alsó listában, itt kattintsunk a tárgyra. A TinyMCE szerkesztő segítségével tudjuk tartalmunkat megszerkeszteni. Erről bővebben a TinyMCE használata bekezdésben olvashat. Mindig használjuk a gombot, mielőtt tesztet, vagy éles küldést végeznénk! Teszt küldéséhez adjuk meg saját címünket, majd kattintsunk a gombra. Ha nem töltjük ki a teszt cím mezőt, a hírlevél ki fog menni az összes oldalunkon regisztrált, és hírlevelet kérő felhasználó címére. 25

26 kilépés A rendszer biztonságos elhagyása. Különösen ezt használjuk kilépésre, ha nem a saját gépünkön dolgozunk. 26

27 a TinyMCE szerkesztő használata A TinyMCE egy WYSIWYG (What You See Is What You Get) szerkesztő, mely alkalmas tartalomkezelésre webes környezetben. Működése leegyszerűsítve olyan, mint egy szövegszerkesztő szoftveré. A szöveget begépelhetjük, majd megformázhatjuk az eszköztár segítségével, vagy külső szövegszerkesztő alkalmazásból is beilleszthetjük a kész szöveget. Ha Microsoft Word-öt használunk, tegyük vágólapra a formázott szöveget, majd a TinyMCE-ben használjuk a ikont. Az esetek többségében közelítő eredményt szokott hozni, de, ha szépen szeretnénk tartalmunkat megformázni, inkább itt szerkesszük meg. Annál is inkább, mert csak így van lehetőségünk képet beilleszteni. Ehhez kattintsunk a ikonra. A Kép URL mezőbe beírhatjuk a kép abszolút URL-jét, illetve tallózhatunk is. Ehhez kattintsunk a gombra. 27

28 A tallózás gombbal válasszuk ki a feltöltendő képet. A fájlok lehetőleg kisbetűsök legyenek és ne tartalmazzanak speciális karaktereket, szóközt, ékezetes karaktert.a feltöltött képeket bal oldalon látjuk, illetve itt tudjuk törölni. A kép fájlnevére kattintva betöltődik a jobb hasábba. Keressük meg a kívánt képet, majd kattintsunk a kiválaszt gombra, ezután a kép URL-je betöltődik a mezőbe. Ezután nincs más dolgunk, mint a gombra kattintani. 28

29 Ha módosítani szeretnénk a kép paramétereink, jelöljük ki, majd ismét kattintsunk a gombra. A megjelenés és haladó fülekre kattintva tudunk választani egyéb opciók közül: 29

30 Az elhelyezkedés a szöveg-kép viszonyt jelenti, tehát, hogy a kép a szöveghez képest hogyan helyezkedjen el. Ha választunk egyet a listából, jobb oldalon rögtön látjuk az előnézetet. A kiterjedésnél a kép megjelenő méretét tudjuk beállítani. Ha az arányok kényszerítését bejelöljük, nem fogja engedni eltorzulni. A függőleges és vízszintes területnél a kép körüli eltartást adhatjuk meg, ezzel kiküszöbölve, hogy hozzáérjen a szöveg. A keret a kép körüli keret méretét adja meg, ez alap esetben nulla. Az osztálynál előre definiált stílus osztályokból lehet választani. (Ez a funkció itt nem elérhető.) Stílusnál egyedi paramétereket adhatunk meg, melyek az IMG tag STYLE paraméterében fognak megjelenni. A TinyMCE jobb alsó sarkában található ikonnal tudjuk átméretezni az ablakot, illetve az eszköztáron lévő ikonnal válthatunk át teljes képernyős nézetbe. A ikonnal előnézetet kapunk a szerkesztett tartalomról. Ha rendelkezünk HTML ismeretekkel, átválthatunk kód nézetbe a ikonnal. 30