|
Written by: Ronnel DG Last updated: 26 Sep., 2025 |
This feature requires the Basic Subscription or above. View plans and pricing here. |
A touch icon is the image that appears when someone saves your website to their mobile device’s home screen (especially on Apple devices). By default, your site may display a generic thumbnail. You can customize this by adding your own branded touch icon.
Adding a touch icon
1. In the left sidebar, click 
Website
Content
2. Go to 
Files & media
3. Click Add media.
3. Click Choose from library.
4. Click Upload media, select your image, then click Continue.
- Upload the image you’d like to use as your touch icon (recommended size: 180 × 180 pixels).
- You can also add alt text, captions, and tags for accessibility.
5. Copy the file URL by clicking the copy icon 
. You’ll need this for your custom code.
6. In the left sidebar, click the ← Back button, then click 
Settings
7. Scroll down to Sitewide integrations, click Add new.
8. Select Head tag.
9. Paste your image URL into this code snippet:
<link rel="apple-touch-icon" sizes="180x180" href="https://yourdomain.com/path-to-your-image.png">
- Replace the href value with the URL you copied.
-
You can also add multiple sizes for different devices, if desired.
10. Paste your code into the Head HTML section. You can also customize the title and which pages it will show.
11. Click Add integration and then publish your site.
Visit your website on an Apple device, save it to your home screen, and confirm your custom icon appears.