This update guide only applies to our WHMCS Templates that are using the WHMCS Six client area template as a base. If you're using v2+ then this update does not apply to your template, please refer to the update announcement for more information. Find Template Version


Update Service

Save yourself time by using our professional update service. Your update to WHMCS v7 will be completed in-house by our team who will ensure everything goes smoothly with no loss of customizations.

In this tutorial you will learn how to update your WHMCS Template to support WHMCS v7.

Is This Update Required?

This update needs to be applied to your template to add support for WHMCS v7. If you purchased your template after the launch of WHMCS v7 (16th September 2016) you do not need to follow this update as it will already be applied to your version.

How To Update

You will need to follow every step below to update to WHMCS v7.

1. Update WHMCS

To begin you will need to update WHMCS to v7 following WHMCS's documentation or you can hire us to update your WHMCS.

2. Complete Earlier Template Updates

If you updated from WHMCS v7.6.3 to v7 you can skip this section and move onto step 3.

If you updated from an earlier version of WHMCS you will need to apply the missing template updates before completing this one:

View All Template Updates

3. Upload The Files

Want to save time? You can hire us to update your template.

The next step is to upload the files from the update ZIP we have carefully prepared. The files contained within this update are unlikely to have been modified by most users as they are core client area files. If there are changes required to files that are more likely to have been edited (such as header.tpl, template.css, english.php) they will be listed as manual edits in step 4 to ensure that any edits made to these files will not be lost.

Steps To Upload

1. Make a full backup of your WHMCS files & database for safety

2. Download the update files >> Download WHMCS v7 Update (.zip)

3. Extract the ZIP file to your desktop

4. Rename the /upload/templates/your_active_template/ to the name of your active Zomex template you'd updating (e.g stellar, universe, eco-net etc)

5. Upload the contents of the upload directory using an FTP client to:


Ensure that your FTP client does not replace directories and instead adds/overrides the new files within the existing directory. We recommend FileZilla which is free and will work correctly out of the box.

If you have made customisations to any files contained in the ZIP we recommend comparing your version and the updated version so you can re-apply your customisations manually.

4. Apply Manual File Edits

The final step is to make manual edits to some files. These edits are made manually as there is a higher chance that the files may have been customized. Manually applying the WHMCS v7 edits ensures that any prior customisations are safe.

Open /whmcs_path/templates/your_active_template/contact.tpl and change:

<div class="row">
		<div class="col-sm-offset-3 col-sm-9">
			{include file="$template/includes/captcha.tpl"}


<div class="text-center margin-bottom">
	                {include file="$template/includes/captcha.tpl"}			

This edit is very important as WHMCS have made changes to some of the functions in the footer that are used throughout WHMCS such as the new csrfToken.

Open /whmcs_path/templates/your_active_template/footer.tpl and replace the equivalent code at the bottom (this code is generally from the bottom of the file to just below </footer> but it will vary slightly between templates) of the file with:

	{if $adminMasqueradingAsClient}
		    <!-- Return to admin link -->
		    <div class="alert alert-danger admin-masquerade-notice">
		        {$LANG.adminmasqueradingasclient}<br />
		        <a href="logout.php?returntoadmin=1" class="alert-link">{$LANG.logoutandreturntoadminarea}</a>
		{elseif $adminLoggedIn}
		    <!-- Return to admin link -->
		    <div class="alert alert-danger admin-masquerade-notice">
		        {$LANG.adminloggedin}<br />
		        <a href="logout.php?returntoadmin=1" class="alert-link">{$LANG.returntoadminarea}</a>
		{include file="$template/includes/notifications.tpl"} {* This line loads the client notifications *}
	<script src="{$BASE_PATH_JS}/bootstrap.min.js"></script>
	<script type="text/javascript">
	    var csrfToken = '{$token}',
	        markdownGuide = '{lang key="markdown.title"}',
	        locale = '{if !empty($mdeLocale)}{lang key="locale"}{else}en_GB{/if}',
	        saved = '{lang key="markdown.saved"}',
	        saving = '{lang key="markdown.saving"}';
	 <script src="{$BASE_PATH_JS}/AjaxModal.js"></script>
	<div class="modal system-modal fade" id="modalAjax" tabindex="-1" role="dialog" aria-hidden="true">
	    <div class="modal-dialog">
	        <div class="modal-content panel panel-primary">
	            <div class="modal-header panel-heading">
	                <button type="button" class="close" data-dismiss="modal">
	                    <span aria-hidden="true">×</span>
	                    <span class="sr-only">Close</span>
	                <h4 class="modal-title">Title</h4>
	            <div class="modal-body panel-body">
	            <div class="modal-footer panel-footer">
	                <div class="pull-left loader">
	                    <i class="fa fa-circle-o-notch fa-spin"></i> Loading...
	                <button type="button" class="btn btn-default" data-dismiss="modal">
	                <button type="button" class="btn btn-primary modal-submit">
	<script src="{$WEB_ROOT}/templates/{$template}/javascript/whmcs.js"></script>	

Open /whmcs_path/templates/your_active_template/includes/functions.tpl and delete the following:

<script src="{$BASE_PATH_JS}/markdown.min.js"></script>
<script src="{$BASE_PATH_JS}/to-markdown.js"></script>

5. Update Completed

You have now finished updating your template to support WHMCS v7. If you see any miss alignment when viewing your website you may need to clear your browser cache to force the updated files to be rendered. If you run into any issues, submit a ticket and we will be happy to assist you.


If you have any questions please leave a comment below or contact our support.