BookIt Calendar
Item PageVideo TutorialsCreate a TicketChangelog
  • BookIt Calendar Documentation
  • Getting Started
    • Free version & Pro Add-ons
    • System Requirements
    • Plugin Installation
    • Update The Plugin
    • Insert Calendar Into The Page
    • Set up the timezome
    • License Utilization
  • Plugin Settings
    • General
    • Currency
    • Payments
    • Email Templates
    • Shortcode Generator
    • Import and Export
    • Google Calendar
  • Plugin Features
    • Calendar
    • Appointments
    • Approve, Reject, Edit, and Delete appointments
    • Services
    • Staff
    • Customers
    • How to book an appointment
    • Free Appointments
    • Data Validation
    • Calendar Templates
  • BookIt Payments
    • Stripe
    • PayPal
    • WooCommerce
  • Bookit Google Calendar
    • Google Calendar API
    • Main Settings
    • Connect Staff to Google Calendar
  • Changelog
  • Release Notes
  • Changelog (Free Version)
  • Changelog (BookIt Payments)
  • Changelog (BookIt Google Calendar)
  • Stylemixthemes
    • BookIt WordPress Plugin
    • Themes
    • Plugins
Powered by GitBook
On this page
  • Adding Shortcode
  • Adding Calendar with Elementor
  • Adding Calendar with WPBakery

Was this helpful?

  1. Getting Started

Insert Calendar Into The Page

PreviousUpdate The PluginNextSet up the timezome

Last updated 3 years ago

Was this helpful?

The BookIt Calendar can be displayed on the page in several ways.

Adding Shortcode

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.

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.

[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.

Click on the Publish button on the right top corner to display the calendar on the newly created page.

Outcome:

Adding Calendar with Elementor

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.

Outcome:

Adding Calendar with WPBakery

Now let's check with a WPBakery page builder. On this page builder, there is also a special element called BookIt Calendar.

Set up the filters and save changes.

Outcome: