Category:Widgets - Revision history

Annette: /* Problem installing widgets on Wix */

2024-05-01T07:02:24Z

Problem installing widgets on Wix

← Older revision		Revision as of 07:02, 1 May 2024
Line 256:		Line 256:

	==Problem installing widgets on Wix==		==Problem installing widgets on Wix==
	~~Other than~~ almost all other ~~web sites~~ Wix does not support JQuery. You will need to check with Wix if they allow you to add JQuery to your page. If Wix will not allow you to add JQuery you can use a button, links or our legacy widgets. The legacy widgets are available via SETTINGS-BOOKING PAGE-WIDGETS-BOOKING BUTTON.		Unlike almost all other website builders Wix does not support JQuery. You will need to check with Wix if they allow you to add JQuery to your page. If Wix will not allow you to add JQuery you can use a button, links or our legacy widgets. The legacy widgets are available via SETTINGS-BOOKING PAGE-WIDGETS-BOOKING BUTTON.

	==Console Error "bookWidget is not a function"==		==Console Error "bookWidget is not a function"==

Annette at 14:07, 3 January 2023

2023-01-03T14:07:01Z

← Older revision		Revision as of 14:07, 3 January 2023
Line 85:		Line 85:
	\| customParameter\|\| text \|\| adds the specified information to the URL of the booking page. Example: customParameter:'hideroom=12345', will hide the room with the ID 12345 from the booking page.		\| customParameter\|\| text \|\| adds the specified information to the URL of the booking page. Example: customParameter:'hideroom=12345', will hide the room with the ID 12345 from the booking page.

			\|-
			\| customParameter:'br1-xxxx=book \|\| skip directly to checkout page

	\|-		\|-
Line 192:		Line 194:

	\|}		\|}


	'''Multiple property search only'''		'''Multiple property search only'''
Line 240:		Line 241:
	*A button can be generated under {{#fas:cog}} (SETTINGS) BOOKING PAGE > BOOKING WIDGETS > BOOKING BUTTON		*A button can be generated under {{#fas:cog}} (SETTINGS) BOOKING PAGE > BOOKING WIDGETS > BOOKING BUTTON
	*Code for an enquiry form generated under {{#fas:cog}} (SETTINGS) BOOKING PAGE > BOOKING WIDGETS > ENQUIRY FORM		*Code for an enquiry form generated under {{#fas:cog}} (SETTINGS) BOOKING PAGE > BOOKING WIDGETS > ENQUIRY FORM

			==Skip to Checkout Page==
			You can bypass the booking page and redirect the widget directly to the checkout page by adding this parameter

			<code>customParameter:'br1-xxxx=book'</code>

			to the widget.

			Replace xxxx with the room ID of the room you want to populate.

	= Troubleshooting =		= Troubleshooting =

Markkinchin at 11:25, 20 October 2022

2022-10-20T11:25:42Z

← Older revision		Revision as of 11:25, 20 October 2022
Line 23:		Line 23:

	<span style="color:#fe746c;“ >{{#fas:exclamation-triangle}} </span> The availability calendar widget only processes data one year in advance. For more future dates the dates show available but are not bookable.		<span style="color:#fe746c;“ >{{#fas:exclamation-triangle}} </span> The availability calendar widget only processes data one year in advance. For more future dates the dates show available but are not bookable.

	~~== If you do not have JQuery ==~~

	~~If you do not have jQuery and jQueryUI installed on your web page add the following to the <head> section of your page.~~

	~~<code> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script></code>~~

	== If the datepicker is not working or you do not have JQueryUI ==		== If the datepicker is not working or you do not have JQueryUI ==

Markkinchin: /* If the datepicker is not working or you do not have JQueryUI */

2022-10-20T11:25:08Z

If the datepicker is not working or you do not have JQueryUI

← Older revision		Revision as of 11:25, 20 October 2022
Line 45:		Line 45:

	<code> loadJQueryUI: false,</code>		<code> loadJQueryUI: false,</code>

			If you are required to be GDPR complaint you may need to download and self host thess libraries, if so disable self loading, download the libraries to your server and change the links accordingly.

	== Wordpress ==		== Wordpress ==

Markkinchin: /* If you do not have JQuery */

2022-10-20T11:23:58Z

If you do not have JQuery

← Older revision		Revision as of 11:23, 20 October 2022
Line 29:		Line 29:

	<code> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script></code>		<code> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script></code>

	~~If you are required to be GDPR complaint you may need to download and self host this library, if so download to your server and change the src link accordingly.~~

	== If the datepicker is not working or you do not have JQueryUI ==		== If the datepicker is not working or you do not have JQueryUI ==

Annette: Undo revision 22865 by Annette (talk)

2022-10-20T11:22:07Z

Undo revision 22865 by Annette (talk)

← Older revision		Revision as of 11:22, 20 October 2022
Line 24:		Line 24:
	<span style="color:#fe746c;“ >{{#fas:exclamation-triangle}} </span> The availability calendar widget only processes data one year in advance. For more future dates the dates show available but are not bookable.		<span style="color:#fe746c;“ >{{#fas:exclamation-triangle}} </span> The availability calendar widget only processes data one year in advance. For more future dates the dates show available but are not bookable.

	== If ~~the datepicker is not working or~~ you do not have ~~JQueryUI~~ ==		== If you do not have JQuery ==

	If you do not have jQuery and jQueryUI installed on your web page add the following to the <head> section of your page.		If you do not have jQuery and jQueryUI installed on your web page add the following to the <head> section of your page.
Line 30:		Line 30:
	<code> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script></code>		<code> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script></code>

	*If you are required to be GDPR complaint you may need to download and self host this library, if so download to your server and change the src link accordingly.		If you are required to be GDPR complaint you may need to download and self host this library, if so download to your server and change the src link accordingly.

			== If the datepicker is not working or you do not have JQueryUI ==

			The widget will attempt to self load jqueryUI, if this is not working properly or causing conflicts you can add it to your page after the jquery script.

			<code><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script></code>

			<code><link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"></code>

			<code> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script></code>

	*If you want to optimize the loading sizes, it should be enough just to load the JQueryUI datepicker modules.		If you want to optimize the loading sizes, it should be enough just to load the JQueryUI datepicker modules.

	The widget can be forced to not attempt to load it's own JQueryUI by setting the following parameter.		The widget can be forced to not attempt to load it's own JQueryUI by setting the following parameter.

Annette at 11:14, 20 October 2022

2022-10-20T11:14:37Z

← Older revision		Revision as of 11:14, 20 October 2022
Line 24:		Line 24:
	<span style="color:#fe746c;“ >{{#fas:exclamation-triangle}} </span> The availability calendar widget only processes data one year in advance. For more future dates the dates show available but are not bookable.		<span style="color:#fe746c;“ >{{#fas:exclamation-triangle}} </span> The availability calendar widget only processes data one year in advance. For more future dates the dates show available but are not bookable.

	== If you do not have ~~JQuery~~ ==		== If the datepicker is not working or you do not have JQueryUI ==

	If you do not have jQuery and jQueryUI installed on your web page add the following to the <head> section of your page.		If you do not have jQuery and jQueryUI installed on your web page add the following to the <head> section of your page.
Line 30:		Line 30:
	<code> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script></code>		<code> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script></code>

	If you are required to be GDPR complaint you may need to download and self host this library, if so download to your server and change the src link accordingly.		*If you are required to be GDPR complaint you may need to download and self host this library, if so download to your server and change the src link accordingly.

	~~== If the datepicker is not working or you do not have JQueryUI ==~~

	~~The widget will attempt to self load jqueryUI, if this is not working properly or causing conflicts you can add it to your page after the jquery script.~~

	~~<code><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script></code>~~

	~~<code><link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"></code>~~

	~~<code> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script></code>~~

	If you want to optimize the loading sizes, it should be enough just to load the JQueryUI datepicker modules.		*If you want to optimize the loading sizes, it should be enough just to load the JQueryUI datepicker modules.

	The widget can be forced to not attempt to load it's own JQueryUI by setting the following parameter.		The widget can be forced to not attempt to load it's own JQueryUI by setting the following parameter.

Markkinchin: /* If you do not have JQuery */

2022-10-20T11:12:01Z

If you do not have JQuery

← Older revision		Revision as of 11:12, 20 October 2022
Line 29:		Line 29:

	<code> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script></code>		<code> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script></code>

			If you are required to be GDPR complaint you may need to download and self host this library, if so download to your server and change the src link accordingly.

	== If the datepicker is not working or you do not have JQueryUI ==		== If the datepicker is not working or you do not have JQueryUI ==

Markkinchin: /* Console Error "bookWidget is not a function" */

2022-10-07T13:18:04Z

Console Error "bookWidget is not a function"

← Older revision		Revision as of 13:18, 7 October 2022
Line 254:		Line 254:
	==Console Error "bookWidget is not a function"==		==Console Error "bookWidget is not a function"==

	~~It seem~~ the page does not accept the word Jquery. Exchange ~~this~~:		If the page does not accept the word Jquery. Exchange it for a $ symbol as follows:

	jQuery(document).ready(function() {		jQuery(document).ready(function() {

Markkinchin: /* Parameters */

2022-08-09T07:29:01Z

Parameters

← Older revision		Revision as of 07:29, 9 August 2022
Line 127:		Line 127:
	\|-		\|-
	\| minNumNight \|\| integer \|\| minimum number of nights		\| minNumNight \|\| integer \|\| minimum number of nights

			\|-
			\| noExternalFonts\|\|true false \|\| do not load external fonts

	\|-		\|-