In this tutorial we will cover how to install your Zomex HTML Template. This guide also includes how to install the integration template of our supported software (WHMCS, Blesta, Clientexec etc).
HTML Template installation
1)Make a full backup of your website files for safety
2)Download the HTML Template - TemplateName.zip file from inside your Zomex.com account
3)Extract the ZIP file to your desktop
4)Upload the contents of the upload directory to wherever you would like to install the template on your domain. We recommend in your public_html directory so it displays on domain.com:
/public_html/
5)Open the following file:
/public_html/libs/settings.php
6)Update the $path_php and $path_html variables within this file to match your install location:
$path_php = '/home/CPANELUSERNAME/public_html/';
$path_html = '/';7)The above example should be used if your template has been uploaded to public_html. Replace CPANELUSERNAME with your cPanel username.
If you run into any issues please open a support ticket or refer to our guide: finding directory path
Template Installation Completed
Your HTML Template installation is now complete. Check your installation (e.g https://www.domain.com/) and you should see your template displaying correctly with all links working.
Our templates also support various software integrations to add functionality to your website. If you have purchased a software integration template continue the guide below.
Supported Software
Now that your HTML Template has been installed there is the option to integrate software. The software will add functionality to your website (account system, carts, payments, reporting, support tickets etc) which will allow you to run a fully automated business. For example you could use the template plus WHMCS to provide automated web hosting services, use the template plus Blesta to provide software or use the template plus Clientexec to provide web design services. Each of the software is well suited to many kinds of online businesses, budgets etc. You will only need to use one software and have the choice between multiple options that we support including WHMCS, Blesta, Clientexec, WISECP, HostBill & FOSSBilling.
View/Order Integration Software
Select Software For Installation Guide
WHMCS Integration Installation
In this section we will show you how to integrate WHMCS with your HTML Template.
This guide assumes that you already have WHMCS installed. We recommend that WHMCS is installed in a sub-directory such as domain.com/clients/ (with the HTML Template installed on domain.com).
Install The WHMCS Integration Template
Make a full backup of your WHMCS files and database for safety
Download the Software Integration - TemplateName - WHMCS Integration.zip file from inside your Zomex.com account.
Extract the ZIP file to your desktop
Upload the contents of the upload directory to your WHMCS root directory. For example if WHMCS is installed at domain.com/clients the directory to upload to would be: /public_html/clients/
Activate the template:
Lastly to activate your WHMCS Integration template login to your WHMCS admin area and go to Configuration () > System Settings > General Settings > Select your template under System Theme and save.
HTML Template Changes
The first step is to set WHMCS as the software used within your HTML Template.
Open the following file:
/public_html/libs/settings.php
Update the $software_integration_url variable within this file to your WHMCS install location:
$software_integration_urlwhmcs = '/clients/';The above example should be used if you have installed WHMCS in public_html/clients/ (domain.com/clients/). This will set the paths of all functionality links (client area, account, knowledgebase, tickets etc) to your WHMCS location.
If you run into any issues please open a support ticket or refer to our guide: finding directory path
Set the $software_integration variable to whmcs as follows:
$software_integration = 'whmcs';This setting will instantly adjust your HTML Template to use WHMCS functionality and URLs (for example setting Contact, View Cart & Client Area links in the top right to use WHMCS pages using the path you set above. It will also remove any example links/content in HTML Template that is not supported by WHMCS.
Integrate Your HTML Template Header/Footer With WHMCS.
The final step is to apply the header/footer of your HTML Template to the WHMCS Integration Template.
Visit the following URL of your HTML Template:
https://www.yourwebsite.com/dev/
Click on the Software Integration tab on the left. Scroll down to the Integration Code section. These blocks of code make up an exact copy of your theme which is used to create a matching integration for WHMCS.
Head
Copy the code from the Head box and paste in the following file:
/public_html/clients/templates/templatename-software-integration-whmcs/integration/integration-head.html
Header
Copy the code from the Header box and paste in the following file:
/public_html/clients/templates/templatename-software-integration-whmcs/integration/integration-header.html
Content Top
Copy the code from the Content Top box and paste in the following file:
/public_html/clients/templates/templatename-software-integration-whmcs/integration/integration-content-top.html
Content Bottom
Copy the code from the Content Bottom box and paste in the following file:
/public_html/clients/templates/templatename-software-integration-whmcs/integration/integration-content-bottom.html
Footer
Copy the code from the Footer box and paste in the following file:
/public_html/clients/templates/templatename-software-integration-whmcs/integration/integration-footer.html
WHMCS Integration Completed
The integration with WHMCS is now completed. When you view your WHMCS you should now see your the header/footer/color scheme & settings match your HTML Template. The links in the menus and footer should work correctly going between the main HTML Template (e.g Company, Web Hosting) and WHMCS (e.g Client Area, Cart).
On-going changes to your header/footer
The integration between your HTML Template and WHMCS Integration Template is static. If you make changes to your websites header/footer (e.g edit the menu, change color scheme) you will need to re-process the code in Integration Code. Generally after you have launch your business you will not need to update your website too frequently but for when you do the integration process is quick and easy. Learn more about the software integration, how it works and why we don't automatically sync these changes here:
Software Integration Explained
Blesta Integration Installation
In this section we will show you how to integrate Blesta with your HTML Template.
This guide assumes that you already have Blesta installed. We recommend that Blesta is installed in a sub-directory such as domain.com/clients/ (with the HTML Template installed on domain.com).
Install The Blesta Integration Template
Make a full backup of your Blesta files and database for safety
Download the Software Integration - TemplateName - Blesta Integration.zip file from inside your Zomex.com account.
Extract the ZIP file to your desktop
Upload the contents of the upload directory to your Blesta root directory. For example if Blesta is installed at domain.com/clients the directory to upload to would be: /public_html/clients/
Activate the template:
Lastly to activate your Blesta Integration template login to your Blesta admin area and go to Settings () > General > Template > Select your template under Client Template and save.
HTML Template Changes
The first step is to set Blesta as the software used within your HTML Template.
Open the following file:
/public_html/libs/settings.php
Update the $software_integration_url variable within this file to your Blesta install location:
$software_integration_urlblesta = '/clients/';The above example should be used if you have installed Blesta in public_html/clients/ (domain.com/clients/). This will set the paths of all functionality links (client area, account, knowledgebase, tickets etc) to your Blesta location.
If you run into any issues please open a support ticket or refer to our guide: finding directory path
Set the $software_integration variable to blesta as follows:
$software_integration = 'blesta';This setting will instantly adjust your HTML Template to use Blesta functionality and URLs (for example setting Contact, View Cart & Client Area links in the top right to use Blesta pages using the path you set above. It will also remove any example links/content in HTML Template that is not supported by Blesta.
Integrate Your HTML Template Header/Footer With Blesta.
The final step is to apply the header/footer of your HTML Template to the Blesta Integration Template.
Visit the following URL of your HTML Template:
https://www.yourwebsite.com/dev/
Click on the Software Integration tab on the left. Scroll down to the Integration Code section. These blocks of code make up an exact copy of your theme which is used to create a matching integration for Blesta.
Head
Copy the code from the Head box and paste in the following file:
/public_html/clients/app/views/client/templatename-software-integration-blesta/integration/integration-head.html
Header
Copy the code from the Header box and paste in the following file:
/public_html/clients/app/views/client/templatename-software-integration-blesta/integration/integration-header.html
Content Top
Copy the code from the Content Top box and paste in the following file:
/public_html/clients/app/views/client/templatename-software-integration-blesta/integration/integration-content-top.html
Content Bottom
Copy the code from the Content Bottom box and paste in the following file:
/public_html/clients/app/views/client/templatename-software-integration-blesta/integration/integration-content-bottom.html
Footer
Copy the code from the Footer box and paste in the following file:
/public_html/clients/app/views/client/templatename-software-integration-blesta/integration/integration-footer.html
Blesta Integration Completed
The integration with Blesta is now completed. When you view your Blesta you should now see your the header/footer/color scheme & settings match your HTML Template. The links in the menus and footer should work correctly going between the main HTML Template (e.g Company, Web Hosting) and Blesta (e.g Client Area, Cart).
On-going changes to your header/footer
The integration between your HTML Template and Blesta Integration Template is static. If you make changes to your websites header/footer (e.g edit the menu, change color scheme) you will need to re-process the code in Integration Code. Generally after you have launch your business you will not need to update your website too frequently but for when you do the integration process is quick and easy. Learn more about the software integration, how it works and why we don't automatically sync these changes here:
Software Integration Explained
Clientexec Integration Installation
In this section we will show you how to integrate Clientexec with your HTML Template.
This guide assumes that you already have Clientexec installed. We recommend that Clientexec is installed in a sub-directory such as domain.com/clients/ (with the HTML Template installed on domain.com).
Install The Clientexec Integration Template
Make a full backup of your Clientexec files and database for safety
Download the Software Integration - TemplateName - Clientexec Integration.zip file from inside your Zomex.com account.
Extract the ZIP file to your desktop
Upload the contents of the upload directory to your Clientexec root directory. For example if Clientexec is installed at domain.com/clients the directory to upload to would be: /public_html/clients/
Activate the template:
Lastly to activate your Clientexec Integration template login to your Clientexec admin area and go to Settings > Public Style > Select your template under Template, set Primary to yes and save.
HTML Template Changes
The first step is to set Clientexec as the software used within your HTML Template.
Open the following file:
/public_html/libs/settings.php
Update the $software_integration_url variable within this file to your Clientexec install location:
$software_integration_urlclientexec = '/clients/';The above example should be used if you have installed Clientexec in public_html/clients/ (domain.com/clients/). This will set the paths of all functionality links (client area, account, knowledgebase, tickets etc) to your Clientexec location.
If you run into any issues please open a support ticket or refer to our guide: finding directory path
Set the $software_integration variable to clientexec as follows:
$software_integration = 'clientexec';This setting will instantly adjust your HTML Template to use Clientexec functionality and URLs (for example setting Contact, View Cart & Client Area links in the top right to use Clientexec pages using the path you set above. It will also remove any example links/content in HTML Template that is not supported by Clientexec.
Integrate Your HTML Template Header/Footer With Clientexec.
The final step is to apply the header/footer of your HTML Template to the Clientexec Integration Template.
Visit the following URL of your HTML Template:
https://www.yourwebsite.com/dev/
Click on the Software Integration tab on the left. Scroll down to the Integration Code section. These blocks of code make up an exact copy of your theme which is used to create a matching integration for Clientexec.
Head
Copy the code from the Head box and paste in the following file:
/public_html/clients/templates/templatename-software-integration-clientexec/integration/integration-head.html
Header
Copy the code from the Header box and paste in the following file:
/public_html/clients/templates/templatename-software-integration-clientexec/integration/integration-header.html
Content Top
Copy the code from the Content Top box and paste in the following file:
/public_html/clients/templates/templatename-software-integration-clientexec/integration/integration-content-top.html
Content Bottom
Copy the code from the Content Bottom box and paste in the following file:
/public_html/clients/templates/templatename-software-integration-clientexec/integration/integration-content-bottom.html
Footer
Copy the code from the Footer box and paste in the following file:
/public_html/clients/templates/templatename-software-integration-clientexec/integration/integration-footer.html
Clientexec Integration Completed
The integration with Clientexec is now completed. When you view your Clientexec you should now see your the header/footer/color scheme & settings match your HTML Template. The links in the menus and footer should work correctly going between the main HTML Template (e.g Company, Web Hosting) and Clientexec (e.g Client Area, Cart).
On-going changes to your header/footer
The integration between your HTML Template and Clientexec Integration Template is static. If you make changes to your websites header/footer (e.g edit the menu, change color scheme) you will need to re-process the code in Integration Code. Generally after you have launch your business you will not need to update your website too frequently but for when you do the integration process is quick and easy. Learn more about the software integration, how it works and why we don't automatically sync these changes here:
Software Integration Explained
WISECP Integration Installation
In this section we will show you how to integrate WISECP with your HTML Template.
This guide assumes that you already have WISECP installed. We recommend that WISECP is installed in a sub-directory such as domain.com/clients/ (with the HTML Template installed on domain.com).
Install The WISECP Integration Template
Make a full backup of your WISECP files and database for safety
Download the Software Integration - TemplateName - WISECP Integration.zip file from inside your Zomex.com account.
Extract the ZIP file to your desktop
Upload the contents of the upload directory to your WISECP root directory. For example if WISECP is installed at domain.com/clients the directory to upload to would be: /public_html/clients/
Activate the template:
Lastly to activate your WISECP Integration template login to your WISECP admin area and go to Settings > Theme/Customization > Manage Theme > Click the apply button for your theme.
HTML Template Changes
The first step is to set WISECP as the software used within your HTML Template.
Open the following file:
/public_html/libs/settings.php
Update the $software_integration_url variable within this file to your WISECP install location:
$software_integration_urlwisecp = '/clients/';The above example should be used if you have installed WISECP in public_html/clients/ (domain.com/clients/). This will set the paths of all functionality links (client area, account, knowledgebase, tickets etc) to your WISECP location.
If you run into any issues please open a support ticket or refer to our guide: finding directory path
Set the $software_integration variable to wisecp as follows:
$software_integration = 'wisecp';This setting will instantly adjust your HTML Template to use WISECP functionality and URLs (for example setting Contact, View Cart & Client Area links in the top right to use WISECP pages using the path you set above. It will also remove any example links/content in HTML Template that is not supported by WISECP.
Integrate Your HTML Template Header/Footer With WISECP.
The final step is to apply the header/footer of your HTML Template to the WISECP Integration Template.
Visit the following URL of your HTML Template:
https://www.yourwebsite.com/dev/
Click on the Software Integration tab on the left. Scroll down to the Integration Code section. These blocks of code make up an exact copy of your theme which is used to create a matching integration for WISECP.
Head
Copy the code from the Head box and paste in the following file:
/public_html/clients/templates/website/templatename_software_integration_wisecp/integration/integration-head.html
Header
Copy the code from the Header box and paste in the following file:
/public_html/clients/templates/website/templatename_software_integration_wisecp/integration/integration-header.html
Content Top
Copy the code from the Content Top box and paste in the following file:
/public_html/clients/templates/website/templatename_software_integration_wisecp/integration/integration-content-top.html
Content Bottom
Copy the code from the Content Bottom box and paste in the following file:
/public_html/clients/templates/website/templatename_software_integration_wisecp/integration/integration-content-bottom.html
Footer
Copy the code from the Footer box and paste in the following file:
/public_html/clients/templates/website/templatename_software_integration_wisecp/integration/integration-footer.html
WISECP Integration Completed
The integration with WISECP is now completed. When you view your WISECP you should now see your the header/footer/color scheme & settings match your HTML Template. The links in the menus and footer should work correctly going between the main HTML Template (e.g Company, Web Hosting) and WISECP (e.g Client Area, Cart).
On-going changes to your header/footer
The integration between your HTML Template and WISECP Integration Template is static. If you make changes to your websites header/footer (e.g edit the menu, change color scheme) you will need to re-process the code in Integration Code. Generally after you have launch your business you will not need to update your website too frequently but for when you do the integration process is quick and easy. Learn more about the software integration, how it works and why we don't automatically sync these changes here:
Software Integration Explained
HostBill Integration Installation
In this section we will show you how to integrate HostBill with your HTML Template.
This guide assumes that you already have HostBill installed. We recommend that HostBill is installed in a sub-directory such as domain.com/clients/ (with the HTML Template installed on domain.com).
Install The HostBill Integration Template
Make a full backup of your HostBill files and database for safety
Download the Software Integration - TemplateName - HostBill Integration.zip file from inside your Zomex.com account.
Extract the ZIP file to your desktop
Upload the contents of the upload directory to your HostBill root directory. For example if HostBill is installed at domain.com/clients the directory to upload to would be: /public_html/clients/
Activate the template:
Lastly to activate your HostBill Integration template login to your HostBill admin area and go to Settings > General Settings > Select your template under Client Area template and save.
HTML Template Changes
The first step is to set HostBill as the software used within your HTML Template.
Open the following file:
/public_html/libs/settings.php
Update the $software_integration_url variable within this file to your HostBill install location:
$software_integration_urlhostbill = '/clients/';The above example should be used if you have installed HostBill in public_html/clients/ (domain.com/clients/). This will set the paths of all functionality links (client area, account, knowledgebase, tickets etc) to your HostBill location.
If you run into any issues please open a support ticket or refer to our guide: finding directory path
Set the $software_integration variable to hostbill as follows:
$software_integration = 'hostbill';This setting will instantly adjust your HTML Template to use HostBill functionality and URLs (for example setting Contact, View Cart & Client Area links in the top right to use HostBill pages using the path you set above. It will also remove any example links/content in HTML Template that is not supported by HostBill.
Integrate Your HTML Template Header/Footer With HostBill.
The final step is to apply the header/footer of your HTML Template to the HostBill Integration Template.
Visit the following URL of your HTML Template:
https://www.yourwebsite.com/dev/
Click on the Software Integration tab on the left. Scroll down to the Integration Code section. These blocks of code make up an exact copy of your theme which is used to create a matching integration for HostBill.
Head
Copy the code from the Head box and paste in the following file:
/public_html/clients/templates/templatename-software-integration-hostbill/integration/integration-head.html
Header
Copy the code from the Header box and paste in the following file:
/public_html/clients/templates/templatename-software-integration-hostbill/integration/integration-header.html
Content Top
Copy the code from the Content Top box and paste in the following file:
/public_html/clients/templates/templatename-software-integration-hostbill/integration/integration-content-top.html
Content Bottom
Copy the code from the Content Bottom box and paste in the following file:
/public_html/clients/templates/templatename-software-integration-hostbill/integration/integration-content-bottom.html
Footer
Copy the code from the Footer box and paste in the following file:
/public_html/clients/templates/templatename-software-integration-hostbill/integration/integration-footer.html
HostBill Integration Completed
The integration with HostBill is now completed. When you view your HostBill you should now see your the header/footer/color scheme & settings match your HTML Template. The links in the menus and footer should work correctly going between the main HTML Template (e.g Company, Web Hosting) and HostBill (e.g Client Area, Cart).
On-going changes to your header/footer
The integration between your HTML Template and HostBill Integration Template is static. If you make changes to your websites header/footer (e.g edit the menu, change color scheme) you will need to re-process the code in Integration Code. Generally after you have launch your business you will not need to update your website too frequently but for when you do the integration process is quick and easy. Learn more about the software integration, how it works and why we don't automatically sync these changes here:
Software Integration Explained
FOSSBilling Integration Installation
In this section we will show you how to integrate FOSSBilling with your HTML Template.
This guide assumes that you already have FOSSBilling installed. We recommend that FOSSBilling is installed in a sub-directory such as domain.com/clients/ (with the HTML Template installed on domain.com).
Install The FOSSBilling Integration Template
Make a full backup of your FOSSBilling files and database for safety
Download the Software Integration - TemplateName - FOSSBilling Integration.zip file from inside your Zomex.com account.
Extract the ZIP file to your desktop
Upload the contents of the upload directory to your FOSSBilling root directory. For example if FOSSBilling is installed at domain.com/clients the directory to upload to would be: /public_html/clients/
Activate the template:
Lastly to activate your FOSSBilling Integration template login to your FOSSBilling admin area and go to Settings > All Settings > Theme > Click the Set as default button next to the template.
HTML Template Changes
The first step is to set FOSSBilling as the software used within your HTML Template.
Open the following file:
/public_html/libs/settings.php
Update the $software_integration_url variable within this file to your FOSSBilling install location:
$software_integration_urlfossbilling = '/clients/';The above example should be used if you have installed FOSSBilling in public_html/clients/ (domain.com/clients/). This will set the paths of all functionality links (client area, account, knowledgebase, tickets etc) to your FOSSBilling location.
If you run into any issues please open a support ticket or refer to our guide: finding directory path
Set the $software_integration variable to fossbilling as follows:
$software_integration = 'fossbilling';This setting will instantly adjust your HTML Template to use FOSSBilling functionality and URLs (for example setting Contact, View Cart & Client Area links in the top right to use FOSSBilling pages using the path you set above. It will also remove any example links/content in HTML Template that is not supported by FOSSBilling.
Integrate Your HTML Template Header/Footer With FOSSBilling.
The final step is to apply the header/footer of your HTML Template to the FOSSBilling Integration Template.
Visit the following URL of your HTML Template:
https://www.yourwebsite.com/dev/
Click on the Software Integration tab on the left. Scroll down to the Integration Code section. These blocks of code make up an exact copy of your theme which is used to create a matching integration for FOSSBilling.
Head
Copy the code from the Head box and paste in the following file:
/public_html/clients/themes/templatename-software-integration-fossbilling/html/integration/integration-head.html
Header
Copy the code from the Header box and paste in the following file:
/public_html/clients/themes/templatename-software-integration-fossbilling/html/integration/integration-header.html
Content Top
Copy the code from the Content Top box and paste in the following file:
/public_html/clients/themes/templatename-software-integration-fossbilling/html/integration/integration-content-top.html
Content Bottom
Copy the code from the Content Bottom box and paste in the following file:
/public_html/clients/themes/templatename-software-integration-fossbilling/html/integration/integration-content-bottom.html
Footer
Copy the code from the Footer box and paste in the following file:
/public_html/clients/themes/templatename-software-integration-fossbilling/html/integration/integration-footer.html
FOSSBilling Integration Completed
The integration with FOSSBilling is now completed. When you view your FOSSBilling you should now see your the header/footer/color scheme & settings match your HTML Template. The links in the menus and footer should work correctly going between the main HTML Template (e.g Company, Web Hosting) and FOSSBilling (e.g Client Area, Cart).
On-going changes to your header/footer
The integration between your HTML Template and FOSSBilling Integration Template is static. If you make changes to your websites header/footer (e.g edit the menu, change color scheme) you will need to re-process the code in Integration Code. Generally after you have launch your business you will not need to update your website too frequently but for when you do the integration process is quick and easy. Learn more about the software integration, how it works and why we don't automatically sync these changes here:
Software Integration Explained
Request Support
We hope you found this documentation useful. If you run into any issues we will be happy to assist you.