MarketplaceComerț și magazine online
Aplicația de e-commerce
Un magazin online pentru o gamă mică, aleasă cu grijă. Clienții răsfoiesc pe categorii, văd ce e cu adevărat în stoc, comandă cu datele lor de livrare și urmăresc fiecare comandă din contul lor. Magazinul se conduce dintr-o singură pagină de administrare: comenzi și statusul lor, produse și stoc, livrare și setări. Interfața e în engleză și română; produsele se introduc o singură dată, în limba magazinului.
- Inclusă în planurile Starter și Pro
- O copie exactă a întregii aplicații
- Frontend, backend și date incluse
- A ta, o păstrezi și o schimbi în propriul tău repository
- Multilingvă, pentru orice țară ai nevoie
- pagini în magazin
- 8
- secțiuni de administrare
- 4
- workflow-uri de backend
- 7
- tabele de date
- 6
- statusuri de comandă
- 6
Făcută pentru
- Magazine mici, independente, cu o gamă scurtă și atent aleasă
- Meșteșugari și branduri care își vând propriile produse
- Magazine care încasează prin transfer bancar, link de plată sau ramburs
- Agenții care construiesc un magazin online simplu pentru un client
Fiecare ecran
Vezi-o așa cum o văd clienții și magazinul
O vitrină la care te oprești
- Hero editorial cu un colaj de produse recomandate și cifrele-cheie ale magazinului
- Bara de anunțuri și pragul pentru livrare gratuită, ambele setate din administrare
- Categorii în casete, cu fotografii și numărul de produse
- Favorite, un banner de brand și Noutăți, luate direct din catalog
1 / 5Hero-ul primei pagini, cu un colaj de produse recomandate
Drumul unei comenzi
Fiecare comandă calculată și verificată de server
Clienții pot comanda doar ce e în stoc, iar magazinul duce fiecare comandă mai departe, de la nouă la livrată.
- Nouă
- Plătită
- Ambalată
- Expediată
- Livrată
Ce primești
Toată aplicația, unu la unu
Magazin
- Prima pagină
- Magazin și categorii
- Produs
- Coș
- Finalizare comandă
- Confirmarea comenzii
- Cont, autentificare și creare cont
- Comenzile mele
Administrare
- Privire de ansamblu
- Comenzi
- Produse
- Setări
Backend
- 7 workflow-uri pentru catalog, autentificare, comenzi și administrare
- 6 tabele: utilizatori, categorii, produse, comenzi, linii de comandă, setări
- 9 produse de exemplu în 4 categorii
Tehnologie
- React 18, Tailwind CSS, componente în stil shadcn, iconițe Lucide
- Parole stocate ca hash-uri; autentificarea folosește token-uri semnate, valabile 7 zile
- Datele și modificările din administrare cer un cont de administrator, verificat pe server
- Prețurile, totalurile, livrarea și stocul sunt calculate pe server pentru fiecare comandă
- Interfață în engleză și română, cu date, numere și prețuri formatate pentru fiecare limbă
În administrare
O schimbi fără să atingi codul
- Numele magazinului, bara de anunțuri, moneda, taxa de livrare, pragul pentru livrare gratuită și datele de contact
- Fiecare produs: nume, categorie, preț, preț vechi, stoc, adresa fotografiei, texte, vizibilitate și evidențiere
- Statusul fiecărei comenzi
În cod
O editare rapidă ca s-o faci a ta
- Titlul și introducerea de pe prima pagină
- Banda cu promisiuni și bannerul de brand
- Rândul din subsol
- Culorile și fonturile
- Titlul paginii site-ului
- Orice text al interfeței, în fișierele de limbă pentru engleză și română
Configurare
Șase pași până la magazinul tău
Vei avea nevoie de
- Un cont Ubex, unde rulează workflow-urile și tabelele aplicației
- Fotografiile tale de produs, publicate la o adresă web
- Adaugă propriul JWT_SECRET.
- Setează adresa aplicației în originile permise ale workflow-urilor.
- Șterge din tabele utilizatorii, comenzile și liniile de comandă demo.
- Publică aplicația pe un subdomeniu sau pe un domeniu propriu.
- Creează primul cont. El devine administrator.
- Completează datele magazinului în Setări, înlocuiește produsele de exemplu și schimbă categoriile în tabelul Categories.
Bine de știut
Ce nu face
Mai bine afli acum decât mai târziu. Poți adăuga singur oricare dintre acestea: codul e al tău, îl schimbi cum vrei.
- Fără plată onlineNu există plată cu cardul sau cu portofel digital. Magazinul stabilește plata cu clientul și trece comanda pe Plătită.
- Fără emailuriFără confirmări de comandă, notificări de expediere sau chitanțe pe email. Clienții își urmăresc comenzile în Comenzile mele.
- Fără resetarea paroleiCine își uită parola trebuie să contacteze magazinul.
- Fără comandă ca vizitatorPentru a comanda e nevoie de un cont.
- Fără coduri de reducereUn produs poate afișa un preț vechi, dar nu există coduri sau cupoane.
- Fără varianteFără mărimi, culori sau opțiuni: fiecare produs e un singur articol, cu un singur preț.
- Fără încărcare de fotografiiFotografiile produselor se setează printr-o adresă web.
- Anularea nu reface stoculCând anulezi o comandă, produsele ei nu se întorc în stoc.
- O singură monedăO singură monedă per magazin.
- Fără recenziiFără recenzii sau note pentru produse.
- Fără ecran pentru categoriiCategoriile se schimbă în tabelul Categories sau prin API, nu din administrare.
- O singură taxă de livrarePlus livrare gratuită peste un prag. Fără zone de livrare, integrare cu curieri sau numere de urmărire.
- Fără facturi, taxe sau retururiFără facturi, calcul de taxe, rambursări sau gestionarea retururilor.
- Conținut într-o singură limbăInterfața trece între engleză și română, dar produsele, categoriile și bara de anunțuri se introduc o singură dată, în limba magazinului, și nu se traduc.
Tot ce vezi în aceste ecrane e inventat: Northwind Store, adresa de email și numărul de telefon, clienții și adresele lor, comenzile și cifrele de venit. Fotografiile produselor sunt imagini temporare de pe Unsplash. Nu fac parte din aplicație, așa că înlocuiește-le cu ale tale.
Deschide-ți magazinul online
Ia o copie exactă, pune-ți numele pe ea și fă-o a ta.