Add a favicon to your website

A favicon is the small icon that appears in the browser tab next to your site’s title. There are two ways to add a favicon to your store.

Method 1: Set the Favicon field on the Store record

This is the recommended method.

Step 1: Upload your favicon image

Upload your favicon image to the StoreConnect media library. See Uploading media for instructions.

Recommended format: PNG or SVG. Common sizes are 32×32 or 64×64 pixels.

Once uploaded, the image is available as a media record in Salesforce.

Step 2: Set the Favicon field on the Store record

1. In Salesforce, open the Store record for your site.
2. Find the Favicon field and click the lookup icon.
3. Search for and select the media record you just uploaded.
4. Save the record.

StoreConnect uses the selected image as the favicon for all pages on that store.

Method 2: Add a favicon via the Head Content Block

Use this method if you need to reference an image hosted outside the media library, or if you require custom <link> tag attributes.

Step 1: Upload your favicon image

Upload your favicon image to the StoreConnect media library and copy the unique URL from the media record. The URL will look something like this: https://res.cloudinary.com/hzkr6fi81/image/upload/v1627259085/media/favicon.png

Step 2: Insert the favicon link tag into the Head Content Block

Create a Head Content Block if you don’t have one already — see Adding custom JavaScript, CSS, and head content.

In the Head Content Block, add the following, replacing the URL with your own:

```html

```

Then set this content block as the HTML Head Content Block on your Store record and save.