Page 1 of 1

Customising the Printable Invoice

Posted: Mon Jun 11, 2012 11:20 am
by markkinchin
Each booking has an Invoice section which can be opened suitable for printing.
The printable invoice opens as a HTML page in a new browser window and can be printed directly from the browser.

One the PROPERTIES >> ADVANCED settings page are two settings to customise the invoice.

The first Invoice Text allows you to add a custom message to the invoice, this message can include HTML tags so you can include a logo image using an image tag

Code: Select all

<IMG SRC="http://www.beds24.com/include/beds24.gif" ALT="">

A heading using a H tag

Code: Select all

<h1>My Heading Text</h1>
or any other HTML.

The second Invoice Custom CSS allows you to add your own CSS to the printable invoice. The CSS allows you to style pretty much anything on the page. For example the following CSS would make the page background yellow.

Code: Select all

body {background-color: yellow;}
By inspecting the page source of the printable invoice you can identify the element and class names and add your own CSS to style each of them.

This does invole a little knowledge of HTML and CSS but anyone capable of making a simple web page should be able to manage. Google is a great source for information about specific HTML and CSS commands.

Re: Customising the Printable Invoice

Posted: Fri Jul 06, 2012 10:27 am
by markkinchin
Just a note to say images should be included with https:// rather than http://.
Otherwise you may receive a warning about insecure items on the page when you open it.

Re: Customising the Printable Invoice

Posted: Tue Apr 02, 2013 2:25 pm
by Annette
In the new control panel you can do this under SETTINGS -> GUEST MANGEMENT -> INVOICING