📑 Inhaltsverzeichnis
🎯 Überblick
QR-Kasse ist ein WordPress-Plugin, das ein vollständiges, QR-Code-basiertes Kassensystem für Veranstaltungen, Konzerte und Festivals bereitstellt. Mit einer integrierten Mobile App können Ihre Gäste schnell und sicher bargeldlos bezahlen.
📱 Mobile App
Funktioniert auf allen Smartphones ohne Installation
🔌 Offline-fähig
Arbeitet auch ohne Internetverbindung
📊 Tagesabschluss
Automatische Abrechnungen und Berichte
🎫 QR-Code System
Eindeutige Codes für jeden Gast
🖨️ Druckbare Karten
Schönes Design mit Gradients
🔒 Sicher
PIN-Schutz und Mehrfachnutzungs-Sperre
⚙️ Installation für Administratoren
Systemvoraussetzungen
| Komponente | Mindestanforderung | Empfohlen |
|---|---|---|
| WordPress | 5.0 | 6.0+ |
| PHP | 7.2 | 8.0+ |
| MySQL | 5.6 | 8.0+ |
| HTTPS | Erforderlich | SSL-Zertifikat |
Schritt-für-Schritt Installation
-
Plugin herunterladen
Laden Sie die aktuelle Version herunter: qr-kasse-v4.0.0-CLEAN.zip -
In WordPress installieren
Navigieren Sie zuPlugins → Installieren → Plugin hochladen
Wählen Sie die ZIP-Datei aus und klicken Sie auf "Installieren"[Screenshot: WordPress Plugin-Installation] -
Plugin aktivieren
Nach der Installation klicken Sie auf "Plugin aktivieren"
Im Admin-Menü erscheint der neue Punkt "QR-Kasse" -
Kategorien anlegen
Gehen Sie zuQR-Kasse → Kategorien
Erstellen Sie Ihre Produktkategorien (z.B. Getränke, Speisen)[Screenshot: Kategorien-Verwaltung mit Drag & Drop] -
Produkte hinzufügen
Navigieren Sie zuQR-Kasse → Produkte
Fügen Sie Ihre Produkte mit Namen, Preis und Kategorie hinzu[Screenshot: Produkt-Verwaltung mit Beispielprodukten]
Mobile App konfigurieren
- Öffnen Sie
QR-Kasse → Einstellungen → Mobile App - Konfigurieren Sie:
- Venue Name: Name Ihrer Veranstaltung
- App Titel: Titel der Mobile App
- Theme-Farbe: Ihre Markenfarbe (Hex-Code)
- Währung: CHF, EUR, USD etc.
- Aktivieren Sie "App regenerieren" ✅
- Klicken Sie auf "Einstellungen speichern"
https://ihre-domain.de/wp-content/uploads/vwt-mobile-app/
QR-Codes generieren und drucken
Batch-Generierung
- Gehen Sie zu
QR-Kasse → QR-Codes - Geben Sie ein:
- Anzahl Karten: z.B. 100
- Startnummer: z.B. 1
- Event-Name: Optional
- Datum: Event-Datum
- Klicken Sie auf "Karten generieren"
Drucken der QR-Codes
Nach der Generierung erscheint automatisch der Button "🖨️ QR-Codes drucken (neues Fenster)"
- Öffnet ein sauberes Druckfenster ohne WordPress-Navigation
- 4 QR-Codes pro Reihe im A4-Format
- Drucken mit Strg+P (Windows) oder Cmd+P (Mac)
📱 Bedienungsanleitung für Verkaufspersonal
Bar-Verkauf über Webinterface
Zugang zum System
- Öffnen Sie im Browser:
https://ihre-domain.de/vwt-verkauf/ - Falls PIN-Schutz aktiviert: 4-stelligen PIN eingeben
Bestellung aufnehmen - Schritt für Schritt
-
Produkte auswählen
Klicken Sie auf + bei jedem gewünschten Produkt
Die Menge können Sie mit + und - anpassen -
Gesamtpreis prüfen
Der Gesamtbetrag wird automatisch berechnet und angezeigt -
QR-Code scannen
- Klicken Sie auf "📷 Scanner starten"
- Erlauben Sie Kamera-Zugriff (einmalig)
- Halten Sie den QR-Code des Gastes vor die Kamera
[Screenshot: Aktiver QR-Scanner mit Kamera-Ansicht] -
Alternative: Manuelle Eingabe
Falls der Scanner nicht funktioniert, geben Sie den Code manuell ein -
Bestellung speichern
Klicken Sie auf "Speichern" - Die Bestellung wird automatisch verbucht
Mobile App für Smartphones
Installation auf dem Smartphone
📱 iOS (iPhone/iPad)
- Safari öffnen
- URL eingeben:
ihre-domain.de/wp-content/uploads/vwt-mobile-app/ - Teilen-Button tippen (□↑)
- "Zum Home-Bildschirm" wählen
- Namen bestätigen
🤖 Android
- Chrome öffnen
- URL eingeben:
ihre-domain.de/wp-content/uploads/vwt-mobile-app/ - Menü öffnen (⋮)
- "App installieren" wählen
- Installation bestätigen
Mit der App arbeiten
- App öffnen: Tippen Sie auf das App-Icon auf dem Homescreen
- Produkte wählen: Tippen Sie auf die Produktkarten
- Menge anpassen: Mit + und - Buttons
- QR scannen: "Scanner" Button für Kamera
- Offline-Modus:
- 🟢 Grüner Punkt = Online
- 🔴 Roter Punkt = Offline (Daten werden gespeichert)
- Automatische Synchronisation bei Verbindung
📊 Tagesabschluss und Berichte
Tagesabschluss durchführen
- Navigieren Sie zu
QR-Kasse → Tagesabschluss - Wählen Sie das gewünschte Datum
- Klicken Sie auf "Bericht generieren"
Verfügbare Berichte
| Bericht | Beschreibung | Format |
|---|---|---|
| Umsatz pro Kategorie | Kreisdiagramm mit prozentualer Verteilung | Diagramm |
| Top-Produkte | Meistverkaufte Produkte des Tages | Tabelle |
| Zeitverlauf | Stündliche Umsatzverteilung | Balkendiagramm |
| Offene Rechnungen | Noch nicht bezahlte QR-Codes | Liste |
| Gesamtumsatz | Summe aller Transaktionen | Zahl |
Export-Optionen
- CSV-Export: Für Excel-Auswertungen
- PDF-Druck: Über Browser-Druckfunktion
- Archivierung: Automatische Speicherung in Datenbank
⚙️ Erweiterte Einstellungen
Event-Modus konfigurieren
Der Event-Modus schützt Ihr Kassensystem vor unbefugtem Zugriff:
| Modus | Beschreibung | Verwendung |
|---|---|---|
| Aus | Kein Schutz | Für Tests und interne Events |
| PIN-Schutz | 4-stelliger PIN erforderlich | Öffentliche Events |
| WordPress-Login | Nur für eingeloggte Benutzer | Maximum Sicherheit |
Funktionen aktivieren/deaktivieren
In QR-Kasse → Einstellungen → System können Sie folgende Funktionen steuern:
- ✅ Offline-Modus: Service Worker für Offline-Betrieb
- ✅ QR-Scanner: Kamera-Scanner in der App
- ✅ Manuelle Eingabe: Backup für Scanner-Probleme
- ✅ Code-Sperrung: Verhindert Mehrfachnutzung von QR-Codes
- ✅ Kategorien: Gruppierung der Produkte
- ⬜ Digitale Quittungen: (In Entwicklung)
Mobile App personalisieren
| Option | Beschreibung | Format |
|---|---|---|
| App-Logo | Ihr Event-Logo | PNG, 512x512px |
| Theme-Farbe | Hauptfarbe der App | Hex-Code (#667eea) |
| Sekundärfarbe | Akzentfarbe | Hex-Code (#764ba2) |
| Währung | Anzeigeformat | CHF, EUR, USD, GBP |
🔧 Fehlerbehebung
Mobile App lädt keine Produkte
- Gehen Sie zu
Einstellungen → Mobile App - Aktivieren Sie "App regenerieren" ✅
- Speichern Sie die Einstellungen
- Laden Sie die App neu (Pull-to-Refresh)
Fügen Sie in Ihre .htaccess ein:
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Methods "GET, POST, OPTIONS"
Header set Access-Control-Allow-Headers "Content-Type"
</IfModule>
QR-Scanner funktioniert nicht
- ✅ HTTPS-Zertifikat prüfen: Pflicht für Kamera-Zugriff
- ✅ Browser-Berechtigungen: Kamera-Zugriff erlauben
- ✅ Browser-Kompatibilität: Chrome, Safari, Firefox aktuell?
- ✅ Alternative: Manuelle QR-Code Eingabe aktivieren
Offline-Synchronisation klemmt
// Service Worker zurücksetzen (Browser-Konsole)
navigator.serviceWorker.getRegistrations()
.then(regs => regs.forEach(reg => reg.unregister()));
// Cache löschen
caches.keys()
.then(names => names.forEach(name => caches.delete(name)));
Druckprobleme bei QR-Codes
- Verwenden Sie den "🖨️ QR-Codes drucken" Button
- Nicht direkt aus der WordPress-Seite drucken
- Chrome/Edge empfohlen für beste Druckqualität
- A4-Format, 100% Skalierung einstellen
📞 Support & Kontakt
👨💻 Entwickler
Jean-Pierre A. Kousz
www.jpk.ch/qr-kasse
📦 Version
4.0.0 CLEAN
Oktober 2024
📄 Lizenz
GPL v2 or later
Open Source Software
Bei Support-Anfragen bitte angeben:
| Information | Wo zu finden |
|---|---|
| WordPress-Version | Dashboard → Aktualisierungen |
| PHP-Version | Werkzeuge → Website-Zustand → Info |
| Plugin-Version | Plugins → QR-Kasse |
| Browser + Version | Browser-Menü → Über |
| Fehlermeldungen | Browser-Konsole (F12) |
| Screenshots | Von Fehler/Problem |
Debug-Modus aktivieren
In wp-config.php hinzufügen:
define('WP_DEBUG', true);
define('WP_DEBUG_LOG', true);
define('WP_DEBUG_DISPLAY', false);
Logs finden Sie dann unter: wp-content/debug.log
🔄 Changelog
Version 4.0.0 CLEAN (Oktober 2024)
- ✨ Komplettes Rebranding zu "QR-Kasse"
- 🖨️ Verbesserte Druckfunktion ohne WordPress-Navigation
- 📱 Optimierte Mobile App Performance
- 🐛 Bugfixes und Stabilität
Version 3.5.1
- 🔧 PWA-Installation korrigiert
- 📄 Einfache Druckfunktion hinzugefügt
Version 3.0.0
- 🚀 Initial Release
- 📱 Mobile App integriert
- 🔌 Offline-Support