Mobile & PWA Funktionen

Die QR Bestell-App funktioniert wie eine native App auf Ihrem Handy mit schnellem Laden, Push-Benachrichtigungen und Offline-Support.

Progressive Web App (PWA)

Was ist eine PWA?

Eine Progressive Web App:

• Funktioniert in Ihrem Browser
• Fühlt sich an wie eine native App
• Kein App Store Download nötig
• Lädt sofort
• Funktioniert offline (limitiert)

Vorteile

• Schnelle, responsive Erfahrung
• Kein Speicherplatz auf Gerät belegt
• Immer aktuell
• Push-Benachrichtigungen
• Funktioniert auf allen Geräten

Zum Startbildschirm hinzufügen

Auf iPhone (Safari)

Schritt 1: Öffnen Sie die QR Bestellseite in Safari

Schritt 2: Tippen Sie den Teilen-Button (Quadrat mit Pfeil)

Schritt 3: Scrollen und Zum Home-Bildschirm tippen

Schritt 4: Benennen und Hinzufügen tippen

Schritt 5: Icon erscheint auf Home-Bildschirm

Auf Android (Chrome)

Schritt 1: Öffnen Sie die QR Bestellseite in Chrome

Schritt 2: Tippen Sie Menü (drei Punkte)

Schritt 3: Tippen Sie Zum Startbildschirm zufügen oder App installieren

Schritt 4: Installation bestätigen

Schritt 5: Icon erscheint auf Home-Bildschirm

App-ähnliche Erfahrung

Vollbildmodus

Wenn vom Home-Bildschirm geöffnet:

• Keine Browseradressleiste
• Vollbildoberfläche
• Restaurantbranding
• Fühlt sich an wie native App

Schnelles Laden

• Seiten laden sofort
• Gecached nach erstem Besuch
• Funktioniert auf langsamen Verbindungen
• Flüssige Animationen

Offline Support

Ohne Internet:

• Menü ansehbar (wenn gecached)
• Warenkorb erhalten
• Limitierte Funktionalität
• Bestellungen reihen ein bis online

Online benötigt für

• Neue Bestellungen aufgeben
• Zahlungen verarbeiten
• Echtzeit-Updates
• Kellner rufen Feature

Push-Benachrichtigungen

Was Sie empfangen

• Bestellbestätigung
• "Wird zubereitet" Updates
• "Bereit zur Abholung"
• Bestellung geliefert

Benachrichtigungen aktivieren

Schritt 1: Browser fragt nach Erlaubnis

Schritt 2: Erlauben tippen

Schritt 3: Benachrichtigungen aktiviert

Schritt 4: In Handyeinstellungen verwalten

Benachrichtigungen verwalten

• Umschalten in Geräteeinstellungen
• Pro-App Kontrollen
• Marketing deaktivieren falls gewünscht

Mobil-optimiertes Design

Touch Interface

• Große Tippziele
• Einfaches Scrollen
• Wischgesten
• Ziehen zum Aktualisieren

Responsives Layout

• Passt sich Bildschirmgröße an
• Hoch- und Querformat
• Funktioniert auf allen Handys
• Tablet optimiert auch

Mobile Navigation

• Untere Tab-Leiste für Im Haus
• Schwebender Warenkorb-Button
• Einfache Zurück-Navigation
• Klare Aktionsbuttons

Leistung

Geschwindigkeitsoptimierungen

• Komprimierte Bilder
• Lazy Loading
• Minimale Datennutzung
• Effizienter Code

Batterieeffizient

• Optimiert für Mobile
• Kein Hintergrundverbrauch
• Socket-Verbindungen verwaltet
• Niedriger Einfluss

Kameraintegration

QR Scannen

• Eingebaute Scanner-Option
• Nutzt Handykamera
• Schnelle Codeerkennung
• Auto-Weiterleitung zum Menü

Standortdienste

Wenn erlaubt:

• Nächstes Restaurant automatisch erkennen
• Lieferadresse vorschlagen
• Lieferzonen berechnen

Teilen

Teilen aus der App:

• Restaurantlink
• Spezifische Menüartikel
• Mit Freunden teilen

Fehlerbehebung

PWA installiert nicht

Benachrichtigungen gehen nicht

Offline geht nicht

Langsame Leistung

Kamera geht nicht für QR