Availability Calendar: Difference between revisions

Jump to navigation Jump to search
← Older edit
No edit summary
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
''This page is about the menu SETTINGS ->BOOKING PAGE-> BOOKING WIDGETS -> AVAILABILITY CALENDAR''
[[Category:Legacy_Widgets]]
  NOTE: This widget is not supported any longer. You can generate an availability calendar widget using the widget designer in SETTINGS ->BOOKING PAGE-> BOOKING WIDGETS
<div class="heading">Legacy Availability Calendar</div>
  This page explains how to create a legacy availability calendar for your website.


This widget designer lets you create your own availability calendar widget.  
<div class="warning">{{#fas:exclamation-triangle}} These widgets are depreciated. Use the widget designer in  {{#fas:cog}} (SETTINGS) BOOKING ENGINE > BOOKING WIDGETS to create widgets if you can. </div>
 
Go to  {{#fas:cog}} (SETTINGS) BOOKING ENGINE > BOOKING WIDGETS > BOOKING BUTTON and click on the link at the bottom.  


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.
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.
Line 15: Line 18:
*available dates hover colour -  mouse hover over background colour of available nights
*available dates hover colour -  mouse hover over background colour of available nights
*unavailable dates background color
*unavailable dates background color
*referrer text - If you use widgets on different websites you may use different referrers on each. This text will be recorded with any bookings originating from this widget allowing tracking of booking sources.  
*referer text - If you use widgets on different web sites you may use different referers on each. This text will be recorded with any bookings originating from this widget allowing tracking of booking sources.  


If you want to change the first day of the week, for example to Sunday, add the following to your page anywhere before the calendar code. The number can be between 0 and 7 where 0=Sunday, 1=Monday etc.
If you want to change the first day of the week, for example to Sunday, add the following to your page anywhere before the calendar code. The number can be between 0 and 7 where 0=Sunday, 1=Monday etc.
Line 48: Line 51:
1. start with a normal availability calendar widget from the widgets menu
1. start with a normal availability calendar widget from the widgets menu


  <nowiki><div style="width:auto; padding:0; margin:0;"></nowiki><form id='ap00002048' style='display:inline;' method='GET' target='_blank' action='https://www.beds24.com/booking.php'><script type='text/javascript' src='https://www.beds24.com/availcal/cal.jsp?propid=2048&width=200'></script><input type='hidden' name='propid' value='2048'><input type='hidden' name='fdate' value=''><input type='hidden' name='referer' value='Calendar'><input id='beds24sub1411413312' type='submit' STYLE='width:200px' value='Check Availability' title='Click to check availability and make a reservation online'><script type='text/javascript'>document.getElementById('beds24sub1411413312').style.display='none';</script></form></div>
  <nowiki><div style="width:auto; padding:0; margin:0;"></nowiki><form id='ap00002048' style='display:inline;' method='GET' target='_blank' action='https://beds24.com/booking.php'><script type='text/javascript' src='https://beds24.com/availcal/cal.jsp?propid=2048&width=200'></script><input type='hidden' name='propid' value='2048'><input type='hidden' name='fdate' value=''><input type='hidden' name='referer' value='Calendar'><input id='beds24sub1411413312' type='submit' STYLE='width:200px' value='Check Availability' title='Click to check availability and make a reservation online'><script type='text/javascript'>document.getElementById('beds24sub1411413312').style.display='none';</script></form></div>




Line 57: Line 60:
*we have removed the input button and the script to hide it.  
*we have removed the input button and the script to hide it.  


  <nowiki><div style="width:auto; padding:0; margin:0;"></nowiki><form id='ap00002048b' style='display:inline;' method='GET' target='_blank' action='https://www.beds24.com/booking.php'><script>cb00002048[1]=cb00002048[0].clone('ap00002048b');</script><input type='hidden' name='propid' value='2048'><input type='hidden' name='fdate' value=''><input type='hidden' name='referer' value='Calendar'></form></div>
  <nowiki><div style="width:auto; padding:0; margin:0;"></nowiki><form id='ap00002048b' style='display:inline;' method='GET' target='_blank' action='https://beds24.com/booking.php'><script>cb00002048[1]=cb00002048[0].clone('ap00002048b');</script><input type='hidden' name='propid' value='2048'><input type='hidden' name='fdate' value=''><input type='hidden' name='referer' value='Calendar'></form></div>


3. make another clone
3. make another clone


  <nowiki><div style="width:auto; padding:0; margin:0;"><</nowiki>form id='ap00002048c' style='display:inline;' method='GET' target='_blank' action='https://www.beds24.com/booking.php'><script>cb00002048[2]=cb00002048[0].clone('ap00002048c');</script><input type='hidden' name='propid' value='2048'><input type='hidden' name='fdate' value=''><input type='hidden' name='referer' value='Calendar'></form></div>
  <nowiki><div style="width:auto; padding:0; margin:0;"><</nowiki>form id='ap00002048c' style='display:inline;' method='GET' target='_blank' action='https://beds24.com/booking.php'><script>cb00002048[2]=cb00002048[0].clone('ap00002048c');</script><input type='hidden' name='propid' value='2048'><input type='hidden' name='fdate' value=''><input type='hidden' name='referer' value='Calendar'></form></div>


4. and as many more as you want
4. and as many more as you want


  <nowiki><div style="width:auto; padding:0; margin:0;"></nowiki><form id='ap00002048d' style='display:inline;' method='GET' target='_blank' action='https://www.beds24.com/booking.php'>  <script>cb00002048[3]=cb00002048[0].clone('ap00002048d');</script><input type='hidden' name='propid' value='2048'><input type='hidden' name='fdate' value=''><input type='hidden' name='referer' value='Calendar'></form></div>
  <nowiki><div style="width:auto; padding:0; margin:0;"></nowiki><form id='ap00002048d' style='display:inline;' method='GET' target='_blank' action='https://beds24.com/booking.php'>  <script>cb00002048[3]=cb00002048[0].clone('ap00002048d');</script><input type='hidden' name='propid' value='2048'><input type='hidden' name='fdate' value=''><input type='hidden' name='referer' value='Calendar'></form></div>


5. this script which is included after the calendars are cloned increments the displayed date one month at a time
5. this script which is included after the calendars are cloned increments the displayed date one month at a time
Retrieved from "https://wiki.beds24.com/index.php/Availability_Calendar"