Changes

== Generate a widget using the widget designer ==

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

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

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 <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><link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"><script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script></code>

=== Parameters === <span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> '''Required skillsSkills''': HTML, CSS

| customParamentercustomParameter|| 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.

=== Exchange text on labels ===<span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> '''Required skillsSkills''': HTML

You can exchange the text on the lables labels of widgets generated to with the widget designer.

=== Hide dates which are not in the month from availability calendar widget === <span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> '''Required Skills''': HTML, CSS Add the following CSS to your websites style sheet <code>.ui-datepicker{display: none;}</code> = Embedded Iframe =or link to your booking page =*Code to embed your booking page as an Iframe into your web site can be generated under {{#fas:cog}} (SETTINGS -> ) BOOKING PAGE->BOOKING WIDGETS->EMBEDDED IFRAMEGENERATOR*A link to your booking page can be generated under {{#fas:cog}} (SETTINGS -> ) BOOKING PAGE->BOOKING WIDGETS->LINKS*An URL linking to your booking page can be generated under {{#fas:cog}} (SETTINGS -> ) BOOKING PAGE->BOOKING WIDGETS->QUICK URL*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 = 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> ==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. ==Console Error "bookWidget is not a function"== It seem the page does not accept the word Jquery. Exchange this: jQuery(document).ready(function() {  jQuery('#bookWidget-44005-75744-0-1589444240').bookWidget({  propid:75744,  formAction:'https://beds24.com/booking.php',  widgetLang:'en',  widgetType:'BookingStrip' });   with this: $(document).ready(function() {  $('#bookWidget-44005-75744-0-1589444240').bookWidget({  propid:75744,

== Troubleshooting == '''Booking page does not open the dates and or number of guests selected in the widget widgetLang:'en'' You are defining these parameters in the URL in the embedded Iframe. Remove these parameters from the Iframe URL: &numnight=2&numadult=2&advancedays=2,

'''Problem installing widgets on Wix' widgetType:'BookingStrip' 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. });