How to add website to homescreen | app workaround
Not quite ready to commit to developing an app?
Simply add your mobile site to your iPhone home screen!
Heres how:
Head to where ever you insert HEADER code on your site and add this code:
<link rel="apple-touch-icon" href="REPLACE-THIS-URL">
Squarespace: Settings > Advanced > Code Injection
Wordpress: download the plugin called Header Footer Code Manager > head into app and add this code to the Header site wide
Shopify: download app called XO insert code > once added add code in Header
Upload the icon you’d like to use to your media (psst! the icon we made for you in your branding guide)
For Squarespace:
head into design > custom css > scroll down to the last line of code (you might have to click enter a couple times to start a new, fresh line of code)
click manage custom files
upload icon (jpg or png)
once uploaded, click the upload to add it to that last line of code you just selected
copy that http address
then discard all changes!! we don’t need this in the CSS
For Wordpress:
click media
upload icon here
copy that url they give you once uploaded
For Shopify:
Head to settings > files
upload image here
copy the url they give you associated w image/icon
And last replace REPLACE-THIS-URL with that new image url you copied from above - making sure to keep it inside the quotations
Thats it! Good luck!
Give us a shout if you need anything else by clicking HERE!
Comment below to let me know how it goes!!