Booking Calendar Integration

5 great integrations of the WebReserv booking calendar

Posted on Updated on

weeblyIf you are new to WebReserv, and are working on setting up your account, you may be asking yourself a few key questions.

How complicated is the calendar integration? How much can I customize the calendar to match my web design? Should I embed the calendar or make it show in a new tab? Should I add it to an existing page or should I create a new one? These are important questions, and very appropriate to consider.

After all, your webpage is the pillar of your business, and you need to make sure the booking calendar meshes well with the design. First of all, if you are unsure on how to integrate the calendar into your website, we recommend you review our documentation, How to integrate the booking calendar to your webpage and Customizing the Booking Calendar for further customization needs. In addition to these helpful guides, we also believe that, as the saying goes, “a picture is worth a thousand words”.  So, we would like to share with you some of the best integrations of 2014. Have a look and get inspired!

Read the rest of this entry »

Adding a booking calendar to Weebly websites

Posted on Updated on

weeblyWeebly recently launched a new version of its website builder with a completely new design and several new features as well. This new version is converting Weebly in one of the most used webuilder worldwide and it will allow you to create a website in a record time. If you are designing your website in Weebly, use this guide to quickly add the WebReserv booking calendar to your Weebly website.

 

1. Copy HTML code from your WebReserv account

If you don’t have a WebReserv, create a free account here. If you already have a WebReserv account login and select Website from the top menu.

Select the version of the calendar, the calendar options and the appearance. Click here for more information about calendar options and colors.

Calendar options Read the rest of this entry »

How to embed the WebReserv booking calendar in your SquareSpace website

Posted on Updated on

jimdo-3Today, you can find several great website builders that will allow you to create your website easily and without any specific knowledge or requirement. SquareSpace is one of those builders. If you are creating your website with SquareSpace, use this simple guide to quickly add the WebReserv booking calendar to your SquareSpace website. It’s very easy.

1. Copy HTML code from your WebReserv account

If you don’t have a WebReserv account, you can create a free one here. If you already have a WebReserv account, login and click Website from the top menu.

Select the version of the calendar, the calendar options and the appearance. Click here for more information about calendar options and colors.

Calendar options Read the rest of this entry »

How to add your WebReserv booking calendar to your Jimdo website

Posted on Updated on

jimdo-3Today, you can find several great website builders that will allow you to create your website easily and without any specific knowledge or requirement. Jimdo is one of those builders. If you are designing your website in Jimdo, use this simple guide to quickly add the WebReserv booking calendar to your Jimdo website. It’s very easy.

1. Copy HTML code from your WebReserv account

If you don’t have a WebReserv account, you can create a free one here. If you already have a WebReserv account, login and click Website from the top menu.

Select the version of the calendar, the calendar options and the appearance. Click here for more information about calendar options and colors.

Calendar options Read the rest of this entry »

Adding a booking calendar to WordPress websites

Posted on Updated on

WebReserv and WordPressThe WebReserv booking calendar can be easily added to your WordPress site. Few years ago we did create a plugin for this site which enables you to add the booking calendar with a simple click of the mouse. In addition to that, now this plugin allows you to embed our new calendar 2.0.  Here is what you need to do.

To add the booking calendar to your WordPress site, follow these steps:

  1. Click this link to get started: http://wordpress.org/extend/plugins/webreserv-booking-calender-plugin/
  2. This link will take you to the WordPress Plugin Directory page for the WebReserv Embedded Booking Calendar.
  3. On this page, click the Download button to begin installation of the plugin.
  4. Follow the installation instructions on the listing page to complete adding the calendar to your site.
WebReserv - WordPress plugin

Congratulations! – You are ready to receive your first reservations through your WordPress site. If you would like to know the best tips to increase your conversion rate and make a killer webapge, check this article by WebReserv.

Adding a booking calendar to Wix websites

Posted on Updated on

WixToday, you can find several great website builders that will allow you to create your website easily and without any specific knowledge or requirement. Wix is one of those website builders, nice templates, easy setup and fair prices. If you need to create a webpage, it may be your best ally. If you are designing your website in Wix, use this guide to quickly add the WebReserv booking calendar to it.

1. Copy HTML code from your WebReserv account

If you don’t have a WebReserv, create a free account here. If you already have a WebReserv account login and select Website from the top menu.

Select the version of the calendar, the calendar options and the appearance. Click here for more information about calendar options and colors.

Calendar options Read the rest of this entry »

Adding The Booking Calendar 2.0 To Your Webpage

Posted on Updated on

Integrate Webreserv in your webThis post describes the different display options of the new booking calendar 2.0 and how to easily embed it in a webpage.

Once you have set up your inventory and rates in the system, next you will configure and add the booking calendar to your website. We understand your webpage is the pillar of your business and we know how much you care about it. WebReserv made the calendar integration straighforward. It is a simple process that doesn’t involve a technical background to achieve and the result looks great. In the following tutorial we will explain how it works.

 

Access the Booking Calendar

To access the booking calendar features in your WebReserv account, click on the Website tab in top menu.  This will default to the Booking Calendar page.

Website tab
Website tab

On this page, you can customize, preview, and access the HTML code needed to add the calendar to your site.

Customize

The calendar options in this section allows you to customize the look of the booking calendar.  See custom options below.

  • Version
  • Style
  • Search
  • Availability/Rate Grid
  • Appearance

Booking calendar Version 2.0 and the Embedded style option are the most popular choices and the default options.  When the user views the calendar, they will stay on your website, and will see the booking calendar inside your website.

Embedded Booking Calendar
Embedded Booking Calendar

Search

The Booking Calendar gives you a few search options to choose from: No Search, Start/end date, No. Nights, No. Days.  No Search is the default option and customers will see the listing of your products as the first view of the booking calendar.  Choosing another search option will show the search as the first view of the booking calendar, see examples below.

Start/end date view
Start/end date view
No. Nights
No. Nights
No. Days
No. Days

Availability/Rate Grid

This option, if set to yes, will allow customers to see a view of all your inventory and rates for a week at a time.  On the first page of the booking calendar, your customers can click on “View Availability and Rates” button to see the grid view.  Customers can also choose a date and see availability for that week.

See example below:

Availability/Rate Grid
Availability/Rate Grid

Appearance

The Booking Calendar comes with many options for color themes.  Choose one from the list or create your own.  To learn about customizing the colors, see the section on Defining styles and colors.  The default color theme looks like this:

Default color theme
Default color theme

But you can select other themes like the following:

Most Popular Themes
Most Popular Themes

Preview

After selecting the options that you want, click the Preview button and a preview will be shown on the right side of the screen. If necessary, you can change the options and click Preview again to see how different settings affect the booking calendar.

Adding the booking calendar code to your website
Adding the booking calendar code to your website

When you are done customizing the booking calendar, copy the HTML code from the section 4 – Copy HTML code, and paste the HTML code into your website editor at the place where you want the calendar.

Website view
Website view

Congratulations!!! – You have now completed the booking calendar customization and setup process.


For more information. . .

Overview of the Booking Calendar

Advanced booking calendar features

Booking Calendar Classic