MarketplaceHandel und Onlineshops
E-Commerce-App
Ein Onlineshop für ein kleines, sorgfältig gewähltes Sortiment. Kunden stöbern nach Kategorien, sehen, was wirklich auf Lager ist, bestellen mit ihren Lieferdaten und verfolgen jede Bestellung in ihrem Konto. Der Shop wird über eine einzige Admin-Seite geführt: Bestellungen und ihr Status, Produkte und Bestand, Versand und Einstellungen. Die Oberfläche gibt es auf Englisch und Rumänisch; Produkte werden einmal eingegeben, in der Sprache des Shops.
- In den Plänen Starter und Pro enthalten
- Eine exakte Kopie der ganzen Anwendung
- Frontend, Backend und Daten inklusive
- Ihre App zum Behalten und Ändern, in Ihrem eigenen Repository
- Mehrsprachig, für jedes Land, das Sie brauchen
- Seiten im Shop
- 8
- Admin-Tabs
- 4
- Backend-Workflows
- 7
- Datentabellen
- 6
- Bestellstatus
- 6
Gemacht für
- Kleine unabhängige Läden mit einem kurzen, kuratierten Sortiment
- Hersteller und Marken, die ihre eigenen Produkte verkaufen
- Shops, die per Überweisung, Zahlungslink oder bei Lieferung kassieren
- Agenturen, die für einen Kunden einen einfachen Onlineshop bauen
Jede Ansicht
So sehen es Kunden und der Shop
Ein Schaufenster, vor dem man stehen bleibt
- Hero im Magazin-Stil mit einer Collage ausgewählter Produkte und den wichtigsten Shop-Fakten
- Hinweisleiste und Grenze für kostenlosen Versand, beides im Adminbereich eingestellt
- Kategorie-Kacheln mit Fotos und Produktanzahl
- Favoriten, ein Marken-Banner und Neuheiten, direkt aus dem Katalog
1 / 5Hero der Startseite mit einer Collage ausgewählter Produkte
So läuft eine Bestellung
Jede Bestellung vom Server berechnet und geprüft
Kunden können nur bestellen, was auf Lager ist, und der Shop führt jede Bestellung weiter, von neu bis zugestellt.
- Neu
- Bezahlt
- Verpackt
- Versandt
- Zugestellt
Das bekommen Sie
Die ganze Anwendung, eins zu eins
Shop
- Startseite
- Shop und Kategorien
- Produkt
- Warenkorb
- Kasse
- Bestellbestätigung
- Konto, Anmelden und Konto erstellen
- Meine Bestellungen
Admin
- Übersicht
- Bestellungen
- Produkte
- Einstellungen
Backend
- 7 Workflows für Katalog, Anmeldung, Bestellungen und Adminbereich
- 6 Tabellen: Nutzer, Kategorien, Produkte, Bestellungen, Bestellpositionen, Einstellungen
- 9 Beispielprodukte in 4 Kategorien
Technologie
- React 18, Tailwind CSS, Komponenten im shadcn-Stil, Lucide-Icons
- Passwörter als Hashes gespeichert; Anmeldung mit signierten Tokens, die 7 Tage gültig sind
- Admin-Daten und Änderungen erfordern ein Admin-Konto, geprüft auf dem Server
- Preise, Summen, Versand und Bestand werden für jede Bestellung auf dem Server berechnet
- Oberfläche auf Englisch und Rumänisch, mit Datum, Zahlen und Preisen im jeweils passenden Format
Im Adminbereich
Ändern, ohne Code anzufassen
- Shopname, Hinweisleiste, Währung, Versandkosten, Grenze für kostenlosen Versand und Kontaktdaten
- Jedes Produkt: Name, Kategorie, Preis, alter Preis, Bestand, Fotoadresse, Texte, Sichtbarkeit und Hervorhebung
- Der Status jeder Bestellung
Im Code
Schnell geändert und ganz Ihrer
- Überschrift und Einleitung der Startseite
- Die Versprechen-Leiste und das Marken-Banner
- Die Zeile im Footer
- Farben und Schriften
- Der Seitentitel der Website
- Jeden Text der Oberfläche, in den Sprachdateien für Englisch und Rumänisch
Einrichtung
Sechs Schritte zu Ihrem eigenen Shop
Das brauchen Sie
- Ein Ubex-Konto, auf dem die Workflows und Tabellen der App laufen
- Eigene Produktfotos, online unter einer Webadresse
- Legen Sie Ihr eigenes JWT_SECRET an.
- Tragen Sie die Adresse der App in die erlaubten Origins der Workflows ein.
- Löschen Sie die Demo-Nutzer, -Bestellungen und -Bestellpositionen aus den Tabellen.
- Veröffentlichen Sie die App auf einer Subdomain oder eigenen Domain.
- Erstellen Sie das erste Konto. Es wird zum Admin.
- Tragen Sie die Shop-Daten in den Einstellungen ein, ersetzen Sie die Beispielprodukte und passen Sie die Kategorien in der Tabelle Categories an.
Gut zu wissen
Was die App nicht kann
Besser jetzt wissen als später. All das können Sie selbst ergänzen: Den Code können Sie beliebig ändern.
- Keine Online-ZahlungEs gibt keine Bezahlung per Karte oder Wallet. Der Shop vereinbart die Zahlung mit dem Kunden und setzt die Bestellung auf Bezahlt.
- Keine E-MailsKeine Bestellbestätigungen, Versandinfos oder Belege per E-Mail. Kunden verfolgen ihre Bestellungen unter Meine Bestellungen.
- Kein Zurücksetzen des PasswortsWer sein Passwort vergisst, muss sich an den Shop wenden.
- Kein GastkaufZum Bestellen braucht man ein Konto.
- Keine RabattcodesEin Produkt kann einen alten Preis zeigen, aber es gibt keine Codes oder Gutscheine.
- Keine VariantenKeine Größen, Farben oder Optionen: Jedes Produkt ist ein Artikel mit einem Preis.
- Kein Foto-UploadProduktfotos werden über eine Webadresse eingebunden.
- Stornieren füllt den Bestand nicht aufWird eine Bestellung storniert, kommen ihre Artikel nicht zurück in den Bestand.
- Eine WährungEine Währung pro Shop.
- Keine BewertungenKeine Produktbewertungen oder Sterne.
- Keine Ansicht für KategorienKategorien werden in der Tabelle Categories oder über die API geändert, nicht im Adminbereich.
- Eine pauschale VersandgebührDazu kostenloser Versand ab einem Mindestbetrag. Keine Versandzonen, keine Anbindung an Versanddienstleister, keine Sendungsnummern.
- Keine Rechnungen, Steuern oder RetourenKeine Rechnungen, keine Steuerberechnung, keine Erstattungen und keine Retourenabwicklung.
- Inhalte in einer SpracheDie Oberfläche wechselt zwischen Englisch und Rumänisch, aber Produkte, Kategorien und die Hinweisleiste werden einmal eingegeben, in der Sprache des Shops, und nicht übersetzt.
Alles in diesen Ansichten ist erfunden: Northwind Store, E-Mail-Adresse und Telefonnummer, die Kunden und ihre Adressen, die Bestellungen und die Umsatzzahlen. Die Produktfotos sind Platzhalter von Unsplash. Sie gehören nicht zur App, ersetzen Sie sie also durch eigene.
Bringen Sie Ihren Shop online
Holen Sie sich eine exakte Kopie, setzen Sie Ihren Namen darauf und machen Sie sie zu Ihrer App.