Zum Hauptinhalt springen

Mobile & PWA Funktionen

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

Verfasst von Bhushan

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

Ursache

Lösung

Bereits installiert

Home-Bildschirm prüfen

Falscher Browser

Safari (iOS) oder Chrome (Android) nutzen

Privates Surfen

Inkognito-Modus verlassen

Benachrichtigungen gehen nicht

Ursache

Lösung

Nicht erlaubt

In Geräteeinstellungen aktivieren

Nicht Stören

Handyeinstellungen prüfen

Nicht installiert

Installieren für besseren Support

Offline geht nicht

Ursache

Lösung

Nie online besucht

Braucht initialen Online-Besuch

Cache geleert

Erneut besuchen während online

Zu lange offline

QR erneut scannen wenn online

Langsame Leistung

Ursache

Lösung

Alter Cache

Browserdaten leeren

Speicher voll

Gerätespeicher freigeben

Schwache Verbindung

Besseres Signal finden

Kamera geht nicht für QR

Ursache

Lösung

Erlaubnis verweigert

Kamera in Einstellungen aktivieren

Kein HTTPS

Muss sichere Verbindung sein

Browser inkompatibel

Safari oder Chrome versuchen

Hat dies deine Frage beantwortet?