Adding the availability calendar to your website

Posted on Updated on

The reservation widget / availability calendar is a cool utility from WebReserv.com. It can be added to one or more existing websites and provides all the reservation functionality needed to make a website interesting for the consumer. The reservation widget provides the following features:  availability calendar, customer information, credit card information.

The reservation widget can be embedded within your site or it can be opened as a pop-up window. In most cases, you’ll want to embed it in your site as it looks awesome with the availability calendar right there on your website.  It is easy to customize the reservation widget to have the same look as your own website (colors, fonts etc). Whether you embed the widget or open it as a popup-window will give you the same functionality.

How to embed the availability calendar

When you embed the reservation widget / availability calendar on your website, you can make it blend completely with your website layout and many customers prefer this option for that reason. In the screenshot (and example link) we made Casa Deco’s booking component use the same colors as the website, and the result is impressive.  Click here to see it:

http://www.webreserv.com/casadeco/reservation.html.

Embedded availability calendar

How to pop-up the availability calendar

The pop-up version widget can be added to any website with just one line of HTML code. With the pop-up approach, you’ll get a booking button on your website, and a booking window will open when a customer clicks the booking button.
This is what the pop-up widget looks like:

http://www.webreserv.com/casadeco/reservation-popup.html.

The pop-up availability calendar

Note: You can copy the HTML code from WebReserv.com and paste it onto your website. To get the HTML code specifically for your business, log on to WebReserv.com and select Web Components from the main menu. Click here to see it:

http://www.webreserv.com/casadeco/reservation.html.

Adding the booking component as an embedded component requires a few more lines of HTML code and possibly a little bit of tuning to get the colors right. To get the HTML code specifically for your business, log on to WebReserv.com and select Web Components from the main menu.

To know how to embed the new calendar 2.0, click here.

2 thoughts on “Adding the availability calendar to your website

    palmoceanview.com said:
    November 27, 2008 at 11:09 am

    I’ve added the calendar to my website, but I do not see where the instructions above indicate how to change the background color on the calendar to something other than white. Where exactly does that code go?

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s