PWA / Shell · 01

Install prompt card

Add-to-home-screen prompt for both iOS Safari and Android Chrome. Platform-aware steps, install CTA, dismiss path. Mufflermen monogram and version pinned to the workshop release.

Production answer

Install prompt card is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Install prompt card states
Generative search brief

Install prompt card: Add-to-home-screen prompt for both iOS Safari and Android Chrome. Platform-aware steps, install CTA, dismiss path. Mufflermen monogram and version pinned to the workshop release.

Use case

Show this card on the first PWA-eligible visit. Mufflermen Crew lives on the workshop tablet — installing it skips Safari chrome and lets the app cache job sheets for the dead-zone hoist bays.

iOS · Safari

Mufflermen Crew

Workshop tablet · v3.4
iOS · Safari

Pop Mufflermen Crew on the home screen so the tablet boots straight into the bay queue.

  1. 01Tap the Shareicon in Safari's bottom bar.
  2. 02Scroll down and choose Add to Home Screen.
  3. 03Confirm with Add in the top-right corner.

Android · Chrome

Mufflermen Crew

Workshop tablet · v3.4
Android · Chrome

Install Mufflermen Crew for fullscreen mode, offline jobs and push alerts when parts land at reception.

  1. 01Open Chrome's overflow ⋮ menu in the top-right.
  2. 02Choose Install app or Add to Home screen.
  3. 03Confirm with Install.
State · 01

Customer PWA · iOS

Friendlier copy for the customer app. Booking pages preserve scroll if installed.

Mufflermen

Customer app · v1.8
iOS · Safari

Pop Mufflermen on your home screen so the next time your exhaust starts groaning you're one tap from a quote.

  1. 01Tap the Shareicon in Safari's bottom bar.
  2. 02Scroll down and choose Add to Home Screen.
  3. 03Confirm with Add in the top-right corner.
State · 02

Workshop crew · Android

For the bay tablet. Push for offline jobs + dock alerts.

Mufflermen Crew

Workshop tablet · v3.4
Android · Chrome

Install Mufflermen Crew for fullscreen mode, offline jobs and push alerts when parts land at reception.

  1. 01Open Chrome's overflow ⋮ menu in the top-right.
  2. 02Choose Install app or Add to Home screen.
  3. 03Confirm with Install.
State · 03

Dismissible variant

Includes a "Not now" dismiss button — used as a snackbar-style nudge.

Mufflermen Crew

Workshop tablet · v3.4
iOS · Safari

Pop Mufflermen Crew on the home screen so the tablet boots straight into the bay queue.

  1. 01Tap the Shareicon in Safari's bottom bar.
  2. 02Scroll down and choose Add to Home Screen.
  3. 03Confirm with Add in the top-right corner.