Shortcode – Booking Resources Selection

Note! Please be careful in configuration of Booking Calendar shortcode with quote symbols. Do not use non standard opening or closing quot symbols. Only standard like: ' The best way to type them from keyboard, and not copy/paste.

Selection of booking resource

Available in paid versions. You can check example of using this shortcode at this page.

[bookingselect label='Please select the resource:' form_type='standard' nummonths=1 type='17,16,15']

ID of the booking resources, separated by comma. You can check the ID of the each booking resources at the Booking > Resources page. For example:
[bookingselect type='17,16,15' selected_type='15' first_option_title='' label='']
ID of booking resource, which selected by default in this selectbox.This is obligatory parameter.
number of the visible months in the calendar. If "nummonths" is skipped the calendar is show 1 visible month.
start month in the calendar after loading of the calendar with booking form. Format of value for this parameter is 'YYYY-MM'. If "startmonth" is skipped the calendar is start showing months from current month.
name of the custom booking form. You can create the custom booking forms at the Booking > Settings > Form page. If this parameter is skipped then default custom booking form for specific booking resources is loaded (you can define default custom booking forms for specific booking resources at the Booking > Resources page ). Available in Business Medium / Large versions
text of label for the select box. If this parameter is skipped, default value empty string.
first option in dropdown list. If you want to skip this option, then leave it empty like this: first_option_title=''
possibility to set calendar additional parameters: full calendar width (percentage or pixels), date cell height, number of months in one row and in Business Medium and higher versions the minimum or fixed number of days selection for the specific day of week or specific season.
Options parameter usage

Specify the full calendar width (one or several months in a row), the height of date cell (so its possible to configure the height of entire calendar by that (just divide the entire calendar width to 7 and you will get approximate date cell height), the number of months in one row (its useful, if you want to show several months in several rows, for example 4 months in 2 rows or 6 months in 2 rows etc).

Configuration rules
Example 1:

options='{calendar months_num_in_row=2 width=568px cell_height=30px}'

Example 2:

options='{calendar months_num_in_row=3 width=100% cell_height=40px}'

The general structure of the configuration calendar parameter is following:

{calendar months_num_in_row="{NUMBER OF MONTHs IN ONE ROW}"
cell_height="HEIGHT of CALENDAR DATE CELL, only in px"}

calendar - name of the parameter. Its always the same (Its required for the future extend functionality).
months_num_in_row - number of months on one row. Its can be any number.
width - the entire height of the calendar. This width can be in "px" (example: "400px") or in percentage (example "100%).
cell_height - height of calendar date cell. The height can be only in "px" (example "30px").

Adding booking form into page with new Gutenberg editor
(Available since update 8.4)