Tutoriály

Středně pokročilý35 min

Naučíte se:

  • Katalog produktů s kategoriemi
  • Funkcionalita nákupního košíku
  • Integrace plateb Stripe
  • Systém správy objednávek
  • Sledování zásob

Budování e-commerce platformy

Vytvořte plně funkční online obchod se zpracováním plateb a správou zásob

V tomto tutoriálu si od základu postavíte kompletní e-commerce platformu. Probereme vše od výpisů produktů až po zpracování plateb a ukážeme si, jak ZBuild zvládá komplexní aplikace s mnoha funkcemi.

Na konci budete mít online obchod připravený pro produkci se skutečným zpracováním plateb.

Předpoklady

  • Účet ZBuild Studio (doporučen tarif Pro)
  • Účet Stripe pro zpracování plateb
  • Dokončené tutoriály 'Začínáme'

Přehled projektu

Postavíme moderní e-commerce platformu s následujícími funkcemi:

Katalog produktů

Procházení produktů podle kategorií s vyhledáváním a filtry

Nákupní košík

Přidávání, odebírání a aktualizace množství

Uživatelské účty

Registrace, přihlášení a historie objednávek

Pokladna a platba

Zabezpečené zpracování plateb Stripe

Administrační panel

Správa produktů, objednávek a zásob

Sledování objednávek

Aktualizace stavu objednávek v reálném čase

Krok 1: Definujte svůj obchod

Začněte tím, že popíšete svou e-commerce platformu nástroji Conductor. Buďte konkrétní ohledně typů produktů a obchodního modelu.

Chci postavit e-commerce obchod pro prodej elektroniky.

Požadované funkce:
- Katalog produktů s kategoriemi (telefony, notebooky, příslušenství)
- Stránky produktů s obrázky, popisy, specifikacemi, recenzemi
- Nákupní košík s úpravou množství
- Uživatelské účty s historií objednávek
- Integrace plateb Stripe
- Administrační panel pro správu produktů a objednávek
- Sledování zásob s upozorněním na nízký stav

Design: Moderní, čistý, responzivní pro mobily
Tech: React, Node.js, PostgreSQL

Krok 2: Kontrola architektury

Conductor navrhne architekturu a rozdělí projekt na úkoly. U e-commerce platformy očekávejte 15-20 úkolů.

Věnujte zvláštní pozornost úkolům integrace plateb. Ujistěte se, že je zahrnuto zpracování webhooků Stripe pro potvrzení objednávky.

Krok 3: Databázové schéma

Virtuoso vytvoří komplexní databázové schéma pro váš obchod.

Tabulka uživatelů

Zákaznické účty a autentizace

Tabulka produktů

Detaily produktů, ceny, zásoby

Tabulka kategorií

Kategorizace produktů

Tabulka objednávek

Záznamy o objednávkách a stav

Položky objednávky

Jednotlivé položky v každé objednávce

Tabulka recenzí

Zákaznické recenze produktů

Krok 4: Integrace plateb

Integrace Stripe zajišťuje zabezpečené zpracování plateb.

  1. Vytvoření relace Stripe Checkout
  2. Koncový bod webhooku pro potvrzení platby
  3. Aktualizace stavu objednávky při úspěšné platbě
  4. Zpracování neúspěšných plateb a opakování
  5. Možnost zpracování refundací

Důležité Budete muset přidat své API klíče Stripe jako proměnné prostředí. Conductor vás k tomu v případě potřeby vyzve.

Krok 5: Administrační panel

Administrační panel vám umožní spravovat váš obchod bez kódu.

Správa produktů

Přidávání, úpravy a mazání produktů s nahráváním obrázků

Správa objednávek

Zobrazení objednávek, aktualizace stavu, zpracování refundací

Upozornění na zásoby

Oznámení o položkách s nízkým stavem zásob

Analytika

Přehledy prodejů a poznatky o zákaznících

Co jste vytvořili

Gratulujeme! Nyní máte plně funkční e-commerce platformu.

  • Kompletní katalog produktů s vyhledáváním a filtry
  • Nákupní košík a proces pokladny
  • Zabezpečené zpracování plateb Stripe
  • Administrační panel pro správu obchodu
  • Systém sledování zásob

Další kroky

Dashboard v reálném čase

Přidejte živou analytiku do svého administračního panelu

Publikovat na Marketplace

Prodávejte svou e-commerce šablonu ostatním tvůrcům

Jste připraveni postavit svůj obchod?

Začněte stavět svou e-commerce platformu ještě dnes.

Začít stavětDalší tutoriály