How to add the app icon to your home screen

Matt Michel

8 June 20202 minute read

If you want to add an app icon to your phone (or tablet's) homescreen it's easy to do, just follow the steps below:

Android

Launch Chrome and open Barber Shop Booking on the page you want to pin to your home screen. I'd recomend your Appointments page. Tap the menu button and tap Add to homescreen. You’ll be able to enter a name for the shortcut and then Chrome will add it to your home screen.

The icon will appear on your home screen like any other app shortcut or widget, so you can drag it around and put it wherever you like. Chrome for Android loads the website as a “web app” when you tap the icon, so it will get its own entry in the app switcher and won’t have any browser interface getting in the way.

iPhone and iPad

Launch the Safari browser and open Barber Shop Booking on the page you want to pin to your home screen. I'd recomend your Appointments page. Tap the Share button on the browser’s toolbar — that’s the rectangle with an arrow pointing upward. It’s on the bar at the bottom of the screen on an iPhone, and it's on the bar at the top of the screen for an iPad. Tap the Add to Home Screen icon in the Share menu.

You’ll then be prompted to name the shortcut before tapping the Add button. The shortcut can be dragged around and placed anywhere, including in app folders — just like a normal app icon. When you tap the icon, it will load the Barber Shop Booking as a web app, and you'll have the full screen experience with no browser bars getting in the way.