Appointment Booking Calendar - Setup Step 2 - Add Calendar to Website


Setup Step 2 - Add Calendar to Website

Back to User Guides

Appointment Booking Calendar Initial Steps

Step 1- Create a Calendar | Step 2 - Add Calendar to Website | Step 3 - Modify the Form

To allow Site visitors to begin using the Appointment Booking Calendar it must be added to the Front-end of the site via shortcode.

Navigate to CM Appointments Booking Pro → Shortcodes.

Shortcodes page - WordPress Scheduling Plugin
Shortcodes page

There are two available shortcodes for this Plugin, the first code is the one we're interested in right now. For convenience here it is:

[cm_event_booking_calendar calendar="your_calendar_slug"]

Basic calendar shortcode parameters

There are many parameters for the Calendar shortcode. The most important are:

  • calendar (mandatory) - the slug of the calendar that you gave it when you created it. If you have forgotten the slug go to CM Appointments Booking Pro → Calendars. On the right hand side the existing calendars are displayed. The third column of the table displays the slug for each calendar.
Calendars slugs - Appointment Scheduling Plugin WordPress
Calendars slugs
  • min_date (optional) - the earliest date that can be used for making bookings
  • max_date (optional) - the latest date that can be chosen for making bookings

Copy the slug of the calendar that you would like to display and enter it into the shortcode. In our example we're going to use the Holiday Bookings calendar's slug:

[cm_event_booking_calendar calendar="holidays"]

Learn how to further customize the calendar shortcode: Appointment Booking Calendar - Shortcodes.

Adding the Calendar to a page

Navigate to a previously or newly created page or post where the calendar is to be shown to site viewers. Then Paste the shortcode into the Page or Post content.

Placing the calendar on the page - Event Booking Calendar WordPress Plugin
Placing the calendar on the page

It is advisable to switch to the plain text editor rather than using the visual editor before entering the shortcode. Posting it into the visual editor USUALLY works just fine but there have been cases of it resulting in Display issues.

Using text editor - WordPress Calendar Booking Plugin
Using text editor

More information about the Appointment Booking Calendar plugin for WordPress

Other WordPress products can be found at CreativeMinds WordPress Store

Let us know how we can Improve this Product Documentation Page

To open a Support Ticket visit our support center
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.