Manual de Instalare si Utilizare al produsului Magazin Online Inceput versiunea 0

Meniul principal al administratorului

Pagina din imaginea de mai jos este pagina pe care o vedeti imediat cand va logati ca administrator. Pentru a va deloga dati click pe optiunea delogare din coltul dreapta sus.

Adaugarea unui produs nou

Este usor de adaugat un produs: faceti click pe optiunea Adaugati produs din meniul principal al administratorului si completati apoi informatiile despre produs.

Nume si pret

Mai intai completati numele si pretul produsului. Este recomandat sa introduceti si cele doua zecimale dupa punct. Folositi punct si nu virgula.

Imaginea principala si titlul imaginii

Apoi adaugati imaginea principala a produsului. Aceasta imagine apare langa descrierea produsului in pagina magazinului si in pagina produsului. Este important sa introduceti un titlu pentru imagine deoarece acesta apare ca titlu in chenarul imaginii marite.

Observati in imaginea de mai sus ca in campul Imagine URL a fost tastat inclusiv numele folder-ului files in care a fost transferata imaginea. Observati si ca extensia imaginii a fost tastata si ea: files/my-product-produs.png .

Imaginea produsului trebuie transferata pe server, in folder-ul cu numele files care se afla in folder-ul cu numele store. Pentru a transfera imagini pe server puteti folosi FileZilla in acelasi mod, explicat in acest manual, in care ati transferat fisierele magazinului pe server. Deschideti programul FileZilla si conectati-va la server. Utilizati partea din stanga a aplicatiei pentru a naviga in calculatorul dumneavoastra la locatia in care se aflat poza pe care doriti sa o transferati pe server. Apoi utilizati partea din dreapta pentru a gasi si pentru a intra in interiorul fisierului files de pe server. Apoi dati click de dreapta pe imaginea pe care doriti sa o transferati pe server si din meniul care apare selectati optiunea Upload. Imaginea va fi transferata pe server in folder-ul files.

Odata transferata aceasta poza pe server, in FileZilla se poate vedea ca poza cu numele my-product-produs.png se afla in folderul files care se afla in folderul store care se afla in folder-ul principal de pe server, public_html.

Descriere sumara

Descrierea sumara apare in pagina magazinului. E recomandat sa scrieti doar cateva randuri in care sa descrieti produsul bine pentru a capta atentia clientilor care se uita in magazin.

Descriere detaliata

Aceasta descriere poate fi mai lunga decat cea sumara si este recomandat ca aceasta descriere mai detaliata sa fie suficienta pentru a oferi potentialului client o imagine de ansamblu asupra produsului. Nu intrati insa prea mult in detalii aici pentru ca puteti adauga note descriptive in care puteti descrie detaliile produsului intr-un mod mai amanuntit si organizat.

Daca dati click pe butonul marcat cu portocaliu in imaginea de mai jos veti putea mari suprafata de scriere astfel incat daca aveti mai mult de scris sa puteti scrie cu usurinta. Apasati pe acelasi buton pentru a micsora suprafata de scriere pentru a putea salva informatiile tastate.

Status

Puteti adauga produse in magazin pe care sa nu le publicati imediat ce le-ati adaugat. Acest lucru va poate permite sa adaugati descrierea si notele descriptive, reducerile, etc pentru acest produs si sa publicati produsul cu toate informatiile complet atasate atunci cand considerati ca este pregatit. Doar atunci cand bifati optiunea indicata din imaginea de mai jos produsul respectiv va fi disponibil la vanzare in magazin si vizibil clientilor.

Imagini optionale

Puteti adauga inca 9 imagini daca doriti. Aceste imagini vor aparea in pagina produsului si care pot fi marite atunci cand clientul da click pe ele.

Modul in care adaugati aceste imagini este asemanator cu cel in care adaugati imaginea principala a produsului, care a fost explicat mai devreme.

Salvare produsului

Pentru salvarea informatiilor tastate dati click pe butonul Salveaza din josul paginii.

Editarea si stergerea unui produs

Daca doriti sa editati un produs deja creat, din meniul principal al administratorului dati click pe optiunea Gestionati produse.

Veti vedea un tabel care contine toate produsele existente. Dati click pe editeaza din dreptul produsului pe care doriti sa il editati. Interfata de editare este aproape identica cu cea pe care ati folosit-o cand ati creat produsul.

Daca doriti sa il stergeti, dati click pe sterge din dreptul produsului respectiv.

Adaugarea unei note descriptive

O nota descriptiva este un articol ce poate contine text si imagini si care este atasat unui produs specific. Puteti folosi o nota descriptiva pentru a detalia o caracteristica a unui produs sau pentru a oferi mai multe informatii relevante pentru produs care complementeaza descrierea sumara si descrierea detaliata ale produsului.

Status

Important de stiut este ca daca status-ul notei descriptive are valoarea Publicat atunci nota descriptiva este vizibila pe pagina produsului, iar daca status-ul Ciorna atunci nota descriptiva nu este inca vizibila.

Astfel, puteti incepe sa scrieti o nota descriptiva si sa o pastrati ca ciorna pana cand o terminati de scris. Iar cand este gata o puteti publica. Astfel, vizitatorii magazinului dumneavoastra vor vedea doar nota descriptiva in starea ei finala si nu le vor vedea si pe cele intermediare.

Editarea si stergerea unei note descriptive

O nota descriptiva poate fi stearsa din interfata ce poate fi accesata dand click pe optiunea Gestionati note descriptive din meniul principal al administratorului.

Adaugare discount/reducere

Exista trei feluri de reduceri pe care le puteti atasa produselor dumneavoastra. Acestea sunt explicate in mod detaliat in interfata Adaugati discount unui produs care poate fi accesata din meniul principal al administratorului, care este afisata mai jos:

Important de stiut este ca un discount nu poate fi editat. Daca doriti sa aceti schimbari unui discount va trebui sa il stergeti pe cel existent si apoi sa creati unul nou. Acest lucru se datoreaza faptului ca un produs poate avea mai multe trepte de reduceri (un exemplu, pentru vanzari intre 0 si 10 exemplare a unui produs poate exista o reducere de 10% si pentru vanzari de peste 11 exemplare ale acestui produs poate exista un alt discount de 20%) si pentru a evita eventuale erori ce pot aparea prin editarea unui discount s-a decis ca acest discount sa fie mai intai sters si apoi adaugat cu modificarile dorite pentru a incurata administratorul sa fie atent.

Cateva tipuri de erori in stabilirea discount-urilor sunt prezentate mai jos:

• 
  Daca un produs are un discount de 10% pentru vanzari intre 0 si 10 exemplare, si un alt discount de 20% pentru vanzari de peste 10 exemplare, atunci la o comanda de fix 10 exemplare se va aplica discount-ul de 20%.
  

Greseala consta in faptul ca limita superioara a primului discount este egala cu limita inferioara al celui de-al doilea discount. Modul corect de a specifica discount-urile in acest caz este urmatorul: primul discount are limita inferioara 0 si limita superioara 10, iar valoarea lui este de 10%; al doilea discount are limita inferioara 11 (si nu 10) si limita superioara nu este specificata, iar valoarea acestuia este de 20%.

• 
  Daca un produs are un discount de 10% pentru vanzari intre 0 si 10 exemplare, si un alt discount de 20% pentru vanzari de peste 7 exemplare, atunci la o comanda de 8 exemplare se va aplica discount-ul de 20%.
  

In acest caz, greseala consta in faptul ca cele doua discount-uri se suprapun. Modul corect de specificare al discount-ului este ca cel de la exemplul de mai sus.

• 
  Daca un produs are un discount de 10% indiferent de cantitatea ce ar putea fi comandata. Si daca ulterior acestui produs i se mai adauga un discount de 20% pentru comenzi continand intre 10 si 20 de exemplare din acest produs, atunci pentru o comanda de 15 exemplare se va aplica un discount de 20% iar pentru o comanda de 30 de exemplare se va aplica un discount de 10%.
  

Acest mod de stabilire a discount-urilor este clar eronat. Daca unui produs i se ataseaza un discount de 10% fara a i se specifica limita inferioara sau limita superioara, atunci acest discount de 10% se aplica indiferent de cantitatea comandata a produsului. Acest tip de discount nu poate fi combinat cu alt tip de discount. Modul de a corecta greseala din acest exemplu este de a elimina discountul de 20% pentru a lasa doar discountul de 10% sa fie activ.

Stergerea unui discount

Pentru a sterge un discount accesati optiunea Gestionati discount-urile din meniul principal.

Editare pagina

Selectati pagina pe care doriti sa o editati din meniul principal al administratorului si urmati apoi instructiunile.

Este important de stiut ca doar paginile Despre noi si Contact apar in meniu. Pentru ca vizitatorii magazinului dumneavoastra sa poata accesa pagina Termene si Conditii, trebuie sa creati un link sau o legatura cu valoarea: page.php?pageID=terms .

Vizualizarea comenzilor curente

Toate comenzile primite vor fi afisate in interfata Comenzi curente pe care o puteti accesa din meniul principal al administratorului.

Aveti posibilitatea sa arhivati comenzile care au fost onorate sau care nu mai sunt relevante pentru a pastra in acest tabel doar comenzile care necesita atentia dumneavoastra in prezent.

Veti observa ca cele mai noi comenzi sunt afisate in josul listei. Acasta ordonare a comenzilor curente este menita sa va ajute sa vedeti care sunt comenzile pe care le-ati primit primele pentru a le onora pe acestea mai intai. Odata onorate, le puteti arhiva pentru a le scoate din aceasta lista. Odata arhivate acele comenzi, veti vedea apoi la inceputul listei urmatoarele comenzi ce trebuiesc onorate care au fost primite ulterior sau cel mai recent.

Arhivarea unei comenzi

Pentru a vizualiza o comanda in detaliu dati click pe detalii in dreptul comenzii pe care doriti sa o vizualizati. Cand vizualizati o comanda in mod detaliat puteti observa in josul paginii ca vi se ofera posibilitatea de a alege un status pentru aceasta comanda. Initial, o comanda nou primita va avea statusul Comanda noua. Dumneavoastra puteti alege apoi un status relevant acestei comenzi careacre scopul de a va ajuta in gestionarea si procesarea comenzilor.

Un status pe care il puteti alege este Arhiveaza aceasta comanda. Odata ales acest status, si dupa ce ati salvat aceasta modificare apasand pe butonul Salveaza, aceasta comanda nu va mai aparea in lista de Comenzi curente ci va aparea in Comenzi arhivate.Astfel, ati arhivat comanda respectiva.

De asemenea, observati ca puteti salva notite pentru fiecare comanda. Aceste notite va sunt vizibile dumneavoastra prin aceasta interfata si va pot fi folositoare in procesarea si gestionarea comenzlor. Oricand va veti uita peste aceasta comanda veti putea vedea si notitele dumneavoastra.

Personalizarea aspectului magazinului

Pentru a schimba culorile si imaginile de fundal ale magazinului dati click pe optiunea Personalizati aspect magazin din meniul principal al administratorului. Pe pagina care se deschide veti vedea urmatoarea imagine:

Aceasta imagine va ghideaza pentru a intelege structura si partile din care este compusa fiecare pagina, pentru a schimba culorile acestor componente.

Fundalul din afara unei pagini se numeste page. Toata pagina in sine este incadrata intr-un container. Apoi, intr-o pagina vizibila clientilor magazinului dumneavoastra puteti observa un header – partea de sus care se repeta pe fiecare pagina; un meniu care se numeste aici menu, un titlu care se numeste aici title, o zona in care apare continutul paginii – content si o zona care se numeste footer – zona din josul paginii care se repeta pe fiecare pagina.

Important de retinut este ca prin aceasta interfata dumenavoastra schimbati aspectul paginilor magazinului, si nu a paginilor zonei administrative – zona de administrare a magazinului isi va pastra mereu acelasi aspect.

Specificarea unei culori

Pentru a specifica o culoare, puteti sa tastati fie numele culorii in engleza fie codul culorii HEX care incepe cu simbolul #. Puteti accesa lista de nume de culori si de coduri HEX la aceasta adresa: http://www.w3schools.com/cssref/css_colornames.asp . Veti vedea un tabel ca cel din imaginea de mai jos:



Color name este numele culorii pe care il puteti folosi pentru a personaliza aspectul magazinului. In coloana cu numele HEX puteti vedea codul HEX pe care il puteti folosi de asemenea pentru a specifica culoarea respectiva – nu uitati sa mentionati si simbolul #. Iar daca dati click pe Shades din dreprul unei culori din tabel veti putea vedea nuante ale culorii respective impreuna cu valorile lor HEX.

Specificarea unei imagini de fundal

O imagine de fundal este specificata in acelasi mod in care o imagine a produsului este specificata. Acest lucru a fost descris in sectiunea care explica modul de adaugare a unei imagini principale pentru un produs.

Puteti specifica o imagine de fundal si o culoare de fundal in acelasi timp daca doriti si daca acest lucru va ajuta sa obtineti aspectul dorit.

Culoarea legaturilor

Puteti specifica si culoarea legaturilor sau a link-urilor. Daca nu specificati nici o culoare pentru acestea este posibil ca ele sa apara in mod obisnuit in culoarea albastru, daca nu s-a facut click pe link, sau mov, in cazul in s-a accesat link-ul inainte.

Pentru a nu exista nici o confuzie, un link este o trimitere la un continut aflat intr-o alta locatie. O bucata de text care apare subliniata si care atunci cand dati click pe ea va trimite la alta pagina este un link sau o legatura.

Marimea textului

Marimea textului pe o pagina web are valoarea de 1 em. Aceasta valoare este stabilita in mod predefinit de browser-ul dumneavoastra sau al client-ului dumneavoastra. Un text dintr-un paragraf poate avea marimea de 1 em egala cu marimea prestabilita de 12 pixeli. Iar un text dintr-un titlu poate avea marimea de 1 em egala cu marimea prestabilita de 24 de pixeli. Valoarea de 1em se refera la proportia normala a marimii textului. Veti vedea ca daca tastati valoarea 2 veti observa ca textul se dubleaza in marime.

Sunt putine situatiile in care doriti sa dublati marimea textulu. Insa este posibil de exemplu, sa doriti sa mariti putin textul care apare in meniu pentru ca acesta sa sara mai mult in evidenta si sa se evidentieze fata de marimea textului din continutul paginii, care altfel ar fi aceeasi. Tastati valoarea 1.25 si veti vedea ca textul s-a marit putin. E imporant sa tastati punct si nu virgula.

Pozitia textului

Pozitia titlului poate fi fie la stanga, Left, in centru, Center, sau la dreapta, Right.

Google Analytics

Acest pas este optional insa daca il parcurgeti va va fi de folos.

Google Analytics va ofera un mod de a vedea cati vizitatori va acceseaza magazinul, care sunt paginile cele mai accesate, din ce tari provin vizitatorii dumneavoastra, etc.

Daca nu aveti deja un cont de Google Analytics va trebui sa creati unul.

Crearea contului Google Analytics

Pentru a crea un cont de Google Analytics va trebui sa aveti o adresa de email Gmail sau o adresa inregistrata cu Google Apps. Puteti utiliza aceeasi adresa de email cu care va logati in aplicatie ca administrator de exemplu.

Pentru inceput, accesati adresa: www.google.com/analytics . In dreapta sus veti vedea optiunea Sign in. Dati click pe aceasta. Logati-va in adresa pe care doriti sa o inregistrati cu Google Analytics. Odata logat, veti vedea un buton in partea dreapta a paginii pe care scrie Sign up. Dati click pe acesta si apoi urmati instructiunile. Este important sa selectati tara in care va aflati pentru ca rapoartele sa coincida cu fusul dumneavoastra orar.

In josul paginii urmatoare veti vedea codul dumneavoastra Google Analytics pe care trebuie sa il adaugati magazinului dumneavoastra.

Pentru a viziona rapoartele dumneavoastra Google Analytics, din interfata Google Analytics, dati click pe optiunea Standard Reporting. Veti vedea un grafic care va arata cati utilizatori au accesat magazinul dumneavoastra. In partea dreapta sus puteti vedea si schimba intervalul de timp reflectat de grafic. In partea dreapta sub sectiunea Audience->Demgraphics->Location puteti vedea o harta in care vi se explica de un vin vizitatorii dumneavoastra. Iar sub sectiunea Content->Site Content puteti vedea mai multe raparte referitoare la care sunt paginile cele mai vizionate (All Pages), care sunt paginile pe care le acceseaza vizitatorii pentru prima oara cand ajung pe magazinul dumneavoastra (Landing Pages), si paginile prin care vizitatorii pleaca de pe magazinul dumneavoastra pe alte website-uri prin legaturi pe care le-ati pus in magazin catre alte website-uri externe (Exit Pages). Mai multe informatii despre cum sa utilizati Google Analitics gasiti pe internet.

Adaugarea codului Google Analytics

Dati click pe optiunea Preferinte pentru magazin diin meniul principal al administratorului. In pagina pe care o vedeti acum, dati click pe butonul HTML care este marcat cu portocaliu in imaginea de mai jos:

In fereastra care se deschide copiati codul Google Analytics. Apoi apasati butonul Update si apoi apasati butonul Salveaza pentru a salva acest cod in magazinul dumneavoastra.

Pentru informatii referitoare la produsul Magazinul Online Inceput versiunea 1.0

sau daca aveti sugestii de imbunatatire al acestui manual scrieti la adresa de email:

[e-mail]

www.magazinultauonline.com