Make Your Own Booking Widget

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 Developers