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