Adding Images To A WHMCS Template

WizardPanel for WHMCS comes packed with pre-integrated images 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 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 design are stored in the following directory:

/public_html/templates/your_design/images/

It is recommended that you upload any custom images to this directory. They will safe during WizardPanel 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 designs come with ready-made HTML Snippets that will generate fully editable elements such as the pricing tables, feature boxes, headings, buttons & more.

HTML Snippets