17,152
edits
Changes
Jump to navigation
Jump to search
no edit summary
[[Category:How toLegacy_Widgets]][[Category:Booking_Page]][[Category:Widgets]]<div class="heading">Redirect Legacy Booking Widget to an Embedded Booking Page </div>
This page explains how to redirect a booking widget to an embedded booking page.
<div class="warning">{{#fas:exclamation-triangle}} This method is not supported any longer. You can set the URL using the widget designer in SETTINGS ->BOOKING ENGINE-> BOOKING WIDGETS </div> <span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> '''Requires:''' Knowledge of HTML
By default a booking widget opens your secure booking page in a new window. You can add a redirect so the widget opens an embedded booking page on your own website. You can also change the widget so it stays in the same window.
Include the booking page in an iFrame on your page. Make sure you are not specifying the number of guests or nights in the iFrame SRC.
There are iFrame widgets available in SETTINGS ->BOOKING PAGEENGINE->BOOKING WIDGETS.
Example:
<nowiki><iframe src ="https://www.beds24.com/booking2.php?propid=2869&referer=BookingPage" width="960" height="2300" style="max-width:100%;border:none;overflow:auto;"><a href="https://www.beds24.com/booking2.php?propid=2869&referer=BookingPage" title="Book Now">Book Now</a></iframe>
</nowiki>
'''2. Create the Starting Widget'''
Generate the code for the widget you want to us in SETTINGS ->BOOKING PAGEENGINE-> BOOKING WIDGETS. Paste it into your html and add the following code.
'''''yourURL''''' is your landing page URL on your web site which has your Beds24 booking page embedded.
Example:
<nowiki><div style="width:auto; padding:0; margin:0;"><form id='ap00004154' style='display:inline;' method='GET' target='_blank' action='https://www.beds24.com/booking.php'><input type="hidden" name="redirect" value="http://www.yoururl.com"><script type='text/javascript' src='https://www.beds24.com/availcal/cal.jsp?propid=2864&width=200'></script><input type='hidden' name='propid' value='4154'><input type='hidden' name='fdate' value=''><input type='hidden' name='referer' value='Calendar'><input id='beds24sub1431534625' type='submit' STYLE='width:200px' value='Check Availability' title='Click to check availability and make a reservation online'><script type='text/javascript'>document.getElementById('beds24sub1431534625').style.display='none';</script></form></div></nowiki>
'''Wordpress'''
If the booking page is included in an iFrame on the redirect page it will open with the values from the Starting Widget stored in the session.
The Iframe cannot redirect the user to secure payment due to the security settings in browsers. If you want to take deposit payments go to SETTINGS -> BOOKING PAGE ENGINE -> BOOKING PAGE DESIGN->BEHAVIOUR and set "Open in new Window" to "On Secure Payment". Keywords: redirect
