How do I add my Favicon to HESK?
» Change the Favicon in Hesk 3.6.0 and newer
In Hesk 3.6.0+, favicon is located in /img/favicon.ico
Replace the original favicon.ico image with your custom favicon.ico file and force refresh your help desk in your browser (CTRL + F5 on most devices).
If you want to customize the favicon-related HTML code, you can do so by modifying the file /inc/favicon.inc.php
» Change the Favicon in Hesk 3.0.0 - 3.5.3
In Hesk 3 up to 3.5.3, favicons are located in the folder /img/favicon
First, use this tool to generate your favicon to be used on various devices/browsers:
https://realfavicongenerator.net
Then, replace the original images in /img/favicon with the new ones and force refresh your help desk in your browser (CTRL + F5 on most devices).
Important: you should only upload your generated image files *.png, *.ico, and *.svg; the rest of the files inside /img/favicon should be left intact.
» To add a Favicon in Hesk 2.x.x, follow these steps:
- Create your favicon image.
For best browser compatibility, it should be in ICO format and named favicon.ico
How to convert image to ico?
-
Upload the favicon image to your server, for example, to:
http://example.com/favicon.ico -
Open file inc/header.inc.php in a plain text or HTML editor
-
Find this line of code inside the inc/header.inc.php file:
<head> - Just below this line, add something like:
<link rel="shortcut icon" href="http://example.com/favicon.ico" /> - Save changes and upload the modified header.inc.php file to your server.
That's it - your help desk should have a nice new favicon!
» If your Favicon still doesn't show:
- Try force-refreshing your help desk in your browser. In most browsers, you do that by pressing
CTRL + F5 - Double-check that the URL of your favicon image ("favicon.ico") is correct. Can you open it in the browser and see the icon image?
- You did modify the "example.com" URL in the code in step 4. above, didn't you?
