Insert Calendar Into The Page
The BookIt Calendar can be displayed on the page in several ways.
You can use shortcodes to display the calendar on pages or posts. First, it is required to copy the shortcode of the calendar under BookIt Calendar > Settings > Shortcode Generator.
.png?alt=media&token=79209e78-6d24-4241-9bda-419f224e4d82)
If you want to add a booking calendar with all categories, services, and staff on the website page, just use [bookit] shortcode.
You can select category, service, staff, or calendar template to display a needed calendar.
.png?alt=media&token=c115b47e-c058-40fc-ae92-4717b0bb44d5)
[bookit category="1" theme="step_by_step"]
Afterward, go to the Pages > Add New to create a new page.
You can use any page builder plugin like a default WordPress page builder Gutenburg, Elementor or WPBakery to paste the shortcode, which you copied in the plugin's settings.
.png?alt=media&token=55a620ab-f3a8-4d8d-9e45-84337dac26e6)
Click on the Publish button on the right top corner to display the calendar on the newly created page.
.png?alt=media&token=d46fa4ff-7d4a-4df4-ac05-e6afbed0ff08)
Outcome:
.png?alt=media&token=52dae9b8-1542-4dd6-8aae-7ee04887cbfd)
You can add the calendar to the page with Elementor Page Builder as well.
Type the BookIt Calendar into the searching field and drag the Calendar element to the page.
Afterward, you can apply different filters to the calendar. Click on the Update button to save changes.
.png?alt=media&token=c8f5582a-429c-4210-be18-13f2b6dce0e2)
Outcome:
Now let's check with a WPBakery page builder. On this page builder, there is also a special element called BookIt Calendar.
.png?alt=media&token=8d2e99e9-48e7-4bc6-8d42-6ee0699979e8)
Set up the filters and save changes.
.png?alt=media&token=948c2c43-a3e0-4daf-8937-3d651dc29cdf)
Outcome:
Last modified 2yr ago