Customising the Printable Invoice

Guides to quickly getting up and running with Beds24
Post Reply
markkinchin
Site Admin
Posts: 935
Joined: Fri Mar 02, 2012 1:43 pm

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.
markkinchin
Site Admin
Posts: 935
Joined: Fri Mar 02, 2012 1:43 pm

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.
Annette
Posts: 25
Joined: Mon Mar 05, 2012 12:35 pm

In the new control panel you can do this under SETTINGS -> GUEST MANGEMENT -> INVOICING
Post Reply