How to Add Favicon to Your Salesforce Experience Site
Summary
Adding a favicon to a Salesforce Experience site enhances brand recognition and professional appearance by displaying a small icon in browser tabs and bookmarks. The process involves inserting a link tag in the site's head markup via Experience Builder settings. You can use an external image URL (after trusting the domain in Salesforce Setup) or host the favicon image as a Static Resource within Salesforce for a reliable approach. Upon publishing the site, the favicon appears in the browser tab, helping users quickly identify your site among multiple tabs.
Takeaways
- Add favicon link tag in Experience Builder under Edit Head Markup.
- Replace the href URL with your favicon image URL or Static Resource path.
- Add external image domains to Trusted URLs in Salesforce Setup.
- Upload favicon image as a Static Resource for hosting inside Salesforce.
- Publish the Experience site to display the favicon in browser tabs.
A favicon is the small icon that appears in the browser tab next to your site name. It also shows up in bookmarks and saved shortcuts. It's a tiny detail, but it makes your Experience site look more professional. It helps users recognize it quickly when they have multiple tabs open, and strengthens your branding with a consistent logo everywhere your site appears. Here is how to add a favicon to your Experience site (formerly called a Community). Editing the Head Markup of Experience Site To add a favicon to an Experience site, you need to add markup to the <head> section. You can do this from Experience Builder: go to Settings, open Advanced, and click Edit Head Markup. Then, paste the snippet below to add a favicon to your Experience Cloud site. Make sure to replace the image URL with the actual URL of the image you want to use as the favicon.