When you are looking to customize your support portal completely, you may not be able to make do with just adding CSS and overriding the default layout in Freshdesk. So with the Estate plan, we've given customers some serious customization capabilities. You can rewrite the HTML of all the pages in your support portal line by line, no questions asked. 


What can you do with complete portal customization?


You get to customize how pretty much everything pans out in your portal. Freshdesk's code editor fully supports HTML, CSS and Javascript, so you have no restrictions on what you can do with it. For example, you could show just your Feature Request forums and FAQs on your portal’s home page, or highlight the top 3 threads in each forum with different layouts or showcase a thumbnail next to each solution article to make it classier.  


Layout customization means that you can create a completely new experience for your customers from scratch. So you could go ahead and make your support have the same theme as your website, add a bunch of snazzy effects or even bring in your custom javascript snippets to be do something out of the world. This also means that you will be free to use any of readymade themes from the FreshThemes Gallery, or even better create your own one exactly the way you want.
To show you an example, here is a simple minimalist theme we hacked. We've removed things we didn't want from the layout and rearranged everything in a way that made sense. 



In case you weren't sure when we said everything, here's the complete list of pages you can customize in Freshdesk. 
  1. The Portal home
  2. New user signup
  3. Login page
  4. Search results
  5. Solutions home
  6. Article list
  7. Article view
  8. Discussions home
  9. My Topics
  10. Topic list
  11. Topic view
  12. New topic
  13. New ticket
  14. Public ticket 
  15. Archived Public ticket 



Quick guide to customizing layouts in Freshdesk

  • Click on Admin > Portals
  • Hover over the respective Portal and click Customize.
  • Select the Layout & Pages tab.
  • Under Portal Layout, customize the header, footer, and overall layouts.
  • Under Page Layout, customize the design of the specific page. 
  • Make sure you save your edits by clicking on Save.
  • Publish your changes.


Note: If you have a customized login URL for the agent or customer login pages, replace the URL with our help method - {{portal.agent_login_link}}  {{portal.customer_login_link}}. To avoid security breaches, we recommend you do this.


For example, currently, if your customized portal agent login URL is 


https://<test.freshworks.com>/login/auth/palak1?client_id=41441690836303948&amp;redirect_uri=https%3A%2F%<test.freshdesk.com>%2Ffreshid%2Fauthorize_callback  replace this with {{portal.agent_login_link}}


Make sure to repeat this for the customer login.