Adding HTML Live Chat button to

[Terrum]

Hi,

I want to put my Live Chat HTML/Javascript button exactly where the blue rectangle is in the screenshot attachment. Could someone please guide me how to do this?

Many thanks!

[Tareq]

Please go to: templates/default in your WHMCS directory.

 

Open file: header.tpl

 

Find this:

 

<div class="whmcscontainer">

<div id="whmcstxtlogo"><a href="index.php">{$companyname}</a></div>

<div id="whmcsimglogo"><img src="templates/{$template}/img/whmcs_logo.png" alt="{$companyname}" /></div>

</div>

 

 

Replace with:

 

<div class="whmcscontainer" style="position:relative;">

<div id="whmcstxtlogo"><a href="index.php">{$companyname}</a></div>

<div id="whmcsimglogo"><img src="templates/{$template}/img/whmcs_logo.png" alt="{$companyname}" /></div>

 

<div style="position:absolute;top:5px;right:5px;width:200px;height:90px;float:right;border:1px solid gray;">

<!-- Your HTML/JS live chat code here -->

Live Chat!

<!-- End of live chat code -->

</div>

</div>

 

 

Save the file and upload it to the same directory.

 

NOTE: You can edit the width/height/border of the chat box as you want.