How do I add a logo to the help desk header?
To add your website logo to the top of the Help desk follow these steps:
Upload the logo to your server (if not there already).
Open HESK file header.txt in Notepad.
Paste this code inside header.txt:
<div style="max-width: 1070px; width: 100%; margin: 0 auto; padding: 0 15px;"> <a href="https://yourwebsite.com/"><img src="https://yourwebsite.com/logo.jpg" width="XXX" height="YYY" alt="" border="0"></a> </div>
<div style="width:960px;margin-left:auto;margin-right:auto;padding-left:8px"> <a href="https://yourwebsite.com/"><img src="https://yourwebsite.com/logo.jpg" width="XXX" height="YYY" alt="" border="0" /></a> </div>
Replace "https://yourwebsite.com" with your website address and "https://yourwebsite.com/logo.jpg" with the URL of your logo image.
Replace XXX with your logo width (in pixel) and YYY with your logo height (in pixel).
Upload modified header.txt file to your HESK folder and refresh the help desk in your browser.
This should show your logo in the top left side of the help desk. Similarly, you can add any HTML code into header.txt or footer.txt files to be shown in the HESK header or footer respectively.
- Logo doesn't show (image with a red cross does):
Double-check that the URL of your logo is correct. If you copy/paste the correct logo URL to your browser, the logo should be shown.
- Logo image shows but is distorted (incorrect size):
Make sure you set correct logo width and height in the header.txt HTML code.