Skip to content

Updating the Favicon for an Experience Cloud Site

This guide shows how to update the favicon (favicon.ico) for a Salesforce Experience Cloud site when the site template does not support favicon branding through the standard Branding settings.

Step 1: Upload the Favicon as a Static Resource

  1. Navigate to Setup → Static Resources.
  2. Click New.
  3. Fill out the form:
  4. Name: favicon_ico
  5. File: Upload your favicon.ico file
  6. Cache Control: Public
  7. Save the static resource.

💡 Best format is a .ico file at 16x16 or 32x32 pixels.

Step 2: Add a Reference to the Favicon in the Site Head

  1. Go to Setup → Digital Experiences → All Sites.
  2. Click Builder next to your site.
  3. In Experience Builder:
  4. Click the gear icon (⚙️) in the top right.
  5. Go to Advanced → Edit Head Markup.
  6. Add the following HTML:
<link rel="icon" type="image/x-icon" href="/resource/favicon_ico" />

Replace FaviconICO with the name you gave your static resource if it differs.
  1. Click Done and Publish your site.

Troubleshooting

  • If the new favicon doesn't show up immediately:

  • Open the site in an incognito window.

  • Clear your browser cache.
  • Ensure the static resource is publicly accessible.

✅ Example

If your favicon file is named favicon.ico and uploaded as a static resource named FaviconICO, the browser will now use:

<link rel="icon" type="image/x-icon" href="/resource/FaviconICO" />

🔁 Why This is Needed

Some Experience Cloud templates (e.g., Help Center, Customer Service) do not offer a "Branding" section in the settings UI. In those cases, the favicon must be manually added via the \ section.