Zum Hauptinhalt springen

Web app

Die Web app ist die mitgliederseitige PWA — die Seite, die Mitglieder über einen Link, einen QR-Code oder nach der Installation als App öffnen. Hier sehen sie ihr Guthaben und ihre Geschenke, scannen zum Bezahlen, durchstöbern Speisekarten oder Filialen, geben Gutscheincodes ein und laden ihren Wallet Pass herunter.

Die Web app auf einem Handy — Header "Revolution Coffee Shop" mit personalisierter Begrüßung "¡Hola Angel Garcia!", einer Punkte-Guthaben-Karte mit einer Schaltfläche "Añadir a Google Wallet", einer Karussell-Folie, die ein Liefer-Angebot bewirbt, und einer unteren Navigationsleiste mit Inicio / Delivery / Restaurantes / Regalos
Kurz gesagt

Das meiste, was du in der Web app siehst — das Layout, welche Widgets erscheinen, die untere Navigation — wird für dich konfiguriert, wenn dein Club live geht, und ist derzeit nicht aus dem Hub heraus bearbeitbar. Das eine, was du heute selbst ändern kannst, ist das Karussell auf dem Startbildschirm: welche Bilder im Slider erscheinen und was passiert, wenn ein Mitglied auf eine Folie tippt.

Was du heute bearbeiten kannst — das Karussell​

Das Karussell ist der Slider auf dem Startbildschirm (die Haz tu pedido-Karte im Screenshot oben). Du verwaltest es unter Web app → Screens → HomeScreen → Carousel.

Die Hub Web app-Einstellungen — Screens linke Navigation (HomeScreen / Gifts / Profile / Activities / etc.), HomeScreen-Widget-Stack (ImageBox, GreetingProfileBox, InfoBoxes, TextBox, DownloadPassButton, Carousel), und das Carousel-Panel ausgeklappt mit Background color, Auto play speed, Transition speed, Auto play / Infinite-Toggles, der Slides-Liste mit Thumbnails und den Pro-Folie-Einstellungen rechts mit einem Display-to-tags-Feld und einem Action-Dropdown (No action, Popup, Iframe, Open in new tab, Send PWA install prompt, Go to navigation, Download wallet pass, Send email)

Zwei Dinge steuerst du pro Folie:

  • Das Bild — füge Folien zur Slides-Liste hinzu oder entferne sie. Jede Folie ist ein Bild, das die Karussell-Karte ausfüllt.
  • Die Aktion — was passiert, wenn ein Mitglied auf diese Folie tippt. Wähle aus dem Action-Dropdown:
    • No action — die Folie ist dekorativ.
    • Popup — öffnet ein Popup innerhalb der Web app.
    • Iframe — bettet eine URL in die Web app-Hülle ein.
    • Open in new tab — schickt das Mitglied zu einer externen URL.
    • Send PWA install prompt — feuert die Browser-Aufforderung "App installieren" ab.
    • Go to navigation — öffnet die Wegbeschreibung zu einem konfigurierten Standort.
    • Download wallet pass — startet den Wallet Pass-Installationsfluss.
    • Send email — öffnet das E-Mail-Programm des Mitglieds an eine voreingestellte Adresse.

Jede Folie kann auch über das Feld Display to tags auf bestimmte Tags eingegrenzt werden — nützlich, wenn du VIP-only- oder kohortenspezifische Promotions im Karussell willst. Lass das Feld leer, um die Folie allen zu zeigen.

Die Karussell-übergreifenden Einstellungen über den Folien (Hintergrundfarbe, Auto-Play an/aus, Auto-Play-Geschwindigkeit, Übergangsgeschwindigkeit, Endlos-Schleife an/aus) gelten für das gesamte Karussell.

Was heute im Backend verwaltet wird​

Der Rest der Web app — einschließlich allem in der linken Navigation (HomeScreen-Layout, Gifts, Profile, Activities, UpdateMemberDetails, CommPermissions, EnterCode, GenerateCode, VerificationPlus, Catalogs) und welche Widgets auf jedem Bildschirm erscheinen (ImageBox, GreetingProfileBox, InfoBoxes, TextBox, DownloadPassButton, etc.) — wird für dich beim Launch konfiguriert und ist nicht aus dem Hub heraus bearbeitbar.

Wenn du ändern willst, welche Widgets auf dem Startbildschirm erscheinen, einen Fortschrittsbalken durch ein anderes Visual ersetzen, die untere Navigation neu anordnen oder den Text eines eingebauten Widgets anpassen willst, ist das heute eine Anfrage an den Support.

Demnächst

Selbstverwaltete Steuerung über mehr dieser Oberflächen ist auf der Roadmap. Sobald Funktionen freigegeben werden, werden sie hier dokumentiert. Bis dahin behandle den Rest des Web app-Einstellungsbereichs als schreibgeschützte Vorschau dessen, was bereits konfiguriert ist — nützlich, um zu verstehen, was deine Mitglieder sehen, aber nicht zum Bearbeiten.