Adding Images To A WHMCS Template

All of our WHMCS Templates have images pre-integrated so replacing them is a case of editing the image and replacing it.

In some cases you may wish to add your own image, for example if you create a custom WHMCS template page that requires a new image. This guide will show you exactly how to do that.

Image Location

All of the images used by your template are stored in the following directory:

/public_html/templates/your_template/images/

It is recommended that you upload any custom images to this directory. They will safe during template updates. Make note of the name of your image for the next step (e.g customimage.jpg)

Displaying A Image

To display your custom image you can use the following code:

<img src="{$WEB_ROOT}/templates/{$template}/images/customimage.jpg" alt="Custom Image" />

You will need to replace customimage.jpg with the name of the image you created.

Image With A Link

You can add a link to your image using the following code:

<a href="{$WEB_ROOT}/company.php"><img src="{$WEB_ROOT}/templates/{$template}/images/customimage.jpg" alt="Custom Image" /></a>

Change company.php with the name of the page you'd like to link to.

Ready Made HTML

All of our WHMCS Templates come with ready-made HTML Snippets that will generate fully editable elements such as the pricing tables, feature boxes, headings, buttons & more. All you need to do is copy the HTML and paste within your custom page to instantly generate your element.

HTML Snippets