iOS users can bookmark your site on their home screen as an icon using an Apple Touch Icon. Here's how to set it up:

Create a .png icon image that's not transparent, ideally matching your site's favicon or logo for consistency.

Upload the Icon:

1. Open any page editor
2. Add text for a temporary link
3. Click the Link icon in the toolbar
4. Select Files tab and click "Add File"
5. Upload your touch icon image

Get the Icon URL:

1. Click the linked text
2. Copy the complete file URL

Add Code Injection:

1. Open Code Injection panel
2. Paste this code in Header field, replacing the URL:

<link rel="apple-touch-icon" href="/s/file-name.extension">

3. Save changes

Test Your Icon:

1. Visit your site on an iOS device
2. Use Share option to add to home screen
3. Verify icon appears correctly

Note: This customization requires basic coding knowledge. For additional help:

• Review Apple's developer documentation
• Visit Squarespace Forum
• Follow custom code best practices
• Consider hiring a Squarespace Expert

Related Features:

• Favicon implementation
• SEO optimization
• Page load optimization
• Google Search Console verification
• Fluid Engine editing

Related Articles

Previous Articles