Difference between revisions of "Make Your Own Booking Widget"

From Beds24 Wiki
Jump to navigation Jump to search
(Created page with "Category:Widgets Category:Booking Page Category:How to '''Introduction''' Making your own booking widget is not hard. It only involves opening the booking page a...")
 
Line 2: Line 2:
 
[[Category:Booking Page]]
 
[[Category:Booking Page]]
 
[[Category:How to]]
 
[[Category:How to]]
 +
  
 
'''Introduction'''
 
'''Introduction'''
Line 9: Line 10:
 
Common ways to open the booking page are using an HTML <A> link or using a <FORM> with selectors and inputs.
 
Common ways to open the booking page are using an HTML <A> link or using a <FORM> with selectors and inputs.
  
−
We will create a form as an example in this How To.
+
We will only focus on the technical aspects of getting the form to submit information, we will not worry about styling, javascript and CSS, that is completely up to you.
 +
 
 +
Modify to suit and paste the samples into your web page.
 +
 
  
 
'''Create a Form'''
 
'''Create a Form'''
 +
 +
A basic HTML FORM can be created like this
 +
 +
<FORM METHOD="POST" ACTION="http://www.beds24.com/booking2.php">
 +
<input type="hidden" name="propid" value="2035">
 +
<input type="submit" value="Book Now">
 +
</FORM>
 +
 +
It is very simple and will show a "Book Now" button and open the property with the specified propid.
 +
 +
 +
'''Collect Check-in Date'''
 +
 +
The Check-in date can be sent to the booking page using any of the paramentes at

Revision as of 18:09, 2 August 2014


Introduction

Making your own booking widget is not hard. It only involves opening the booking page and optionally passing some information to it.

Common ways to open the booking page are using an HTML <A> link or using a <FORM> with selectors and inputs.

We will only focus on the technical aspects of getting the form to submit information, we will not worry about styling, javascript and CSS, that is completely up to you.

Modify to suit and paste the samples into your web page.


Create a Form

A basic HTML FORM can be created like this 

<FORM METHOD="POST" ACTION="http://www.beds24.com/booking2.php">
<input type="hidden" name="propid" value="2035">
<input type="submit" value="Book Now">
</FORM>

It is very simple and will show a "Book Now" button and open the property with the specified propid.


Collect Check-in Date

The Check-in date can be sent to the booking page using any of the paramentes at

Retrieved from "https://wiki.beds24.com/index.php?title=Make_Your_Own_Booking_Widget&oldid=4366"