QR-Kasse

Professionelles Kassensystem für Veranstaltungen

🎯 Ü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.

[Screenshot: Dashboard-Übersicht des QR-Kasse Systems]

📱 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

  1. Plugin herunterladen
    Laden Sie die aktuelle Version herunter: qr-kasse-v4.0.0-CLEAN.zip
  2. In WordPress installieren
    Navigieren Sie zu Plugins → Installieren → Plugin hochladen
    Wählen Sie die ZIP-Datei aus und klicken Sie auf "Installieren"
    [Screenshot: WordPress Plugin-Installation]
  3. Plugin aktivieren
    Nach der Installation klicken Sie auf "Plugin aktivieren"
    Im Admin-Menü erscheint der neue Punkt "QR-Kasse"
  4. Kategorien anlegen
    Gehen Sie zu QR-Kasse → Kategorien
    Erstellen Sie Ihre Produktkategorien (z.B. Getränke, Speisen)
    [Screenshot: Kategorien-Verwaltung mit Drag & Drop]
  5. Produkte hinzufügen
    Navigieren Sie zu QR-Kasse → Produkte
    Fügen Sie Ihre Produkte mit Namen, Preis und Kategorie hinzu
    [Screenshot: Produkt-Verwaltung mit Beispielprodukten]

Mobile App konfigurieren

Wichtig: Die Mobile App benötigt HTTPS für den Kamera-Zugriff (QR-Scanner)
  1. Öffnen Sie QR-Kasse → Einstellungen → Mobile App
  2. 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.
  3. Aktivieren Sie "App regenerieren" ✅
  4. Klicken Sie auf "Einstellungen speichern"
Die Mobile App ist nach dem Speichern verfügbar unter:
https://ihre-domain.de/wp-content/uploads/vwt-mobile-app/
[Screenshot: Mobile App Einstellungen mit Farbauswahl]

QR-Codes generieren und drucken

Batch-Generierung

  1. Gehen Sie zu QR-Kasse → QR-Codes
  2. Geben Sie ein:
    • Anzahl Karten: z.B. 100
    • Startnummer: z.B. 1
    • Event-Name: Optional
    • Datum: Event-Datum
  3. Klicken Sie auf "Karten generieren"
[Screenshot: QR-Code Generator mit bunten generierten Karten]

Drucken der QR-Codes

Nach der Generierung erscheint automatisch der Button "🖨️ QR-Codes drucken (neues Fenster)"

[Screenshot: Druckvorschau mit QR-Code Karten im Grid-Layout]

📱 Bedienungsanleitung für Verkaufspersonal

Bar-Verkauf über Webinterface

Zugang zum System

  1. Öffnen Sie im Browser: https://ihre-domain.de/vwt-verkauf/
  2. Falls PIN-Schutz aktiviert: 4-stelligen PIN eingeben
[Screenshot: Verkaufs-Interface mit Produktauswahl und Preisanzeige]

Bestellung aufnehmen - Schritt für Schritt

  1. Produkte auswählen
    Klicken Sie auf + bei jedem gewünschten Produkt
    Die Menge können Sie mit + und - anpassen
  2. Gesamtpreis prüfen
    Der Gesamtbetrag wird automatisch berechnet und angezeigt
  3. 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]
  4. Alternative: Manuelle Eingabe
    Falls der Scanner nicht funktioniert, geben Sie den Code manuell ein
  5. Bestellung speichern
    Klicken Sie auf "Speichern" - Die Bestellung wird automatisch verbucht
Tipp: Nach dem Speichern springt der Fokus automatisch zurück zur Produktauswahl für die nächste Bestellung.

Mobile App für Smartphones

Installation auf dem Smartphone

📱 iOS (iPhone/iPad)

  1. Safari öffnen
  2. URL eingeben: ihre-domain.de/wp-content/uploads/vwt-mobile-app/
  3. Teilen-Button tippen (□↑)
  4. "Zum Home-Bildschirm" wählen
  5. Namen bestätigen

🤖 Android

  1. Chrome öffnen
  2. URL eingeben: ihre-domain.de/wp-content/uploads/vwt-mobile-app/
  3. Menü öffnen (⋮)
  4. "App installieren" wählen
  5. Installation bestätigen
[Screenshot: Mobile App auf Smartphone-Homescreen]

Mit der App arbeiten

[Screenshot: Mobile App in Aktion mit Produktauswahl]

📊 Tagesabschluss und Berichte

Tagesabschluss durchführen

  1. Navigieren Sie zu QR-Kasse → Tagesabschluss
  2. Wählen Sie das gewünschte Datum
  3. Klicken Sie auf "Bericht generieren"
[Screenshot: Tagesabschluss mit Umsatzstatistiken und Diagrammen]

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

[Screenshot: Export-Buttons und Download-Optionen]

⚙️ 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
Hinweis: Der Event-PIN gilt nur bis 3 Uhr morgens (konfigurierbar)

Funktionen aktivieren/deaktivieren

In QR-Kasse → Einstellungen → System können Sie folgende Funktionen steuern:

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

Lösung 1: App neu generieren
  1. Gehen Sie zu Einstellungen → Mobile App
  2. Aktivieren Sie "App regenerieren" ✅
  3. Speichern Sie die Einstellungen
  4. Laden Sie die App neu (Pull-to-Refresh)
Lösung 2: CORS-Header prüfen

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

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

📞 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

💡 Tipp: Machen Sie vor großen Events immer ein Backup Ihrer WordPress-Installation und testen Sie das System ausführlich!

🔄 Changelog

Version 4.0.0 CLEAN (Oktober 2024)

Version 3.5.1

Version 3.0.0