Shop einrichten

Das Shop-Modul ermöglicht es dir, einen vollständigen Online-Shop zu erstellen. Ideal für E-Commerce, Produktverkauf und digitale Waren mit professionellem Checkout-Prozess.

Automatisches Firebase-Setup

Die Firebase-Einrichtung (Sicherheitsregeln, Indexes) erfolgt automatisch beim Veröffentlichen deiner App. Du musst dich beim Aktivieren dieses Moduls nicht um Firebase kümmern.

Login-Verhalten konfigurieren

Der Shop hat zwei Einstellungen, die zusammen mit dem App-weiten Login-Modus bestimmen, wann sich Käufer anmelden müssen:

• Gast-Checkout erlauben (im Tab „Warenkorb”) — siehe Warenkorb-Einstellungen
• Wunschliste: Login erforderlich (im Tab „Features”) — siehe Features-Einstellungen

Beide Defaults sind so gewählt, dass Gäste den Shop ohne Hürde nutzen können — Login passiert erst, wenn er inhaltlich nötig ist.

Übersicht

Das Shop-Modul bietet folgende Funktionen:

Produkte

Produkte mit Bildern, Varianten & Preisen.

Kategorien

Übersichtliche Navigation im Shop.

Warenkorb

Warenkorb mit Mengenänderung.

Checkout

Sicherer Checkout-Prozess.

Wunschliste

Produkte für später speichern.

Bewertungen

Produktbewertungen & Rezensionen.

---

Setup starten

1. Öffne den Edit Mode in deiner App
2. Gehe zu Module & Features
3. Tippe auf Shop und dann auf Einrichten
4. Der Setup-Assistent öffnet sich

---

Die Setup-Schritte im Überblick

Das Shop-Setup besteht aus vier Schritten:

Schritt 1: Einführung

Eine Übersicht über das Shop-Modul und seine Funktionen.

Was du siehst:

• Willkommens-Nachricht zum Shop-Modul
• Übersicht der Hauptfunktionen:
  • Produkte mit Bildern, Varianten & Preisen
  • Kategorien für übersichtliche Navigation
  • Warenkorb mit Mengenänderung
  • Sicherer Checkout-Prozess
  • Wunschliste für Kunden
  • Produktbewertungen & Rezensionen

Info-Schritt

Dieser Schritt zeigt nur Informationen an. Tippe auf „Weiter”, um fortzufahren.

---

Schritt 2: Zahlungsanbieter

Übersicht über die verfügbaren Zahlungsoptionen.

Zahlungsarten:

Zahlungsart	Beschreibung
Kreditkarte	Visa, Mastercard, etc.
PayPal	Online-Zahlung
Rechnung	Zahlung innerhalb 14 Tagen
Barzahlung	Bei Abholung

Payments-Modul empfohlen

Für erweiterte Zahlungsoptionen (Stripe-Integration, automatische Rechnungen) wird das Payments-Modul empfohlen. Die Konfiguration erfolgt dort.

👉 Mehr zu Zahlungsanbietern

---

Schritt 3: Abschluss

Dein Shop ist bereit zur Nutzung!

Nächste Schritte nach dem Setup:

1. Kategorien anlegen - Erstelle Produktkategorien
2. Produkte hinzufügen - Füge Produkte mit Details hinzu
3. Shop-Einstellungen anpassen - Konfiguriere Design und Features

---

Firestore-Sammlungen

Der Shop verwendet folgende Firestore-Sammlungen:

Produkte

Collection: shop_products

Feld	Beschreibung
name	Produktname
description	Beschreibung
price	Preis
comparePrice	Vergleichspreis (für Rabatt)
categoryId	Kategorie-Referenz
isActive	Aktiv/Inaktiv
isFeatured	Empfohlen
stockQuantity	Lagerbestand
images	Produktbilder

Berechtigungen:

• Lesen: Jeder (öffentlicher Shop)
• Schreiben: Nur Admins

Kategorien

Collection: shop_categories

Feld	Beschreibung
name	Kategoriename
description	Beschreibung
imageUrl	Kategorie-Bild
parentId	Übergeordnete Kategorie
isActive	Aktiv/Inaktiv
sortOrder	Sortierung

Berechtigungen:

• Lesen: Jeder
• Schreiben: Nur Admins

Bestellungen

Collection: shop_orders

Feld	Beschreibung
userId	Kunde
items	Bestellte Produkte
total	Gesamtbetrag
status	Bestellstatus
shippingAddress	Lieferadresse
paymentMethod	Zahlungsart
createdAt	Bestelldatum

Berechtigungen:

• Lesen: Eigene Bestellungen + Admins
• Erstellen: Eingeloggte Nutzer
• Bearbeiten: Nur Admins

Bewertungen

Collection: shop_reviews

Feld	Beschreibung
productId	Bewertetes Produkt
userId	Verfasser
rating	Sterne (1-5)
title	Titel
content	Bewertungstext
status	Moderation-Status
createdAt	Datum

Berechtigungen:

• Lesen: Jeder
• Erstellen: Eingeloggte Nutzer
• Bearbeiten: Eigene + Admins

Gutscheine

Collection: shop_coupons

Feld	Beschreibung
code	Gutscheincode
discount	Rabattwert
discountType	Prozent/Absolut
minOrderValue	Mindestbestellwert
validUntil	Gültig bis
usageLimit	Maximale Nutzungen

Berechtigungen:

• Lesen: Nur Admins
• Schreiben: Nur Admins

---

Composite Indexes

Der Shop benötigt 10 Composite Indexes für effiziente Abfragen:

Index	Beschreibung
Aktive Produkte	Sortierung nach Erstelldatum
Empfohlene Produkte	Featured-Produkte filtern
Kategorie-Produkte	Produkte nach Kategorie
Low Stock	Niedriger Lagerbestand
Aktive Kategorien	Sortierte Kategorien
Unterkategorien	Nach Parent-Kategorie
Produkt-Reviews	Bewertungen pro Produkt
Ausstehende Reviews	Zur Moderation
Nutzer-Bestellungen	Bestellungen pro Kunde
Bestellstatus	Nach Status sortiert

Index-Erstellung dauert

Die Erstellung der Composite Indexes kann einige Minuten dauern. Der Shop funktioniert erst vollständig, wenn alle Indexes den Status „Enabled” haben.

---

Nach der Einrichtung

Nach erfolgreichem Setup:

• ✅ Composite Indexes werden erstellt
• ✅ Shop ist einsatzbereit

Nächste Schritte

Shop-Editor Konfiguriere deinen Shop

Produkte verwalten Produkte hinzufügen und bearbeiten

Kategorien erstellen Produktkategorien anlegen

Versand konfigurieren Versandoptionen einrichten

---

Abhängigkeiten

Modul	Status
Firebase	Erforderlich
Firebase Auth	Erforderlich
Admin-Modul	Empfohlen
Payments-Modul	Optional (für erweiterte Zahlungen)
Bestellungen-Modul	Optional (für erweiterte Bestellverwaltung)

---

Shop-Features im Überblick

Feature	Beschreibung
Produktvarianten	Größen, Farben, Optionen
Lagerbestand	Automatische Bestandsverwaltung
Preisvergleich	Rabatt-Anzeige
Wunschliste	Produkte merken
Bewertungen	Sterne und Rezensionen
Gutscheine	Rabattcodes
Filter	Nach Preis, Kategorie, etc.
Suche	Produktsuche
Responsive	Mobile-optimiert

---

Tipps

Kategorien zuerst

Erstelle zuerst deine Kategorien, bevor du Produkte hinzufügst. Das erleichtert die Organisation.

Hochwertige Bilder

Verwende hochauflösende Produktbilder. Sie werden automatisch optimiert und verbessern die Conversion.

Bewertungen aktivieren

Produktbewertungen erhöhen das Vertrauen der Kunden. Aktiviere sie im Shop-Editor.

Index-Status prüfen

Nach dem Setup: Prüfe in der Firebase Console, ob alle Indexes erstellt wurden (Status: „Enabled”).

---

Weiterführende Themen

Zahlungsanbieter Zahlungsoptionen konfigurieren

Shop-Editor Shop-Einstellungen anpassen

Payments-Modul Erweiterte Zahlungsoptionen