Jump to content

Adding a bookmark icon for Apple touch products

Recommended Posts

Site URL: https://www.lavender0lilacs.com

Hello,

I'm trying to add a custom icon that will show up when my website is saves as a home screen bookmark on devices like an iPhone. 

I've followed these directions: https://support.squarespace.com/hc/en-us/articles/205815228-Adding-a-site-icon-on-iOS-devices

So far I've managed to get my icon to show up if I add the bookmark to favorites on iOS Safari, but no luck with the homescreen. My image is a 150x150 png, and this is the  code I've added to the header portion of the code injection:

<!-- Apple touch icon -->
<link rel="apple-touch-icon" href="/s/apple+icon.png"> 

 

Any suggestions?

Link to comment
  • 6 months later...
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

  • 10 months later...

Hi - I am trying to do the same thing on 7.1 with a basic account. Can anyone help. I've tried the Squarespace instructions referenced above using a code injection instead but it did not work. Thank you!

Photos of what shows up now and the favicon I would like to appear insteads. IMG_4368.jpg.6d200aa92eca4f928e2bbfd806e2acb8.jpg

 

faviconbb_favicon2.png

Link to comment
23 hours ago, BrownKatUK said:

I am trying to [add an Apple Touch icon] on 7.1 with a basic account.

It depends what you mean by a "basic account". If you mean that the website is on a Personal plan, it won't be possible to do this because Squarespace block the code on these cheaper plans. If you have a Business plan or above, you can following the instructions in this guide:

Adding a site icon on iOS devices

  If this post has helped you, please click a 'Like' or 'Thanks' icon below  ⬇️

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.