Skip to main content

Webapp

The Webapp is the member-facing PWA — the page members open from a link, a QR, or after they've installed it as an app. It's where they see their balance and gifts, scan to pay, browse menus or branches, enter coupon codes, and download their Wallet Pass.

The Webapp on a phone — header "Revolution Coffee Shop" with a personalised greeting "¡Hola Angel Garcia!", a points balance card with a "Añadir a Google Wallet" button, a carousel slide promoting a delivery offer, and a bottom navigation bar with Inicio / Delivery / Restaurantes / Regalos
In short

Most of what you see on the Webapp — the layout, which widgets show up, the bottom navigation — is configured for you when your club goes live and isn't currently editable from Hub. The one thing you can change yourself today is the home-screen carousel: which images appear in the slider, and what happens when a member taps a slide.

What you can edit today — the carousel​

The carousel is the slider on the home screen (the Haz tu pedido card in the screenshot above). You manage it under Webapp → Screens → HomeScreen → Carousel.

The Hub Webapp settings — Screens left nav (HomeScreen / Gifts / Profile / Activities / etc.), HomeScreen widget stack (ImageBox, GreetingProfileBox, InfoBoxes, TextBox, DownloadPassButton, Carousel), and the Carousel panel expanded showing Background color, Auto play speed, Transition speed, Auto play / Infinite toggles, the Slides list with thumbnails, and the per-slide settings on the right with a Display-to-tags field and an Action dropdown (No action, Popup, Iframe, Open in new tab, Send PWA install prompt, Go to navigation, Download wallet pass, Send email)

Two things you control per slide:

  • The image — add or remove slides from the Slides list. Each slide is one image that fills the carousel card.
  • The action — what happens when a member taps that slide. Pick from the Action dropdown:
    • No action — the slide is decorative.
    • Popup — opens a popup inside the Webapp.
    • Iframe — embeds a URL inside the Webapp shell.
    • Open in new tab — sends the member to an external URL.
    • Send PWA install prompt — fires the "install this app" browser prompt.
    • Go to navigation — opens directions to a configured location.
    • Download wallet pass — triggers the Wallet Pass install flow.
    • Send email — opens the member's email client to a pre-set address.

Each slide can also be scoped to specific tags via the Display to tags field — useful when you want VIP-only or cohort-specific promotions in the carousel. Leave the field empty to show the slide to everyone.

The carousel-level settings above the slides (background color, auto-play on/off, auto-play speed, transition speed, infinite-loop on/off) apply to the whole carousel.

What's managed in the backend today​

The rest of the Webapp — including everything on the left nav (HomeScreen layout, Gifts, Profile, Activities, UpdateMemberDetails, CommPermissions, EnterCode, GenerateCode, VerificationPlus, Catalogs) and which widgets appear on each screen (ImageBox, GreetingProfileBox, InfoBoxes, TextBox, DownloadPassButton, etc.) — is configured for you at launch and isn't editable from Hub.

If you want to change which widgets appear on the home screen, swap a progress bar for a different visual, reorder the bottom nav, or adjust copy on a built-in widget, that's a support ask today.

Coming soon

Self-service control over more of these surfaces is on the roadmap. As capabilities open up they'll be documented here. Until then, treat the rest of the Webapp settings area as a read-only preview of what's already configured — useful for understanding what your members see, but not for editing.