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:

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:

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:

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.

2 thoughts on “Adding the availability calendar to your website”

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?