iOS users can add your site to their device's home screen using an Apple Touch icon. Here's how to set it up:

Create Your Apple Touch Icon:

• Use a .png file format
• Make it non-transparent
• Match your favicon or site logo design for consistency
• Follow Apple's official image guidelines

Upload and Get Icon URL:

1. Open the page editor
2. Insert and highlight text for the link
3. Click the Link icon in the text toolbar

4. Select the File tab and click Add file
5. Upload your touch icon image

6. Click the linked text again and copy the file URL

Add Code to Your Site:

1. Open Code Injection panel
2. Paste the following in the Header field:

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

3. Replace

   /s/file-name.extension

   with your copied URL

4. Save your changes

Test the Icon:

1. Visit your site on an iOS device
2. Use the Share option
3. Select "Add to Home Screen"

Your site will appear with the custom icon:

For additional help:

• Visit the Apple Developer site for icon specifications
• Consult with a web developer for custom implementations
• Review Apple's official documentation for detailed guidelines

Remember: This customization requires basic coding knowledge. Consider hiring a professional if you're not comfortable with code modifications.

Related Articles

Previous Articles