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!!

XO
Austin

Previous
Previous

How to Choose the Best Squarespace Designer for Your Business

Next
Next

Shopify Policy Tips and Tricks!