A quick guide to customize the look and feel of your support portal:

You can customize your portal to reflect your theme and give your users a memorable customer experience with Freshdesk. You can put up your logo and favicon and paint your self-service portal in your brand colors. If you're on the Pro plan or higher, you can also perform CSS customizations and the Enterprise plan lets you customize every inch of your support portal.


Configuring the branding of your portal: 





Under the Branding tab, you can customize the following for your portal:

  1. Logo: To stay on brand and make your portal recognizable for customers, you can upload your company’s logo. The logo of your support portal appears on the top fold near your portal's name and will be the first thing that is visible to your customers. We recommend a resolution of at least 60X60 and a 1:1 aspect ratio for your logo so that it is displayed correctly. 
  2. Favicon: Favicon is the image that will be displayed on your user’s browser tab. By uploading your desired favicon, you can make it easy for customers to recognize your webpage. We recommend a resolution of at least 60X60 and a 1:1 aspect ratio for your favicon so that it is displayed correctly. 
  3. Home page URL: This is the email address on which customers can reach out to you for any help. The email address provided will be displayed at the bottom of your portal. 
  4. Helpdesk Phone: You can enter the phone number of your company’s support helpline here to make it easy for customers to contact you. This number will be displayed at the bottom of your portal.

You can customize the look and feel of your portals to fit your brand guidelines for different products. 

Hover over the portal you would like to customize and click on the customize button:




Freshdesk provides an out-of-the-box WCAG compliant theme that you can use to improve the accessibility and usability of your portal. You can import up to 10 custom themes and choose from them for each of your portals. 


On the right side, you can preview how your selected theme looks on the Portal in real-time. The preview changes dynamically based on your settings.




 

The following actions can be performed on themes:

  • View on portal: On clicking ‘View on portal’, you can preview your chosen theme on a new tab.
  • Download: You have the option of downloading a particular theme. The theme file will be sent in a .zip format to your email address. 
  • Rename: Change the name of a particular theme. 
  • Clone: You can clone a theme and customize it further.
  • Delete theme: Selecting this option will permanently remove the chosen theme.


Importing a theme: You have the option of importing a theme onto Freshdesk. To do so, click on the ‘Import Theme’ button. Please note that only .zip files can be uploaded. 


If you wish to make changes to your themes, you can do so by clicking on the ‘edit theme’ button. You can change your portal’s theme color and font here to ensure that it is in line with your brand’s guidelines:




For complete access to your portal’s theme, Freshdesk provides a source code editor that you can use to make granular level changes. 


The source code editor is developer-friendly with:

  • Pre-defined placeholders for an error-free and quicker coding experience. 
  • Choice of editor themes to suit your personal preferences.


 

 

If you are not done yet, you can just save your work and continue later. You can always click on reset to go back to the default colors if things become messy.