Customise Invoice Template - Revision history

Annette at 11:10, 9 September 2020

2020-09-09T11:10:05Z

← Older revision		Revision as of 11:10, 9 September 2020
Line 1:		Line 1:
	[[Category:How to]]		[[Category:How to]]
	[[Category:Invoice]]		[[Category:Invoice]]
	''This page explains how to customise the invoice template''		<div class="heading">Customise the invoice template</div>
			This page explains how to customise the invoice template

	In SETTINGS -> GUEST MANAGEMENT -> INVOICE you can customise the invoice template.		In {{#fas:cog}} (SETTINGS) GUEST MANAGEMENT > INVOICE you can customise the invoice template.

	<embedvideo service="youtube">https://www.youtube.com/watch?v=WLnWFq_Ch9I</embedvideo>		<embedvideo service="youtube">https://www.youtube.com/watch?v=WLnWFq_Ch9I</embedvideo>
Line 22:		Line 23:


	'''Step 2 - Open the Editor in SETTINGS -> GUEST MANAGEMENT -> BOOKING TEMPLATE'''		'''Step 2 - Open the Editor in {{#fas:cog}} (SETTINGS) GUEST MANAGEMENT > BOOKING TEMPLATE'''

	[[File:Invoice_3.png]]		[[File:Invoice_3.png]]
Line 29:		Line 30:
	'''Step 3 - Enter your image URL'''		'''Step 3 - Enter your image URL'''

	A click on the "image icon opens a window. Paste in the image url of your logo. If you dont want to use a logo delete <nowiki><div style="text-align:center;"><img src="https://~~www.~~beds24.com/pic/p0000/2035/02.jpg" /></div></nowiki> and enter your property name.		A click on the "image icon opens a window. Paste in the image url of your logo. If you dont want to use a logo delete <nowiki><div style="text-align:center;"><img src="https://beds24.com/pic/p0000/2035/02.jpg" /></div></nowiki> and enter your property name.

	[[File:Invoice_4.png]]		[[File:Invoice_4.png]]
Line 93:		Line 94:


	To use copy, go to SETTINGS -> GUEST MANAGEMENT -> INVOICE click on "EDIT". In the editor click on "Source Code". Paste the code in. To use your image exchange <nowiki>"https://~~www.~~beds24.com/pic/p0000/2035/02.jpg"</nowiki> to your logo url.		To use copy, go to {{#fas:cog}} (SETTINGS) GUEST MANAGEMENT > INVOICE click on "EDIT". In the editor click on "Source Code". Paste the code in. To use your image exchange <nowiki>"https://beds24.com/pic/p0000/2035/02.jpg"</nowiki> to your logo url.
	<pre>		<pre>
	<div style="text-align:center;"><img src="https://~~www.~~beds24.com/pic/p0000/2035/02.jpg" /></div>		<div style="text-align:center;"><img src="https://beds24.com/pic/p0000/2035/02.jpg" /></div>
	<div>		<div>
	<br />		<br />

Annette: /* Add a footer to every page */

2020-08-28T12:15:57Z

Add a footer to every page

← Older revision		Revision as of 12:15, 28 August 2020
Line 180:		Line 180:

	</pre>		</pre>


	~~== Add a footer to every page ==~~
	~~Click on "Edit" then in the editor on "Source". Past~~

	~~<div style="height: 10px"> </div>~~
	~~<footer class="onlyprint" style="position: fixed;bottom: 0; ">Your footer text</footer>~~

	~~to the bottom of the document. Replace "Your footer text" with the text you want to display.~~

Annette at 19:54, 23 January 2020

2020-01-23T19:54:42Z

← Older revision		Revision as of 19:54, 23 January 2020
Line 14:		Line 14:
	[[Media:Custom_Invoice.pdf\|Download the tutorial]] or follow these step by step instructions:		[[Media:Custom_Invoice.pdf\|Download the tutorial]] or follow these step by step instructions:

	'''Step 1 - Upload your logo in SETTINGS - > BOOKING ~~PAGE~~ PICTURES'''		'''Step 1 - Upload your logo in SETTINGS - > BOOKING ENGINE PICTURES'''

	Upload the picture and copy the copy picture url		Upload the picture and copy the copy picture url

Annette at 13:16, 11 August 2016

2016-08-11T13:16:00Z

← Older revision		Revision as of 13:16, 11 August 2016
Line 181:		Line 181:
	</pre>		</pre>

	~~'''Add a footer to every page:'''~~

			== Add a footer to every page ==
	Click on "Edit" then in the editor on "Source". Past		Click on "Edit" then in the editor on "Source". Past

	footer.onlyprint {		<div style="height: 10px"> </div>
	position: fixed;		<footer class="onlyprint" style="position: fixed;bottom: 0; ">Your footer text</footer>
	bottom: 0;
	}

	to the bottom of the document.		to the bottom of the document. Replace "Your footer text" with the text you want to display.

Annette at 13:14, 11 August 2016

2016-08-11T13:14:23Z

← Older revision		Revision as of 13:14, 11 August 2016
Line 180:		Line 180:

	</pre>		</pre>

			'''Add a footer to every page:'''

			Click on "Edit" then in the editor on "Source". Past

			footer.onlyprint {
			position: fixed;
			bottom: 0;
			}

			to the bottom of the document.

Lesley: /* Code for the example */ changing I to In

2016-07-11T06:50:58Z

Code for the example: changing I to In

← Older revision		Revision as of 06:50, 11 July 2016
Line 93:		Line 93:


	To use copy, go to SETTINGS -> GUEST MANAGEMENT -> INVOICE click on "EDIT". I the editor click on "Source Code". Paste the code in. To use your image exchange <nowiki>"https://www.beds24.com/pic/p0000/2035/02.jpg"</nowiki> to your logo url.		To use copy, go to SETTINGS -> GUEST MANAGEMENT -> INVOICE click on "EDIT". In the editor click on "Source Code". Paste the code in. To use your image exchange <nowiki>"https://www.beds24.com/pic/p0000/2035/02.jpg"</nowiki> to your logo url.
	<pre>		<pre>
	<div style="text-align:center;"><img src="https://www.beds24.com/pic/p0000/2035/02.jpg" /></div>		<div style="text-align:center;"><img src="https://www.beds24.com/pic/p0000/2035/02.jpg" /></div>

Annette at 10:21, 24 February 2016

2016-02-24T10:21:29Z

← Older revision		Revision as of 10:21, 24 February 2016
Line 101:		Line 101:
	<br />		<br />

	<h3>Invoice Nr. [~~REFERENCE~~]</h3>		<h3>Invoice Nr. [INVOICENUMBER]</h3>

	<table border="0" cellpadding="1" cellspacing="1" style="width: 500px;">		<table border="0" cellpadding="1" cellspacing="1" style="width: 500px;">

Annette at 10:18, 24 February 2016

2016-02-24T10:18:34Z

← Older revision		Revision as of 10:18, 24 February 2016
Line 111:		Line 111:
	<tr>		<tr>
	<td>Date</td>		<td>Date</td>
	<td>[~~CURRENTDATE~~]</td>		<td>[INVOICEDATE]</td>
	</tr>		</tr>
	<tr>		<tr>

Annette at 10:07, 9 May 2015

2015-05-09T10:07:52Z

← Older revision		Revision as of 10:07, 9 May 2015
Line 22:		Line 22:


	'''Step 2 - Open the Editor in SETTINGS -> GUEST MANAGEMENT -> ~~PRINT TEMPLATES~~'''		'''Step 2 - Open the Editor in SETTINGS -> GUEST MANAGEMENT -> BOOKING TEMPLATE'''

	[[File:Invoice_3.png]]		[[File:Invoice_3.png]]

Annette at 19:49, 26 April 2015

2015-04-26T19:49:32Z

← Older revision		Revision as of 19:49, 26 April 2015
Line 4:		Line 4:

	In SETTINGS -> GUEST MANAGEMENT -> INVOICE you can customise the invoice template.		In SETTINGS -> GUEST MANAGEMENT -> INVOICE you can customise the invoice template.

			<embedvideo service="youtube">https://www.youtube.com/watch?v=WLnWFq_Ch9I</embedvideo>

	The template will generate invoices like this:		The template will generate invoices like this: