How to Add Your Website to an iPhone or iPad Home Screen with a Custom Icon
Want your website to look great when someone saves it to their iPhone or iPad home screen? Follow these simple steps to add a custom favicon that appears as an app-like icon.
STEP ONE
Create Your Icon
Create a square PNG image that is 57x57 pixels.
This image will be used as the icon when someone adds your website to their home screen.
STEP TWO
Upload the Icon to Your Files
-
Log in to your PhotoBiz account.
-
Go to the Files section from the left-hand menu.
-
Upload your 57x57 PNG icon image.
-
Once uploaded, click on the file and copy the direct link.
Click here for detailed instructions on how to upload files.
STEP THREE
Add the Icon to Your Site
-
In the left-hand menu, go to the Website tool.
-
At the top, click Design.
-
Choose Edit Design Settings.
-
In the right-hand menu, click CSS/JS.
-
In the Head section, paste the following code—replacing
INSERT IMAGE LINK HEREwith your favicon's URL:
Copy and paste this code into your CSS/JS settings:
FINAL STEP
Click Save to apply your changes.
Now, when someone visits your site on an iPhone or iPad and taps Share > Add to Home Screen, your custom icon will appear on their home screen!
