The default theme used for customer portals in Freshdesk is the Marina theme. For details on the various pages and customization options available in the Marina theme, see Customize Portal Layout and Pages (Advanced Portal Customization).


Import themes

In addition to the default theme, Freshdesk allows you to import your own themes and apply them to your customer portal. For example, you can download themes from Freshwork's official external third-party partner Breezythemes. Please visit their Website for pricing details. 


To import themes:

  1. Go to Admin > Portals. Click the Edit icon next to the portal for which you want to import other themes.
  2. Switch to the Appearance tab.
  3. Click Import theme.
  4. On successful upload, apply the theme to your portal.
  5. Click Save.

Reuse existing code to set up a new portal

If you already have portals with a customized Marina theme, you can reuse the same theme to set up new portals. For instance, if you want to create a new portal for a new product you've added, you can apply all the theme customization from an existing portal to the new one. You can then make minor modifications, such as changing the portal name or personalizing specific pages.


To do this:

  1. Log in as an admin.
  2. Go to Admin > Portals > New portal and click Save. Complete configuring the other portal settings - Portal Settings and Manage Sections.
  3. To download the theme of an existing portal, go to the portal list page, select the portal from which you want to download the code, and click the Edit icon next to the portal.
  4. Switch to the Appearance tab.
  5. To download an existing theme, click on the three dots next to a theme, and click Download.
  6. You will receive the theme in a.zip file format to your registered mail ID. The downloaded .zip Marina theme contains the following contents.
  7. You can use this as a base code file and make further customizations on it. However, please note the following:
    • Do not make changes/edits to the file names
    • All page types should be present in the ZIP file before uploading
    • Metafile along with the required keys (name, base_theme) should be present
    • Do not change the page names or the order in which the pages are listed in the .ZIP file after customizing
    • Ensure the CSS in the ‘custom_css’ file is valid
    • Ensure the liquid content for all the other page types is valid
    • Mandatory files: All files except archive_ticket_list, archive_ticket_view, public_ticket_view and archive_public_ticket_view are mandatory keys. 
    • Ensure that the "preferences" file contains all the mandatory keys:
    • {
   "bg_color":"#F5F7F9",
   "header_color":"#F5F7F9",
   "help_center_color":"#12344D",
   "footer_color":"#12344D",
   "tab_color":"#12344D",
   "tab_hover_color":"#FFFFFF",
   "btn_background":"#FFFFFF",
   "btn_primary_background":"#12344D",
   "base_font":"Source Sans Pro",
   "text_color":"#264966",
   "headings_font":"Source Sans Pro",
   "headings_color":"#FFFFFF",
   "link_color":"#2C5CC5",
   "link_color_hover":"#021519",
   "input_focus_ring_color":"#EBEFF3",
   "card_color":"#FFFFFF",
   "card_text_color":"#264966",
   "card_border_color":"#EBEFF3",
   "non_responsive":fa
}
  8. Once you are done with the customization, go to the new portal created in step 2 and follow the steps for importing the theme. See Import themes section above.
  9. After successful upload, you will be automatically redirected to the 'Portal Pages' section where you can view the different layouts and pages imported.
  10. To apply the imported theme, click on the three dots next to the imported theme and click Apply this theme.
  11. Click Save.