osTicket

Customizing osTicket: How to Edit the Header Image and Footer

on July 18, 2011

osTicketosTicket is an excellent piece of support ticket software.  In addition to having an easy-to-use interface and straightforward feel, it is also open-source and free.

After installing osTicket, many people and businesses like to customize the appearance to maintain brand / theme continuity with the rest of their site.  The below sections provide instructions for editing the header image / replacing the stock osTicket image with your own and editing the footer content.

Editing the osTicket Header Image:

1) Upload Your Desired Header Image to WordPress
Size the image you want to use to 290px × 59px and upload via FTP or by logging in to WP Admin > Media > Add New > Upload.

Note the location / URL of the background image for later.

2) Get the Header File
Open the directory to which osTicket is installed and edit include/client/header.inc.php

3) Locate and Edit the Header Image Code

Find this section of code in the header.inc.php (line 16):
<div id="header">
<a id="logo" href="index.php" title="Support Center"><img src="./images/logo2.jpg" border=0 alt="Support Center"></a>
<p><span>SUPPORT TICKET</span> SYSTEM</p>
</div>
and change the URL from logo2.jpg to that of the image that you uploaded in step.

Note: You can also edit the “SUPPORT TICKET SYSTEM” text in the following line if you’d like.

4) Save the header.inc.php file and upload it back to your server. Refresh the osTicket index and your logo will appear. If it doesn’t, try clearing your cache and refreshing again.

Editing the osTicket Footer:
1) Locate /include/client/footer.inc.php.

2) Find the following code:
<div id="footer">Copyright © osTicket.com. All rights reserved</div>
and edit the text within the div to customize your footer content. osTicket asks that you leave the powered by osTicket link as a show of support.

31 Comment on “Customizing osTicket: How to Edit the Header Image and Footer”

  1. Lisa September 9, 2011 at 9:42 am

    I was looking for this info in order to edit a copy of osTicket for my workplace and found your explanation to be very helpful and the directions were concise and easy to follow!

    Thanks a bunch,

    Lisa

  2. C133 September 9, 2011 at 3:43 pm

    You’re welcome! Glad they worked well for you.

  3. Julia November 19, 2011 at 3:54 pm

    I have been trying to find out how to do this for the past YEAR. Thank you! Your instructions are so clear, I doubt that I will have any problems branding my osTicket installation.

    Julia

  4. C133 November 19, 2011 at 4:21 pm

    You’re welcome. Good luck with your customization.

  5. Sanjay Mysoremutt January 21, 2012 at 10:04 am

    Thanks a lot… this was really useful!

  6. C133 January 23, 2012 at 3:13 pm

    You’re welcome, glad you found it to be helpful. Please consider linking to the post.

  7. Salvatore Zingale February 22, 2012 at 12:25 pm

    Thank You Very Much! Only searched for “osticket files” on Big G and you came up number 10 out of 465k results. Excellent short information to help with osticket file changes, excellent site and excellent seo results.

  8. David April 8, 2012 at 5:01 am

    Hi,

    Thanks for your great tuto. Is it possible to add a picture to the emails sent to the clients ?

    I’m looking for a while, without resultat.

    Thank you in advance.

  9. C133 April 10, 2012 at 6:05 pm

    Hi David, just emailed you for some further info. Let us know. Thanks!

  10. Anand May 25, 2012 at 11:44 am

    Thank you! Your instructions are so clear, i could do it very easly

  11. Eversmile Hosting August 17, 2012 at 4:30 am

    Thanks for your Excellent tips. it’s working for me.

    Thanks . please continue to write more about os-ticket customization …:)

  12. 5 Cent Technical Support September 28, 2012 at 7:14 am

    A million thanks. I was looking for this for our support site.

  13. Akash May 23, 2013 at 5:26 am

    Thanks a lot. Just customized osTicket on my site and it is looking cool 🙂

  14. tcgl June 1, 2013 at 9:13 am

    Not sure if this question is outside the scope of this post but I been trying to integrate osticket into by website with no success. Any ideas?
    .
    As of now i have it configured so that if you click on a link it opens up in a separate page/tab.

  15. C133 June 3, 2013 at 10:37 am

    How exactly are you trying to integrate it with your site, i.e. in the footer, sidebar, etc.?

  16. Michael June 10, 2013 at 4:09 pm

    I tired as suggested, but without luck. Furthermore, it seems that includeclientheader.inc.php is the wrong file? Even if I enter a die(); on the first php line, osticket works. Any idea?

  17. C133 June 12, 2013 at 3:26 pm

    Have you tried clearing your cache? Also, make sure the file path is correct.

  18. Adam June 14, 2013 at 10:40 pm

    Thanks for this terrific write-up. Now that I’ve managed to customize the logo, and the footer, I’d like to customize the background to match my existing website, and change the colors of some of the text. Can you please let me know what files need to be edited to accomplish this?

    Cheers!

  19. C133 June 21, 2013 at 2:32 pm

    Take a look at the CSS files. Modifying the actual text can be done in the template files. Let us know if you need any further guidance.

  20. Shehan January 26, 2014 at 12:39 pm

    how to remove the kangaroo mark of this comes with powered y it wont go

  21. C133 January 28, 2014 at 4:12 pm

    You need to edit the footer code to remove it. If you’re having difficulties, send us an email with a copy of your footer.inc.php and we can take a look at it.

  22. alaa hamoud March 5, 2014 at 1:59 pm

    Hi
    As ou know, The version 1.8 of OSTickets allows sending tickects in html.
    I need to customize my tickets with the logo of my company .
    I can insert the logo successfully, but as a LINK , not as an image that is in the database OSTickets .

    By default there is an image called powered -by – osticket.png that is displayed successfully in email client

    The problem occurs when the user receives the email ticket , the default image appears correctly, but my logo.png is blocked , forcing the user to allow Outlook , Thunderbird , etc , to have to click to allow the image of my logo is displayed correctly.

    How do I upload my logo.png to the same place where this powered-by-osticket.png image ?

    In fact , when I try to customize the template and insert an image , a window opens with the option to insert an image (where the only images in this place is powered-by-ostcket.png ) with the insert image option and the other option is to link a file.

    How do I can put my logo.png in the same place ?

  23. C133 March 5, 2014 at 2:20 pm

    The easiest way would be to check out the path on the powered-by-osticket.png, rename your logo powered-by-osticket.png and upload to the same directory, overwriting the default OS Ticket image. Alternatively, you could edit the template file, which is a bit more elegant of a solution.

  24. alaa hamoud March 9, 2014 at 11:34 am

    Hello,

    I’m running osTicket v1.8.1 under Fedora 20 (Apache/2.4.6, PHP/5.5.9, MySQL 5.5.35).
    All is good but when I upload files on opening a ticket, the attachments aren’t usable.
    I checked the BLOB in database, and I found that 3 bytes where missing in the database. So the browser can’t display the files correctly.
    When I upload an image to change the logo, there is the same problem so the logo can”t be displayed correctly.

    Have you any idea what I can correct to use this feature ?

    Thanks.

  25. Jay Guerra April 26, 2015 at 1:02 pm

    Thanks for your guide. I was really looking for another, specific customization, but this guide helped me to find what and where to edit.

  26. denius May 25, 2015 at 9:49 am

    How to change this string in login page Sign in to?

  27. Matheus July 31, 2015 at 2:22 pm

    How to change this string in login page Sign in to?

  28. Rahul Gupta August 20, 2015 at 8:46 am

    I have a problem with the received email. Receiving email doesn’t show the osticket logo. it prints Powered by osTicket but didn’t appear the image and in mail there is nothing like show image or other option. please help.

  29. Rahul Gupta August 20, 2015 at 8:49 am

    I have problem with received email. it doesn’t show the the logo of osticket. Template does have logo at the bottom but it didn’t show in email. It just print the alt tag as it is. please help.

  30. Mark Prime October 14, 2016 at 11:58 am

    How to change the title and image logo in the browser for the agent logins and relevant pages.

  31. Rukshar Khan November 28, 2016 at 3:20 pm

    Can someone help me setup ticket update via email.
    I get carried away by the instructions provided.

    Thank you.

Leave a Reply

Your email address will not be published. Required fields are marked *