Customize Favicon on Ceros Experience

Getting your brand favicon to appear on an experience is as simple as uploading a short line of code in the Custom HTML tab in the Studio's Settings Panel. But before you can do that, you first need to have your favicon image uploaded externally somewhere and then locate your favicon image URL.

Note: Favicon images should be in .ico or .svg format

Usually, this file can be easily located by adding /favicon.ico to the end of your root domain.

www.domain.com/favicon.ico

However, if this does not produce results, your marketing or web team should be able to provide the appropriate URL. Once you have located your favicon link, replace the capitalized text (YOUR FAVICON URL HERE) in the following piece of code with the favicon URL:

<script>
$("link[rel='shortcut icon']").attr('href','YOUR FAVICON URL HERE')
</script>

In Studio

Navigate to the Settings Panel in the Studio, and paste the above code snippet in the Custom HTML field as seen below.

That’s it! Your branded favicon will now appear when you navigate to your published experience.

Note: The favicon will not display on Internet Explorer.