How to Install WHMCS Template: Step-by-Step Guide

Without a proper installation guide, adding a new WHMCS template might disrupt your site's look or break essential features, leading to potential downtime and a poor customer experience.

Follow this simple, step-by-step guide to seamlessly install our WHMCS templates, which are carefully designed based on the WHMCS default “twenty-one” template. Our templates focus solely on design enhancements, so all WHMCS functionality remains unchanged.

With our template successfully installed, your WHMCS platform will have a fresh, professional appearance that enhances your brand and ensures a smooth user experience. Let’s get started!

Without a proper installation guide, adding a new WHMCS template might disrupt your site's look or break essential features, leading to potential downtime and a poor customer experience.

Follow this simple, step-by-step guide to seamlessly install our WHMCS templates, which are carefully designed based on the WHMCS default “twenty-one” template. Our templates focus solely on design enhancements, so all WHMCS functionality remains unchanged.

With our template successfully installed, your WHMCS platform will have a fresh, professional appearance that enhances your brand and ensures a smooth user experience. Let’s get started!

What You Need Before You Start

1. You should have installed WHMCS on your server. Please check the WHMCS Official Documentation.
2. Confirm your WHMCS is working with a default template like twenty-one.
3. Then follow our documentation’s instructions to install our WHMCS template.

Setup and Configure Your WHMCS Installation — Step-by-Step Guide

Setting up and configuring your WHMCS installation is an essential process to ensure your web hosting site is both functional and visually appealing.

We have designed the WHMCS template and order form. If you want to use Hostim / Kohost / Hostlar (installation steps are the same for all templates), follow the steps below to complete the template installation:

1. Add your WHMCS template — hostim / kohost / etc. (or RTL version) — to the templates folder.
2. Add the themetags_cart order form to the orderforms folder.
3. Add hooks files to the includes/hooks folder.
4. Add the language english.php to the lang/overrides folder.
5. Configure your pricing from the WHMCS admin panel.
6. Change the default WHMCS template and order form from the admin panel.

From accessing your WHMCS directory to verifying your template’s functionality, this guide covers everything you need to seamlessly integrate your new template.

Step 1: Add Templates Folder

Add your WHMCS template (hostim/kohost/hostlar or -rtl) to the templates folder.

Path: /<your-public-root-directory>/whmcs/templates

Unzip your uploaded template if you have the ZIP version.

You will see a template folder like kohost, hostim, hostlar, kohost-rtl (based on your template).

View the screenshot in your docs for an example of the Kohost template.

Step 2: Add Order Forms

1. Add the themetags_cart order form to the order forms folder.
2. Path: /<your-public-root-directory>/whmcs/templates/orderforms
3. Unzip the themetags_cart order form if you have the ZIP version.
4. Ensure the themetags_cart folder is present inside orderforms.

Step 3: Add Hooks to Hooks Folder

1. Add the provided hooks file(s) to the hooks folder.
2. Path: /<your-public-root-directory>/whmcs/includes/hooks
3. Unzip the hooks folder if you have the ZIP version.
4. Confirm the hooks file(s) now exist in includes/hooks.

Tip: Make sure you upload the entire folder, not just individual files.

Step 4: Update Language

1. Add the overrides folder to your lang directory.
2. Path: /<your-public-root-directory>/whmcs/lang/overrides
3. Upload the overrides folder which includes english.php. This file adds/overrides the new variables required by our template.

Step 5: Change Default Template and Order Forms

For a branded look, you might want to make additional customizations. You can select our template and order form from the General Settings.