How to setup Favicon

✅Step 1: Upload Static Resources🔸 Option A: Single Icon:

Prepare your favicon.ico file.
Go to Setup → Static Resources.
Click New:
- Name: favicon
- Upload the favicon.ico file
- Set Cache Control to Public

🔸 Option B: Multiple Icons:

Prepare the following image files:
- apple-touch-icon.png
- favicon-32x32.png
- favicon-16x16.png
Go to Setup → Static Resources.
Upload each file as a separate static resource:
- Upload apple-touch-icon.png with the name appleTouchFavicon
- Upload favicon-32x32.png with the name favicon32
- Upload favicon-16x16.png with the name favicon16
- Set Cache Control to Public for each resource.

✅ Step 2: Edit <head> in Site Builder

Go to Setup → Digital Experiences → All Sites.
Find your site and click Builder next to it.
In the Site Builder, click the gear icon (Settings) in the top toolbar.
Choose Advanced.
In the Edit Head Markup section, paste the appropriate tags.

🔸 For Single Icon:

<link rel="icon" href="https://YOUR_DOMAIN/resource/favicon">

🔸 For Multiple Icons:

<link rel="apple-touch-icon" sizes="180x180" href="https://YOUR_DOMAIN/resource/appleTouchFavicon">
<link rel="icon" type="image/png" sizes="32x32" href="https://YOUR_DOMAIN/resource/favicon32">
<link rel="icon" type="image/png" sizes="16x16" href="https://YOUR_DOMAIN/resource/favicon16">

Replace YOUR_DOMAIN with your actual site domain, for example: https://your-site-name-dev-ed.my.site.com/be

image (1).png