You can make a published Super site easier to access from a phone by adding it to the device’s home screen with a custom icon and app name.
This is useful if you want your Super site to feel more like a lightweight app for clients, team members, dashboards, member portals, or internal tools.
Before you start
Prepare a square PNG image to use as your app icon.
The image must be publicly accessible through a direct image URL. Any image hosting service or CDN will work as long as opening the URL in a browser displays the image directly.
Add the required code
In your Super dashboard, open your site and navigate to:
Site Settings → Code → Head
Then add the following code:
<link rel="icon" type="image/png" href="YOUR_ICON_IMAGE_URL">
<link rel="apple-touch-icon" href="YOUR_ICON_IMAGE_URL">
<meta name="theme-color" content="#071a3d">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="YOUR_APP_NAME">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
Replace:
YOUR_ICON_IMAGE_URLwith the direct URL of your PNG icon.YOUR_APP_NAMEwith the name you want to appear on the device's home screen.
Add the site to your home screen
After publishing the changes:
On Android (Chrome)
Open your website in Chrome.
Tap the three-dot menu in the top-right corner.
Select Add to Home screen.
Confirm the app name and tap Add.
The site will appear on your home screen using the custom icon you configured.
On iPhone (Safari)
Open your website in Safari.
Tap the Share button.
Select Add to Home Screen.
Confirm the name and tap Add.
Your Super site can now be launched directly from the home screen, providing a more app-like experience for users.
Example:
Sample output (Android):
(Insert screenshot here)
