Category:Widgets: Difference between revisions

(11 intermediate revisions by 2 users not shown)

Line 22:

<span style="color:#fe746c;“ >{{#fas:exclamation-triangle}} </span> The widgets require your page to have UTF-8 language encoding.

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

<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 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 ==

Line 43:

Line 39:

<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 ==

Line 87:

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:'br1-xxxx=book || skip directly to checkout page

|-

Line 125:

|-

| minNumNight || integer || minimum number of nights

|-

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

|-

Line 191:

Line 194:

|}

'''Multiple property search only'''

Line 239:

Line 241:

*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

==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 =

==Booking page does not open the dates and or number of guests selected in the widget==

~~You are defining~~ these ~~parameters in~~ the ~~URL in~~ the ~~embedded Iframe~~. ~~Remove these parameters from the Iframe URL: <code> &numnight=2&numadult=2&advancedays=2</code>~~

Use these [[Embedded_Iframe#How_to_reliably_transfer_dates_and_other_data_from_a_booking_widget_on_one_page_to_a_booking_page_embedded_in_an_Frame_on_a_different_page|instructions]] if you want to pass the guests selection on to the booking page.

==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"==

~~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() {

@@ Line 22: / Line 22: @@
 <span style="color:#fe746c;“ >{{#fas:exclamation-triangle}}  </span>   The widgets require your page to have UTF-8 language encoding.
-== If you do not have JQuery  ==
+<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 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  ==
@@ Line 43: / Line 39: @@
 <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 ==
@@ Line 87: / 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:'br1-xxxx=book || skip directly to checkout page
 |-
@@ Line 125: / Line 125: @@
 |-
 | minNumNight || integer || minimum number of nights
+|-
+| noExternalFonts||true false || do not load external fonts
 |-
@@ Line 191: / Line 194: @@
 |}
 '''Multiple property search only'''
@@ Line 239: / Line 241: @@
 *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
+==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 =
 ==Booking page does not open the dates and or number of guests selected in the widget==
-You are defining these parameters in the URL in the embedded Iframe. Remove these parameters from the Iframe URL: <code> &numnight=2&numadult=2&advancedays=2</code>
+Use these [[Embedded_Iframe#How_to_reliably_transfer_dates_and_other_data_from_a_booking_widget_on_one_page_to_a_booking_page_embedded_in_an_Frame_on_a_different_page|instructions]] if you want to pass the guests selection on to the booking page.
 ==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"==
-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() {

Category:Widgets: Difference between revisions

Navigation menu

Search