Adding a Multiple Calendar Overview to a Page

A multiple overview calendar shows a monthly view of more calendars. A booking form cannot be attached to overview calendars.

By Add Calendar Button

Note: The Add Calendar button might not appear if you are using Gutenberg editor. To add a calendar to the post/page you can use the shortcode or the Gutenberg Module as described lower on this page.

You can add a multiple overview calendar to any post or page by using the Add Calendar button from your WordPress WYSIWYG editor. The button is located next to the Add Media button.

Clicking the Add Calendar button will open a pop-up with all customizable settings for the calendar. Make sure the selected tab at the top of the pop-up is Insert Overview Calendar.

You can customize the following settings:

  • Display Calendars – select whether to include all calendars or only specific ones in the overview
  • Select Calendars – if the Display Calendars above is set to Selected Calendars, you will be able to select which calendars to display
  • Display Legend –  select whether to display the calendar’s color legend or not
  • Legend Position – select the position where the legend should be displayed in relation to the calendar
  • Start Year – select the year from which you wish the calendar to start
  • Start Month – select the month from which you wish the calendar to start
  • Display Tooltips – select whether to show the data you have added for each individual day as a tooltip when a user hovers over the calendar days in the page
  • Show Day Abbreviations – select whether to show the abbreviation (first letter from the name of each day) of the days in the overview

By clicking the “Insert Calendar” button a shortcode will be added to the editor for you with all the information you have selected in the pop-up.

By Shortcode

When this shortcode is inserted into your page or post (in the admin panel) it will generate an overview with all calendars selected, with all the above settings applied.

Here’s the meaning of every setting from the shortcode:

  • calendars – (numbers list/all) – the IDs of the calendars separated by comma, for example “1,2,3”, which can be found under WP Booking System > Calendars, or the string “all” to display all the calendars
  • legend – (yes/no) – show the legend for the calendars (yes) or hide it (no)
  • legend_position – (top/side/bottom) – the position of the legend in correlation with the calendar overview
  • start_year (0/2017/2018/…) – the start year of the calendar, 0 means the current year, 2017 means 2017, and so on
  • start_month – (0/1/2/…/12) – the start month of the calendar, 0 means the current month, 1 means January, and so on
  • history – (1/2/3) – show all booking history (1), replace history with the default legend item (2) or grey-out (3) history
  • tooltip – (1/2/3) – don’t show tooltips (1), show tooltips (2) or show tooltips with a red indicator (3)
  • weeknumbers – (yes/no) – show week numbers (yes) or hide them (no)
  • language – (auto/en/fr/etc.) – the language of the calendar, ‘auto’ will detect the language automatically

By Gutenberg Module

You can add an existing calendar to any post or page by clicking the + icon to add a new module, and click on the Multiple Overview Calendar module in the WP Booking System tab.

After adding the module, the Please select a calendar to display. message will appear. Click on the module and the options should appear in the sidebar. Select a Calendar, then configure the options as per the instructions above.

Was this article helpful?

Yes (2) No

We're sorry to see this article wasn't as helpful as we hoped it would be. Please let us know what you were looking for so that we can improve this documentation page.

Ready to take full advantage of the premium version?

WP Booking System helps you manage your calendars and bookings with just a few clicks, so you can spend more time on promoting your business and less time on managing it.

Get Started