Skip to main content
Version: 4.1

Branding & White-Label

Everything in HiTechCloud is modular and can easily be modified or disabled without breaking the rest of the functionalities.

To customize HiTechCloud, you have the following options:

Personalized messages​

Administrators can set a custom message to be displayed for any HiTechCloud uer from their HiTechAdmin > Users page.

custom img

Enable/disable features​

Administrators have the ability to enable or disable each feature (page) in the HiTechCloud interface per plan or per-user base.

Once enabled, the feature becomes instantly available to all users, appearing in the HiTechCloud interface sidebar, search results, and dashboard icons.

Set pre-installed services​

The services an account can use (web server, PHP versions, databases) are set per plan in HiTechAdmin > Plans and per account in its settings.

Localize the interface​

HiTechCloud is localization ready and can easily be translated into any language.

HiTechCloud is shipped with the EN locale, additional locales can be installed by the Administrator.

Set custom branding​

Custom brand name and logo can be set from HiTechAdmin > Settings > HiTechCloud page.

To set a custom name visible in the HiTechCloud sidebar and on login pages, enter the desired name in the "Brand name" option. Alternatively, to display a logo instead, provide the URL in the "Logo image" field and save the changes.

Customize Templates​

You can customize all templates that are displayed to users:

Create HiTechCloud Module​

To create a custom module (plugin) for HiTechCloud follow this guide: Example Module

Set a custom color scheme​

To set a custom color-scheme for HiTechCloud interface, edit the /etc/hitechcloud/hitechcloud/custom_code/custom.css file and in it set your preferred color scheme.

nano /etc/hitechcloud/hitechcloud/custom_code/custom.css

Set the custom css code and save. The first time the file is created, restart the panel so it starts serving it:

systemctl restart hitechcloud

After that, an edit shows on the next page load.

Example:

custom_css_code

Replace How-to articles with your knowledge base​

HiTechCloud Dashboard page displays How-to articles from the HiTechCloud Docs, however these can be changed to display your knowledgebase articles instead.

Edit the file /etc/hitechcloud/hitechcloud/conf/knowledge_base_articles.json and in it set your links:

{
"how_to_topics": [
{"title": "How to install WordPress", "link": "https://hitechcloud.org/docs/panel/applications/wordpress#install-wordpress"},
{"title": "Publishing a Python Application", "link": "https://hitechcloud.org/docs/panel/applications/python#create-an-application"},
{"title": "How to edit Nginx / Apache configuration", "link": "https://hitechcloud.org/docs/panel/advanced/server_settings#nginx--apache-settings"},
{"title": "How to create a new MySQL database", "link": "https://hitechcloud.org/docs/panel/databases/#create-a-mysql-database"},
{"title": "How to add a Cronjob", "link": "https://hitechcloud.org/docs/panel/advanced/cronjobs#add-a-cronjob"},
{"title": "How to change server TimeZone", "link": "https://hitechcloud.org/docs/panel/advanced/server_settings#server-time"}
],
"knowledge_base_link": "https://hitechcloud.org/docs/panel/intro/?source=hitechcloud_server"
}

Edit any page template​

The page templates, including the login page, are built into the panel binary (hitechcloudpanel-engine): there is no template directory to copy a file out of or to mount a changed one over, and an update replaces them with the release's own. To change how a page looks, use custom CSS or JS; the brand name and logo are set under branding. robots.txt and security.txt can be replaced by files of those names under /etc/hitechcloud/hitechcloud/static/, followed by systemctl restart hitechcloud.

Add custom CSS or JS code​

To add custom CSS code to the HiTechCloud interface, edit the file /etc/hitechcloud/hitechcloud/custom_code/custom.css:

nano /etc/hitechcloud/hitechcloud/custom_code/custom.css

To add custom JavaScript code to the HiTechCloud interface, edit the file /etc/hitechcloud/hitechcloud/custom_code/custom.js:

nano /etc/hitechcloud/hitechcloud/custom_code/custom.js

To insert custom code within the <head> tag of the HiTechCloud interface, modify the content of the file located at /etc/hitechcloud/hitechcloud/custom_code/in_header.html and include your custom code within it:

nano /etc/hitechcloud/hitechcloud/custom_code/in_header.html

To insert custom code within the <footer> tag of the HiTechCloud interface, modify the content of the file located at /etc/hitechcloud/hitechcloud/custom_code/in_footer.html and include your custom code within it:

nano /etc/hitechcloud/hitechcloud/custom_code/in_footer.html

Customize Email templates​

How to modify the email template used for user notifications: https://community.hitechcloud.org/d/189-customizing-the-email-template-used-for-user-notifications