Category:Widgets: Difference between revisions

Jump to navigation Jump to search
← Older editNewer edit →
No edit summary
No edit summary
Line 2: Line 2:
[[Category:Booking_Page]]
[[Category:Booking_Page]]
[[Category:Troubleshooting]]
[[Category:Troubleshooting]]
 
<div class="heading">Booking Widgets</div>
  ''This page is about the menu SETTINGS -> BOOKING ENGINE->BOOKING WIDGETS''
  This page is about the menu {{#fas:cog}} (SETTINGS)  BOOKING ENGINE > BOOKING WIDGETS
__TOC__
__TOC__


Line 15: Line 15:
The datepicker in the widgets will display up to one year in advance.
The datepicker in the widgets will display up to one year in advance.


  Note: If you want to display multiple widgets on one page make sure you to remove the first part of the code for the second widget.  Paste the code for the second widget in from this line:
<span style="color:#fe746c;“ >{{#fas:exclamation-triangle}} </span>  If you want to display multiple widgets on one page make sure you to remove the first part of the code for the second widget.  Paste the code for the second widget in from this line:
  <nowiki><!-- Place this div on your page where you want the widget to show --></nowiki>
   
<nowiki><!-- Place this div on your page where you want the widget to show --></nowiki>


  Note: The widgets require your page to have UTF-8 language encoding.  
<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  ===
=== If you do not have JQuery  ===
Line 24: Line 25:
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.


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




Line 31: Line 32:
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.
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.


<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<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>
  <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.
Line 38: Line 39:
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.


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


== Wordpress ==
== Wordpress ==
Line 218: Line 219:
5. Paste the amended widget code into the HTML of your web site.
5. Paste the amended widget code into the HTML of your web site.


== Other widgets ==
== Embedded Iframe ==
*Code to  embed your booking page as an Iframe into your web site can be generated under  SETTINGS -> BOOKING PAGE->BOOKING WIDGETS->EMBEDDED IFRAME
*Code to  embed your booking page as an Iframe into your web site can be generated under  SETTINGS -> BOOKING PAGE->BOOKING WIDGETS->EMBEDDED IFRAME
*A link  to your booking page can be generated under  SETTINGS -> BOOKING PAGE->BOOKING WIDGETS->LINKS
*A link  to your booking page can be generated under  SETTINGS -> BOOKING PAGE->BOOKING WIDGETS->LINKS
Line 225: Line 226:
*Code for an enquiry form generated under  SETTINGS -> BOOKING PAGE->BOOKING WIDGETS->ENQUIRY FORM
*Code for an enquiry form generated under  SETTINGS -> BOOKING PAGE->BOOKING WIDGETS->ENQUIRY FORM


Previous versions of the widgets are not supported any longer. If you want to use old versions you can access the menu pages via these links:
*[https://beds24.com/control2.php?pagetype=widgetcalendar Availability Calendar]
*[https://beds24.com/control2.php?pagetype=widgetstrip Booking Strip]
*[https://beds24.com/control2.php?pagetype=widgetbox Booking Box]


== Troubleshooting ==
== Troubleshooting ==
Line 235: Line 231:
  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
  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


  '''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.
  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.
Retrieved from "https://wiki.beds24.com/index.php/Category:Widgets"