Add your project to the home screen

How to add your published Floot project to your phone's home screen

Once you've published your Floot project, you (or your users) can add it directly to a phone or tablet's home screen for instant one-tap access — no app store download required. If you've enabled Instant Mobile App in your Floot project, it can even look and feel like a native app — launching in its own window with no browser toolbar visible.

iPhone and iPad

Safari is the only browser on iOS that supports adding websites to the home screen — Chrome and other browsers don't offer this option.

1

Tap the Share button in Safari

Open your published Floot project URL in Safari, then tap the share icon (the square with an upward arrow) at the bottom of the screen.

Tap the share button.

2

Choose "Add to Home Screen"

In the share sheet that appears, scroll down and tap Add to Home Screen. If it's not visible, scroll to the bottom and tap Edit Actions to enable it.

Tap "Add to Home Screen."

3

Name the shortcut and confirm

Give the shortcut a name (or keep the default), then tap Add in the top-right corner.

Edit the name and tap "Add."

Your Floot project now sits on the home screen alongside regular apps. You can rearrange it or drop it into folders, though it won't show up in the App Library.

If your project has Instant Mobile App enabled, it will launch in its own standalone window — with no browser toolbar or address bar visible — instead of opening as a Safari tab.

Android

Android is more flexible — several browsers support home screen shortcuts. Below are instructions for Chrome and Firefox.

Google Chrome

1

Open the browser menu

Navigate to your published Floot project URL in Chrome, then tap the three-dot icon in the top-right corner to open the menu.

Tap the menu icon.

2

Choose "Add to Home Screen"

Tap Add to Home Screen from the dropdown menu.

Select "Add to Home Screen."

3

Name the shortcut and tap "Add"

Optionally rename the shortcut, then tap Add.

Edit the name and tap "Add."

4

Place it on your home screen

Your launcher will show a confirmation. Either drag the icon to a specific spot, or tap Add to Home Screen to place it automatically.

Tap "Add to Home Screen."

Mozilla Firefox

In Firefox, tap the three-dot menu, open the More section, then choose Add to Home Screen.

Tap "Add to Home Screen" in Firefox.

Just like Chrome, you can rearrange the shortcut or place it in folders. Note that it won't appear in the app drawer — only on the home screen.

If your project has Instant Mobile App enabled, Chrome may prompt you to Install it instead — this gives you an app-like experience that runs in its own window and shows up in the app drawer alongside your other apps. Firefox does not support this feature.

This is a lightweight alternative to building full native apps. If you need a native iOS or Android app instead, see Installing your iOS app and Installing your Android app.