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

Requirements:

• PNG file format
• Non-transparent background
• Recommended size: 180x180 pixels
• Match your site's favicon or logo design

Follow these steps to add an Apple Touch icon:

1. Create and Upload Icon

• Design your icon following Apple's guidelines
• Open any page editor
• Add text for the link
• Click the Link icon in the toolbar

2. Upload File

• Select Files tab
• Click Add file
• Upload your icon image
• Click Add link

3. Get Icon URL

• Click the linked text
• Copy the file URL

4. Add Code

• Open Code Injection Panel
• Paste this code in Header:

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

• Replace "/s/file-name.extension" with your icon URL
• Save changes

Testing Your Icon:

1. Visit your site on an iOS device
2. Use the Share option
3. Select "Add to Home Screen"
4. Your icon should appear like this:

For additional help:

• Check Apple's developer documentation
• Visit developer forums
• Consider hiring a developer for custom implementations

Remember to test across different iOS devices to ensure proper display.

Related Articles

Previous Articles