Booking form per each room

[chateaublanc]

Hello

I want that when customers find a room they like they can book it directly from that page without having to go to a booking page and then select the room all over again.

I noticed this option on your help page "Room Widgets - for individual rooms showing just this room go to Properties open the room you want to set up and then go to Widgets. When you use these widgets a guest can only see/book this room." but I can't make it work. There is no option for Widgets under the room settings.

I am on a trial account, is this why?

[markkinchin]

Not all the pre-canned Widgets a room option but it is easy to create one.

Choose the widget you want to use and change all occurences of the propid= parameter to roomid= with the room id number you want to open.

If it is a link to the booking page just change the URL so it has &roomid= instead of &propid=

If the booking page is opened with a propid it will show all rooms in the property. If it is opened with a roomid it will show only that room.

If you are not sure what to change please post the widget you want to use here and I will show you what needs changing.

[chateaublanc]

Hello and thanks

I've tried to follow your instructions with the basic booking box widget but when I paste it into the WordPress widget it does not save. After I click save the progress dot just keeps turning.

I tried the availability calendar but when I click anywhwere on the widget it takes me to the booking page before rather than allowing me to change the dates.

I want to be able to select the dates and assuming they are available click a submit button to proceed with the booking page for that specific room.

How will I be able to allow guests to book other rooms if they need to secure more than one room for a large party.

Here is the code that won't save.

Best

Ted.


<div style= "width: auto; font-family: inherit; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 1px #888888; -moz-box-shadow: 0px 0px 1px #888888; box-shadow: 0px 0px 1px #888888;display:inline-block; padding: 10px; position: relative; text-align: center; background: #339900; background: -moz-linear-gradient(top, #66cc00, #339900); background: -webkit-gradient(linear, left top, left bottom, from(#66cc00), to(#339900)); background: -webkit-linear-gradient(top, #66cc00, #339900); background: -o-linear-gradient(top, #66cc00, #339900); background: linear-gradient(top, #66cc00, #339900); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66cc00', endColorstr='#339900'); color: #2f2f2f;"><form method='GET' target='_blank' action='https://www.beds24.com/booking.php'><table style='margin:auto; font-size: 20px; font-weight: normal; line-height:normal;'><tr><td colspan=3 align='center'><a style='color: #2f2f2f;' target='_blank' href='https://www.beds24.com/booking.php?room ... gBox'>Book Online</a></td></tr><tr><td style='text-align:right;'>Arriving</td><td><select id='fdate497827_date_propid6865' name='fdate_date' style='font-size:inherit; padding:2px;'><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16'>16</option><option value='17'>17</option><option value='18'>18</option><option value='19'>19</option><option value='20'>20</option><option value='21'>21</option><option value='22'>22</option><option value='23'>23</option><option value='24'>24</option><option value='25'>25</option><option value='26'>26</option><option value='27'>27</option><option value='28'>28</option><option value='29'>29</option><option value='30'>30</option><option value='31'>31</option></select></td><td><select id='fdate497827_monthyear_propid6865' name='fdate_monthyear' style='font-size:inherit;padding:2px;'><option value='2014-11'>Nov 2014</option><option value='2014-12'>Dec 2014</option><option value='2015-01'>Jan 2015</option><option value='2015-02'>Feb 2015</option><option value='2015-03'>Mar 2015</option><option value='2015-04'>Apr 2015</option><option value='2015-05'>May 2015</option><option value='2015-06'>Jun 2015</option><option value='2015-07'>Jul 2015</option><option value='2015-08'>Aug 2015</option><option value='2015-09'>Sep 2015</option><option value='2015-10'>Oct 2015</option><option value='2015-11'>Nov 2015</option><option value='2015-12'>Dec 2015</option><option value='2016-01'>Jan 2016</option><option value='2016-02'>Feb 2016</option><option value='2016-03'>Mar 2016</option><option value='2016-04'>Apr 2016</option><option value='2016-05'>May 2016</option><option value='2016-06'>Jun 2016</option><option value='2016-07'>Jul 2016</option><option value='2016-08'>Aug 2016</option><option value='2016-09'>Sep 2016</option><option value='2016-10'>Oct 2016</option></select></td></tr><tr><td style='text-align:right;'>Staying</td><td><select name='numnight' style='font-size:inherit; padding:2px;'><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7' selected>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16'>16</option><option value='17'>17</option><option value='18'>18</option><option value='19'>19</option><option value='20'>20</option><option value='21'>21</option><option value='22'>22</option><option value='23'>23</option><option value='24'>24</option><option value='25'>25</option><option value='26'>26</option><option value='27'>27</option><option value='28'>28</option><option value='29'>29</option><option value='30'>30</option><option value='31'>31</option></select></td><td style='padding-left:5px; text-align:left;'>Nights</td></tr><tr><td style='text-align:right;'>Adults</td><td><select name='numadult' style='font-size:inherit; padding: 2px;'><option value='1'>1</option><option value='2' selected>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option></select></td><td></td></tr><tr><td style='text-align:right;'>Children</td><td><select name='numchild' style='font-size:inherit; padding: 2px;'><option value='0' selected>0</option><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option></select></td><td><input type='submit' name='subcheck' value='Book Now' style='font-size:inherit;width:100%;padding:2px;'></td></tr></table><input type='hidden' name='propid' value='6865'><input type='hidden' name='subgetdates' value='1'><input type='hidden' name='type' value='0'><input type='hidden' name='page' value='showprice'><input type='hidden' name='referer' value='BookingBox'></form></div><script type='text/javascript'>var dateNow = new Date();var dateFirst = new Date();dateFirst.setDate(dateFirst.getDate()+1);var numMonths = 24;var selectMonth = dateFirst.getMonth()+dateFirst.getYear()*12-dateNow.getMonth()-dateNow.getYear()*12;if (selectMonth < 0) {selectMonth=selectMonth+12;}var selectDay = dateFirst.getDate();var theList = document.getElementById('fdate497827_monthyear_propid6865');var theDayList = document.getElementById('fdate497827_date_propid6865');var len = theList.length;var i;for (i=len; i>=0; i--) {theList.options=null;}var dateNow = new Date();var monthNow = dateNow.getMonth() + 1;var yearNow = dateNow.getFullYear();var monthName = new Array(12);monthName[0] = 'Jan';monthName[1] = 'Feb';monthName[2] = 'Mar';monthName[3] = 'Apr';monthName[4] = 'May';monthName[5] = 'Jun';monthName[6] = 'Jul';monthName[7] = 'Aug';monthName[8] = 'Sep';monthName[9] = 'Oct';monthName[10] = 'Nov';monthName[11] = 'Dec';var thisYear = yearNow;var thisMonth = monthNow;for (i=0; i<numMonths; i++) {if (thisMonth > 12) {thisMonth = 1;thisYear = thisYear + 1;}var thisMonthLead = thisMonth;if (thisMonth < 10) {thisMonthLead = '0' + thisMonth;}theList.options = new Option(monthName[thisMonth-1]+' '+thisYear, thisYear+'-'+thisMonthLead);if (i == selectMonth) {theList.options.selected = true;}thisMonth = thisMonth + 1;}theDayList.options[selectDay-1].selected = true;</script>

[annettemorgenroth]

If you are using Wordpress you can set the room id in the short code . For example

[beds24-box roomid="3561"]

creates a booking box for room 3561. For more information please also see the instructions in the plugin and here: https://wiki.beds24.com/index.php?title ... idual_Room

[cmartinpage]

I have also been testing this in Wordpress. However I cannot get all the settings to work.

For example if i use [beds24-button roomid="10317" bgcolor="#0fc8af" text="Book Now"], it correctly links to the specific room and changes the text, however the background colour does not change. I have also tried changing the background colour in the Booking Widgets page of the Wordpress plugin but it still does not work.

With the beds24-box I wanted to try to get it all onto 1 line. I can change the width, but not the height and font size parameters do not work.