Quick Answer
How do you create and customize the BizStackPro Membership App?
Go to Memberships → Courses → Settings → App Settings. Enter the app name, upload a PNG or JPEG app icon, select colors from the available options, and click Save. Members can then install the PWA from a supported browser on Android, iOS, Windows, or Mac.
What Is a Progressive Web App?
Members may want quick access to courses or resources without searching for a browser tab, email link, or saved bookmark each time.
A Progressive Web App, or PWA, is a website that can be installed like an app through a supported browser. It gives members a consistent experience across mobile and desktop devices.
After installation, members can open the membership experience from their Home Screen, Dock, Start Menu, desktop, or application launcher.
Clearly configuring the app name, icon, colors, and installation instructions helps members recognize the app and understand how to use it on their device.
No app store submission is required
Progressive Web Apps are installed through supported web browsers, so the Membership App does not require a traditional app store submission.
Membership App at a Glance
Before You Begin
Prepare your branding and installation guidance before configuring the Membership App.
- Choose a short, recognizable app name.
- Prepare a PNG or JPEG app icon.
- Select the available colors that best match your brand.
- Confirm which devices and browsers your members commonly use.
- Prepare installation instructions for those devices.
- Plan where the installation instructions will appear in your onboarding.
- Sign in to your BizStackPro account.
Set Up Your Membership App
Configure the app name, icon, and available colors from the Memberships settings.
Open Memberships
From your BizStackPro account, go to Memberships and select Courses from the top navigation.
Open App Settings
Select Settings and then open App Settings.
Enter the App Name
Enter the App Name that members should see on their devices.
Upload the App Icon
Upload an App Icon in PNG or JPEG format. PNG is recommended, and Chrome will scale the icon automatically across supported devices.
Choose the App Colors
Select the App Colors from the available options in App Settings.
Save the App Settings
Review the name, icon, and colors, and then click Save.
Custom hex colors are not supported
Use the provided color options in App Settings to avoid visual problems and keep the app experience consistent across devices.
Keep the app name short
Long names may be truncated when displayed on Home Screens or desktop application launchers.
Supported Browsers and Operating Systems
Installation options and notification support vary by operating system and browser.
Mac
Use Chrome 45 or above to install and access the Membership PWA.
Windows
Use Chrome 45 or above or the latest version of Brave.
Android
Use Chrome. Push notifications are supported on Android.
iOS
Use Safari 11.3 or above. Push notifications are not supported according to the original guide.
How Members Install the App
Share the instructions that match each member’s device and supported browser.
Android Using Chrome
- Open the membership site in Chrome.
- Open the browser menu and select Add to Home Screen or Install app when that option appears.
iOS Using Safari
- Open the membership site in Safari on iOS 11.3 or above.
- Select Share → Add to Home Screen.
Windows Using Chrome
- Open the membership site in Chrome.
- Select the Install option from the address bar when available or from the Chrome menu.
- Open the PWA from the desktop, Start Menu, or application launcher.
Mac Using Chrome
- Open the membership site in Chrome.
- Select the Install option from the address bar when available or from the Chrome menu.
- Open the PWA from the Dock or application launcher. Its exact placement may vary based on the operating system and browser settings.
Add installation to your onboarding
Add a short Install the App lesson to your welcome module so members can install the PWA in under a minute.
Membership App Best Practices
Frequently Asked Questions
What are Progressive Web Apps (PWAs)?
How do I customize my Membership PWA?
Which browsers and operating systems support PWAs?
How do users install the PWA?
Do custom hex colors work for the Membership App?
Continue Learning
Continue improving your membership branding, site settings, and member onboarding with these related Help Center guides.
