Adding branded logos to live chat windows

If you are managing multiple brands in GFI HelpDesk, it is important that the proper logos appear in your customer chat windows. Since each brand and support site is managed by a different template group, you can personalize the logo for each of your support sites modifying that brand's templates.

Prerequisites

Branding your live chat logos

To customize your live chat logo to match your brand:

  1. Log in to the Admin control panel.
  2. Click Templates on the sidebar and then Groups on the sidebar.
  3. Open the 'template group' which you want to edit, then click on Templates.
  4. Here you can see a list of template categories. Click on Live Support to expand the list.
  5. Finally, find the chatheader template and click to open it.
  6. Now you want to find the spot in the code that specifies which logo to you. Press Ctrl+F to search the page and type in:
  7. <{$_headerImageSC}>
  8. That should take you down to the top of the body section.
  9. Top of body section

  10. Select the entire <{$_headerImageSC}> tag and delete it.
  11. Copy the full URL for your logo image and paste it between the quotation marks after src=, where the header image code used to be.
    NOTE:

    Remember that the icon image, sized no larger 150px by 40px, needs to be hosted at a publicly available URL.

  12. When you have made your changes, that line of code should look something like this:
  13. <div id="topbanner"><div class="topbannerchat"> <img src="https://support.yourcompany.com/brandedlogo.png" alt="GFIHelpdesk <{$_productTitle}> Logo" id="logo" />
  14. After making the change, click the Save button.
  15. Repeat the steps above for the 'template groups' of any additional brands you support.
  16. Finally, go ahead and refresh one of your branded support sites, open up a chat, and you should see your updated logo.