Category:Booking Page - Revision history

Lesley: /* Allow Cancellation by Guest */

2025-09-22T13:28:31Z

Allow Cancellation by Guest

← Older revision		Revision as of 13:28, 22 September 2025
Line 42:		Line 42:
	Select the Booking type for 'Normal Bookings', 'Near Term Bookings' and 'Exceptional Period Bookings'		Select the Booking type for 'Normal Bookings', 'Near Term Bookings' and 'Exceptional Period Bookings'

	=Allow Cancellation by Guest=		=Allow Cancellation by Guest - Direct Bookings =
	Set if you allow the guest to cancel their bookings.		Set if you allow the guest to cancel their bookings.

	=Booking Widgets=		=Booking Widgets=
	Our widget designer allows you to create your own custom widgets which you can add to your web site.		Our widget designer allows you to create your own custom widgets which you can add to your web site.

Lesley: /* Booking Types */

2025-09-22T13:28:09Z

Booking Types

← Older revision		Revision as of 13:28, 22 September 2025
Line 39:		Line 39:
	Set the deposit amounts that can be used with Booking types.		Set the deposit amounts that can be used with Booking types.

	=Booking Types=		=Booking Types - Direct Bookings =
	Select the Booking type for 'Normal Bookings', 'Near Term Bookings' and 'Exceptional Period Bookings'		Select the Booking type for 'Normal Bookings', 'Near Term Bookings' and 'Exceptional Period Bookings'

Lesley at 08:53, 22 September 2025

2025-09-22T08:53:08Z

← Older revision		Revision as of 08:53, 22 September 2025
Line 35:		Line 35:

	<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> <span style="font-weight: bold;" >Tip</span> We recommend you let our [https://beds24.com/wizard/wizard2.php wizard] guide you through the set up process.'''		<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> <span style="font-weight: bold;" >Tip</span> We recommend you let our [https://beds24.com/wizard/wizard2.php wizard] guide you through the set up process.'''

			=Deposit Collection Direct Bookings=
			Set the deposit amounts that can be used with Booking types.

			=Booking Types=
			Select the Booking type for 'Normal Bookings', 'Near Term Bookings' and 'Exceptional Period Bookings'

			=Allow Cancellation by Guest=
			Set if you allow the guest to cancel their bookings.

	=Booking Widgets=		=Booking Widgets=
	Our widget designer allows you to create your own custom widgets which you can add to your web site.		Our widget designer allows you to create your own custom widgets which you can add to your web site.

Annette at 09:01, 3 December 2020

2020-12-03T09:01:34Z

← Older revision		Revision as of 09:01, 3 December 2020
Line 1:		Line 1:
			[[Category:How to]]
			[[Category:Getting_Started]]
	[[Category:Booking_Engine]]		[[Category:Booking_Engine]]
	<div class="heading">Booking Engine</div>		<div class="heading">Booking Engine</div>

Annette at 10:58, 19 November 2020

2020-11-19T10:58:52Z

← Older revision		Revision as of 10:58, 19 November 2020
Line 1:		Line 1:
	~~[[Category:Settings]]~~
	[[Category:Booking_Engine]]		[[Category:Booking_Engine]]
	<div class="heading">Booking Engine</div>		<div class="heading">Booking Engine</div>

Annette at 10:02, 9 September 2020

2020-09-09T10:02:32Z

← Older revision		Revision as of 10:02, 9 September 2020
Line 8:		Line 8:
	The booking engine allows to collect commission free direct bookings.		The booking engine allows to collect commission free direct bookings.

	<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> <span style="font-weight: bold;" >Tip</span> This [https://~~www.~~beds24.com/wizard/wizard4.php wizard] guides you though the options you can set for your booking engine.		<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> <span style="font-weight: bold;" >Tip</span> This [https://beds24.com/wizard/wizard4.php wizard] guides you though the options you can set for your booking engine.

	=The Booking Page=		=The Booking Page=
Line 33:		Line 33:
	</ul></div>		</ul></div>

	<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> <span style="font-weight: bold;" >Tip</span> We recommend you let our [https://~~www.~~beds24.com/wizard/wizard2.php wizard] guide you through the set up process.'''		<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> <span style="font-weight: bold;" >Tip</span> We recommend you let our [https://beds24.com/wizard/wizard2.php wizard] guide you through the set up process.'''

	=Booking Widgets=		=Booking Widgets=
	Our widget designer allows you to create your own custom widgets which you can add to your web site.		Our widget designer allows you to create your own custom widgets which you can add to your web site.

Annette at 13:54, 15 May 2020

2020-05-15T13:54:57Z

← Older revision		Revision as of 13:54, 15 May 2020
Line 17:		Line 17:
	The booking page is fully customizable and you have the option to set up multiple layouts if required.		The booking page is fully customizable and you have the option to set up multiple layouts if required.

	We provide 6 layouts which you can customize further. The layout which is set as "Default" will be used by default and if the Facebook App is used on Facebook.		We provide 7 layouts which you can customize further. The layout which is set as "Default" will be used by default and if the Facebook App is used on Facebook.

	Current default:		Current default:

Annette at 13:32, 15 May 2020

2020-05-15T13:32:22Z

← Older revision		Revision as of 13:32, 15 May 2020
Line 5:		Line 5:

	__TOC__		__TOC__
			=How to install the booking engine=
			The booking engine allows to collect commission free direct bookings.

	The booking ~~engine~~ can be ~~added to~~ any web site via code ~~snippets which~~ we provide.		<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> <span style="font-weight: bold;" >Tip</span> This [https://www.beds24.com/wizard/wizard4.php wizard] guides you though the options you can set for your booking engine.

			=The Booking Page=
			The booking page is were guests make their booking. The booking page can be embedded into any web site via a code snippet we provide.

			<span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> The current version of the booking page is "Responsive". Make sure both "Booking Page Version" and "Check-out Page Version" are set to "Responsive".

	The booking page is fully customizable and you have the option to set up multiple layouts if required.		The booking page is fully customizable and you have the option to set up multiple layouts if required.
Line 26:		Line 33:
	</ul></div>		</ul></div>

	<span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> ~~The current version of the booking page is~~ "~~Responsive~~". ~~Make sure both "Booking Page Version" and "Check-out Page Version" are~~ set ~~to "Responsive"~~.		<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> <span style="font-weight: bold;" >Tip</span> We recommend you let our [https://www.beds24.com/wizard/wizard2.php wizard] guide you through the set up process.'''

	~~<span class~~=~~"" style~~=~~"color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> <span style="font-weight: bold;" >Tip</span> We recommend~~ you ~~let our [http://www.beds24.com/wizard/index.php Setup Wizards] guide~~ you ~~through the set up process~~.~~'''~~		=Booking Widgets=
			Our widget designer allows you to create your own custom widgets which you can add to your web site.

Annette at 13:22, 15 May 2020

2020-05-15T13:22:57Z

← Older revision		Revision as of 13:22, 15 May 2020
Line 7:		Line 7:

	The booking engine can be added to any web site via code snippets which we provide.		The booking engine can be added to any web site via code snippets which we provide.

	<span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> The current version of the booking page is "Responsive". Make sure both "Booking Page Version" and "Check-out Page Version" are set to "Responsive".


	The booking page is fully customizable and you have the option to set up multiple layouts if required.		The booking page is fully customizable and you have the option to set up multiple layouts if required.
Line 28:		Line 25:
	<li style="display: inline-block; vertical-align: top;"> [[File:layout7.png\|thumb\|none\|160px\|<p style="font-weight: bold; text-align: center">Layout 7</p>]] </li>		<li style="display: inline-block; vertical-align: top;"> [[File:layout7.png\|thumb\|none\|160px\|<p style="font-weight: bold; text-align: center">Layout 7</p>]] </li>
	</ul></div>		</ul></div>

			<span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> The current version of the booking page is "Responsive". Make sure both "Booking Page Version" and "Check-out Page Version" are set to "Responsive".

	<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> <span style="font-weight: bold;" >Tip</span> We recommend you let our [http://www.beds24.com/wizard/index.php Setup Wizards] guide you through the set up process.'''		<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> <span style="font-weight: bold;" >Tip</span> We recommend you let our [http://www.beds24.com/wizard/index.php Setup Wizards] guide you through the set up process.'''

Annette at 13:22, 15 May 2020

2020-05-15T13:22:22Z

← Older revision		Revision as of 13:22, 15 May 2020
Line 1:		Line 1:
	[[Category:Settings]]		[[Category:Settings]]
	[[Category:Booking_Engine]]		[[Category:Booking_Engine]]
			<div class="heading">Booking Engine</div>
			This page is about the menu {{#fas:cog}} (SETTINGS) > BOOKING ENGINE

	~~''This page is about the menu SETTINGS->BOOKING ENGINE''~~		__TOC__

			The booking engine can be added to any web site via code snippets which we provide.

	~~__TOC__~~		<span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> The current version of the booking page is "Responsive". Make sure both "Booking Page Version" and "Check-out Page Version" are set to "Responsive".
	~~To set up or change your~~ booking page ~~go in the to menu~~ to ~~SETTINGS -> BOOKING ENGINE in the left menu~~.

	~~Your booking page can be fully customised.~~

	~~Use the selector to define if the link should open your~~ booking page ~~displaying all properties (in case~~ you have ~~more than one), a property or a room~~.		The booking page is fully customizable and you have the option to set up multiple layouts if required.

	~~There are 2 booking page version available:~~		We provide 6 layouts which you can customize further. The layout which is set as "Default" will be used by default and if the Facebook App is used on Facebook.

	=~~= Responsive booking page ==~~		Current default:
	~~Examples~~:		[[File:layout7.png\|thumb\|none\|300px\|<p style="font-weight: bold; text-align: center">Layout 7</p>]]

			More layouts to choose from:
	<div><ul>		<div><ul>
	<li style="display: inline-block; vertical-align: top;"> [[File:layout1.png\|thumb\|none\|160px]] </li>		<li style="display: inline-block; vertical-align: top;"> [[File:layout1.png\|thumb\|none\|160px\|<p style="font-weight: bold; text-align: center">Layout 1</p>]] </li>
	<li style="display: inline-block; vertical-align: top;"> [[File:layout2.png\|thumb\|none\|~~160p~~\|]] </li>		<li style="display: inline-block; vertical-align: top;"> [[File:layout2.png\|thumb\|none\|160px\|<p style="font-weight: bold; text-align: center">Layout 2</p>]] </li>
	<li style="display: inline-block; vertical-align: top;"> [[File:layout3.png\|thumb\|none\|160px]] </li>		<li style="display: inline-block; vertical-align: top;"> [[File:layout3.png\|thumb\|none\|160px\|<p style="font-weight: bold; text-align: center">Layout 3</p>]] </li>
	<li style="display: inline-block; vertical-align: top;"> [[File:layout4.png\|thumb\|none\|160px]] </li>		<li style="display: inline-block; vertical-align: top;"> [[File:layout4.png\|thumb\|none\|160px\|<p style="font-weight: bold; text-align: center">Layout 4</p>]] </li>
	<li style="display: inline-block;vertical-align: top;"> [[File:layout5.png\|thumb\|none\|160px]] </li>		<li style="display: inline-block;vertical-align: top;"> [[File:layout5.png\|thumb\|none\|160px\|<p style="font-weight: bold; text-align: center">Layout 5</p>]] </li>
	<li style="display: inline-block; vertical-align: top;"> [[File:layout6.png\|thumb\|none\|160px]] </li>		<li style="display: inline-block; vertical-align: top;"> [[File:layout6.png\|thumb\|none\|160px\|<p style="font-weight: bold; text-align: center">Layout 6</p>]] </li>
			<li style="display: inline-block; vertical-align: top;"> [[File:layout7.png\|thumb\|none\|160px\|<p style="font-weight: bold; text-align: center">Layout 7</p>]] </li>
	</ul></div>		</ul></div>

	~~[[Responsive Booking Page\|Here]] you can find information on how to customise the responsive booking page~~		<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> <span style="font-weight: bold;" >Tip</span> We recommend you let our [http://www.beds24.com/wizard/index.php Setup Wizards] guide you through the set up process.'''

	== ~~Adaptive booking page ==~~
	~~Examples~~:

	~~[[File~~:~~example.jpg]]~~

	~~[[Adaptive Booking Page\|Here]] you can find information on how to customise the adaptive booking page~~

	~~==Add booking Widget to your web site ==~~
	~~Go to SETTINGS-~~>~~BOOKING ENGINE->BOOKING WIDGETS to generate the code for your booking widgets.~~


	~~== Troubleshooting ==~~

	~~When a long page inside an <b>iframe~~</b> ~~changes to a shorter page, the guest viewing the page might be left at the bottom looking at what appears to be a~~ <b>~~blank page~~</b>~~. Read this help document to learn about solutions for this problem:~~

	[[~~Scroll_Iframe_to_the_top_of_the_page\|Scroll_Iframe_to_the_top_of_the_page]]~~


	~~Note~~: ~~Iframes on mobile devices are problematic~~. ~~Make sure you have following code in the <head>: <meta name="viewport" content="width=device-width, initial-scale=1">~~. If you ~~use~~ the ~~booking page in an Iframe we recommend you~~ set up ~~a special mobile page for the page where you have embedded the Iframe which opens the booking page in a new page instead of an Iframe~~.