ClientX WHMCS Client Area Template

From WHMCS Global Services Module Documentation
Jump to: navigation, search

About ClientX WHMCS Client Area Template

ClientX Template is designed to give your customers smooth user experience. Our custom UI of the ClientX WHMCS template is clear and very professional. Moreover, it provides a full-width screen, RTL support, as well as the ability to manage the color combinations.


How to upload files with WHMCS?

Step 1 - Go to WHMCS’s main website i.e. https://whmcsglobalservices.com.

Step 2 - Next, log in to your Client Area i.e. https://whmcsglobalservices.com/members/clientarea.php.

Step 3 - Now, Download the ClientX Theme depending on the WHMCS version you are using.

Step 4 - Once you have done that a zip file will start downloading.

How to install ClientX template?

Step 1 - Extract the downloaded zip file.

Step 2 - Now, connect to your local FTP Client example: FileZilla, cPanel, etc.

Step 3 - Next, Put the address of your extracted (WHMCS) file in the Local Site bar.

Step 4 - Open the extracted WHMCS folder in your local FTP Client.

Step 5 - Further, put the address of root directory (/public_html) in the Remote Site bar.

Step 6 - Upload ClientX folder to WHMCS (whmcs_root/templates/).

Step 7 - Upload templates folder to WHMCS (WHMCS/templates/orderforms/) & (WHMCS/templates/clientX/).

Step 8 - Upload addons folder to WHMCS (WHMCS/modules/addons/).

Step 9 - Upload the lang folder to WHMCS (WHMCS/lang/Overrides).

Note. If there is any file exist in overrides folder then do not replace it. Copy the content of our template lang file and paste in that existing file under overrides/yourlang.php

Template Requirements

1. WHMCS v6, v7.x
2. WHMCS DB User must have all permissions of the DB before installation and activation of this ADDON
GRANT ALL PRIVILEGES ON db_base.* TO db_user @'localhost' IDENTIFIED BY 'db_passwd';

How to activate ClientX with WHMCS?

Let's configure ClientX template with your WHMCS.

1. Login as WHMCS admin and then Go to Setup -> General Settings -> "General" tab. Select Template = ClientX

2. Save Changes.

Active temp.png

Let's configure addon module with your WHMCS.

1. Login as WHMCS admin and then Go to Setup -> Addon Modules. Afterwards, find Wgs Clientx and press Activate button.

2. Enter your module license key.

3. Enable/Disable to delete the DB module tables, when deactivating the module.

4. Assign user(s), who can access this module.

Addon config.png

How to manage ClientX from WHMCS admin?

Login as WHMCS admin and then Go to Addons -> WGS ClientX -> "Theme Setting".

Updating Logos

You can easily update the header, client login screen & Invoice logos from the WGS ClientX addon module.

Screenshot-demo.whmcsglobalservices.com-2018.08.16-15-29-35.png

Updating Support Staff & Client Avatar

You can easily update the avatar for your support staff members and clients from the WGS ClientX addon module.

Screenshot-demo.whmcsglobalservices.com-2018.08.16-15-47-00.png

Updating Support Department Icons

You can easily update the icons for your support department from the WGS ClientX addon module.

Support depart.png

Side Menu Bar setting

1. Side bar setting : If you want collapse your side bar than select maximise if you want by default minimize your side bar than select Maxmize.

2. If you want show your order form wider and remove the sidebar from cart then select the "No" option in second second setting.

3. Suppose if you want don't show the side bar without login than you can control this by selecting "after login".

Sidebar sett.png

How to override the CSS style?

We are providing overrside.css file with our template, in case if you want to change any style you can easily add your custom CSS in the override.css file.

File path: /whmcsroot/templates/clientx/assets/css/override/overrside.css

How to switch Menu Styles of ClientX?

With ClientX client area theme, WHMCS admins can easily switch the menu styles as per their requirements. We have given multiple options for the menu layouts.

Menu Style Change ClientX.png
  • Top Menu Navigation
  • Side Menu Navigation
  • Both Top and Side Menu Navigation

Here is the detailed procedure to do that:

https://www.youtube.com/watch?v=LkBW1KgWo5Q&t=2s

How to change Color Schemes in ClientX?

Ezgif-2-bdf65350112a.gif

We have provided an option to our users to match the color schemes of the WHMCS Client Area according to their main website. Now there is no limit to change the colors.

ClientX WHMCS Color Scheme Changer.png

Here is how you can manage the colors of ClientX:

https://www.youtube.com/watch?v=kJFeXcKSLfE


How to upgrade to Clientx to WHMCS 8.2.X?

Note: Note these steps are if you are upgrading WHMCS 8.1.X to WHMCS 8.2.X

We are excepting that you already have updated theme according to Whmcs 8.1.X

Step 1: Download the patch folder "WhmcsV8.1.X-to-V8.2.0--Patch.zip"

Step 2: Extract the patch files

Step 3: Take a Complete Backup of your WHMCS Instance (Highly Recommended)

Step 4: Override the template folder at "whmcsdir/templates/clientx" so that new files added in template

Step 5: Override the orderform folder at "whmcsdir/templates/orderform/cartx" so that new files added in orderform

That's it! You have upgraded your Clientx theme to the latest one.


How to upgrade to ClientX to WHMCS 8.0.x?

Procedure for update Clientx according WHMCS-V8.0.X

Step 1: Download the patch

Step 2: Extract the patch files

Step 3: Take a Complete Backup of your WHMCS Instance (Highly Recommended)

Step 4: Override the template folder at whmcsdir/templates/clientx

Step 5: Override the orderform folder at whmcsdir/templates/orderform/cartx

Step 6: Override the addon folder whmcsdir/modules/addons/clientx

How to upgrade to ClientX to WHMCS 7.9.0?

As you all know that we have released the WHMCS 7.9 Compatible ClientX version, so here is the detailed procedure to do the upgrade.


Users who do not customize the ClientX template before need to follow this procedure to upgrade to the latest version.


Step 1: Download the patch

Step 2: Extract the patch files

Step 3: Take a Complete Backup of your WHMCS Instance (Highly Recommended)

Step 4: Override the template folder at whmcsdir/templates/

Step 5: Override the orderform folder at whmcsdir/templates/orderform


Please Note: Users with customized color scheme and customized header/footer do not need to worry as these files will not be override during this upgrade.



Users who have hardcoded the ClientX template or orderform files, please check the detailed upgrade release note that we followed while creating this patch. You need to check these files and override them accordingly to save your customizations.


1)account-paymentmethods-manage.tpl

-> Added Tax filed and fontawesome fas fontawesome


2)account-paymentmethods.tpl

-> Put condition for add credit


3) clientareaproductdetails.tpl

-> Added metices feature


4) clientareaproductusagebilling.tpl

-> New file added


5) usagebillingpricing.tpl

-> New file added


6) creditcard.tpl

-> Removed all content from file.


7) footer.tpl

-> Added code for full page overlay.


8) includes/captcha.tpl

-> Add Systemurl dynmic variable


9) invoice-payment.tpl

-> New file added


10) Add New folder payment with files


11) oauth/css/index.php

-> path in file changed


12) store/codeguard/index.php

-> New File added


13) store/css/index.php

-> path in file changed


14) store/order.tpl

-> Static text according to language variable and other changes


15) store/promos/index.php

-> path changed inside code


16) store/sitelock/index.php

-> path changed inside code


17) store/sitelockvpn/

-> Added whole folder


18) store/spamexperts/index.php

-> path changed inside code


19) store/ssl/index.php

-> path changed inside code


20) store/ssl/index.tpl

-> Added class with p tag and jquery changes accordingly


21) store/ssl/shared/index.php

-> path changed inside code


22) viewinvoice.tpl

-> Panel is added (fullpage-overlay - code added)


Orderform changes


1) checkout.tpl

-> Added email value parameter

-> Added tax field with condition

-> Change in the gateway part


2) complete.tpl

-> Added Code for express checkout

-> Added code for express checkout error


3) configureproduct.tpl

-> Added metices functionality

4) domain-renewals.tpl

-> Added condition for renewals options


5) domainregister.tpl

-> Added condition for captcha

-> Added system URL for captcha image


6) domaintransfer.tpl

-> Added system url


7) viewcart.tpl

-> added domain renewal language

-> express checkout code added

Please Note: Users with customized color scheme and customized header/footer do not need to worry as these files will not be override during this upgrade.

How to upgrade to ClientX to v 2.3.0?

As you all know that we have released the WHMCS 7.10 Compatible ClientX version, so here is the detailed procedure to do the upgrade.

>> We are already expecting that you have upgraded your clientx to 7.9.2.

Users who do not customize the ClientX template before need to follow this procedure to upgrade to the latest version.


Step 1: Download the v 2.3.0 files from the WGS Client Area

Step 2: Extract all files.

Step 3: Take a Complete Backup of your WHMCS Instance (Highly Recommended)

Step 4: Override the addons folder at whmcsdir/modules/addons (Highly Recommended To Upgrade)

Step 5: Override the template folder at whmcsdir/templates/ (Do not override if you have made some customizations)

Step 6: Override the orderform folder at whmcsdir/templates/orderform (Do not override if you have made some customizations)

Please Note: Users with the customized color scheme and customized header/footer do not need to worry as these files will not be overridden during this upgrade.

How to upgrade to ClientX to v 2.4.0?

Recently we have introduced the WHMCS v8.1.3 compatible ClientX version, so here is the detailed procedure to upgrade it.


Users who do not customize the ClientX template before need to follow this procedure to upgrade to the latest version.

Note: In case if you have customized some core files of the template, then it is highly recommended to take the backup of your customized file and then upload it again in the module once you have upgraded to ClientX v2.4.0.

Step 1: Download the v2.4.0 files from the WGS Client Area

Step 2: Extract all files.

Step 3: Take a Complete Backup of your WHMCS Instance (Highly Recommended)

Step 4: Override the addons folder at whmcsdir/modules/addons (Highly Recommended To Upgrade)

Step 5: Override the template folder at whmcsdir/templates/ (Do not override if you have made some customizations)

Step 6: Override the orderform folder at whmcsdir/templates/orderform

Important: In case if you were using any previous ClientX version and made some customizations, then it is recommended to upload all the customized files in the default ClientX location from the backup.

Template Requirements

1. WHMCS v8, v7
2. WHMCS DB User must have all permissions of the DB before installation and activation of this ADDON
GRANT ALL PRIVILEGES ON db_base.* TO db_user @'localhost' IDENTIFIED BY 'db_passwd';

How to Set up Language Variables in ClientX Theme v2.4.0?

Step 1 - Check for overrides directory in your (public_html/lang) root directory using your FTP client.

Step 2 - If you already have overrides directory then skip next step otherwise keep following.

Step 3 - Now, create the overrides directory in the lang directory using your FTP client.

Step 4 - Next, create a file 'english.php' in the overrides directory.

Step 5 - Write the following code at the bottom of your english.php file.


$_LANG['latestBilling'] = "Billing";

$_LANG['latestTotalBalance'] = "Total balance";

$_LANG['latestReviewCurrent'] = "Review current invoices by clicking on the Bills & Payments Link below.";

$_LANG['latestOrder'] = "Order";

$_LANG['latestOrderView'] = "View All";

$_LANG['latestOrderApps'] = "You can view your apps after you create them.";

$_LANG['supportCases'] = "Support Cases";

$_LANG['messageCenter'] = "Message Center";

$_LANG['latestActiveService'] = "Active Services";

$_LANG['latestAddtionalService'] = "Purchase additional or review existing services assigned to this account.";

$_LANG['latestDashboard'] = "Dashboard";

$_LANG['settingnavbar'] = "Settings";

$_LANG['passwordnavbar'] = "Password";

$_LANG['accountdetailnavbar'] = "Edit Account Details";

$_LANG['pinfonavbar'] = "Personal Info";

$_LANG['securitysignnavbar'] = "Security & Sign In";

$_LANG['multifactornavbar'] = "Multi-Factor Authentication";

$_LANG['managesigninnavbar'] = "Manage sign in preferences";

$_LANG['managedashnavbar'] = "Manage Dashboard Style";

$_LANG['notificationsnavbar'] = "New notifications";

$_LANG['productsnavbar'] = "Products";


How to upgrade to ClientX to WHMCS 7.9.2 - 7.10?

As you all know that we have released the WHMCS 7.10 Compatible ClientX version, so here is the detailed procedure to do the upgrade.

>> We are already expecting that you have upgraded your ClientX to 7.9.2


1. Procedure for ClientX users having WHMCS 7.8 = Upgrade ClientX Patch for WHMCS 7.9 first and then add ClientX Patch for WHMCS 7.10.

2. Procedure for ClientX users having WHMCS 7.7 = Upgrade ClientX Patch for WHMCS 7.8 first and then add ClientX Patch for WHMCS 7.9, after updating till 7.9, then you need to apply the newly launched 7.10 version, ClientX Patch.

3. Procedure to upgrade the latest WHMCS 7.10 Patch =

Users who do not customize the ClientX template before need to follow this procedure to upgrade to the latest version.


Step 1: Download the patch

Step 2: Extract the patch files

Step 3: Take a Complete Backup of your WHMCS Instance (Highly Recommended)

Step 4: Override the template folder at whmcsdir/templates/

Step 5: Override the orderform folder at whmcsdir/templates/orderform


Please note: Users with the customized color scheme and customized header/footer do not need to worry as these files will not be overridden during this upgrade.

How to upgrade to ClientX to WHMCS 7.9.0 - 7.9.2?

As you all know that we have released the WHMCS 7.9.2 Compatible ClientX version, so here is the detailed procedure to do the upgrade.

>> We are already expecting that you have upgraded your clientx to 7.9.0 - 7.9.1.

Users who do not customize the ClientX template before need to follow this procedure to upgrade to the latest version.


Step 1: Download the patch

Step 2: Extract the patch files

Step 3: Take a Complete Backup of your WHMCS Instance (Highly Recommended)

Step 4: Override the template folder at whmcsdir/templates/

Step 5: Override the orderform folder at whmcsdir/templates/orderform


Please Note: Users with customized color scheme and customized header/footer do not need to worry as these files will not be overridden during this upgrade.

Knowledgebase & FAQ's

1. Forget Password Page Gets Blank Screen Error.

2. How do I add user image or avatar to the client area?

3. How to Enable Top Menu Bar in ClientX?

4. How to change Support Department Staff Icons or Avatars?

5. How to change login screen images of ClientX theme?

6. How to change the login screen text?

7. How to change the text of the ClientX home page "latest" contents?

8. How to create custom header and footer in ClientX WHMCS client area theme?