How can I configure the header and the footer content for my custom made template?

Users were given the Customize Layout option to facilitate easier customization of invoice templates based on their requirements. If you wish to customize the header and the footer content of your custom made layout, kindly follow the instructions below:

  • Click on the Gear icon present on the top right corner, and select the Templates option.
  • Click on the Customize Layout button present on the top right corner.
  • If you wish to add header and footer content to your layout, check the Header and Footer checkboxes.
  • Upon enabling the Header and the Footer, you will see two text boxes where you can add the content.
  • Enter the content and click on the Save button for the changes to take effect.

As part of customization, you can also add page numbers to your header/footer. In order to do that, kindly paste the below given code under the header/footer section.

<!DOCTYPE html>  
function addPageNum() {
var params = {};  
var queryString ='&');             
for (var i in queryString) {
var z = queryString[i].split('=', 2);  
params[z[0]] = unescape(z[1]);  
var pageNum = ['page', 'topage'];   
var addPageNumClass = document.getElementsByClassName('addPageNum');
for (var j = 0; j < addPageNumClass.length; ++j) {
addPageNumClass[j].innerHTML = "Page "+ params[pageNum[0]]+" of "+params[pageNum[1]];
<body onload="addPageNum()">  
<!--  Place your Header/Footer content here   -->  
<div class="addPageNum" style="text-align:center">  
Was this document helpful?
Thank you for your feedback!
Want a feature?

Switch to smart accounting software. Switch to Zoho Books.   Start my free 14-day trial Explore Demo Account


Online accounting software
for small businesses.