Appointment Booking Calendar - Calendars - Forms


Creating Forms

Back to User Guides

To enable site visitors to add their bookings to the Calendar without the site admin having to do it manually you must create Booking Forms. Each booking form is directly related to one Calendar.

To create a form navigate to Admin Dashboard → CM Appointments Booking Pro â†’ Forms.

Page for managing calendar forms - WordPress Calendar Booking Plugin
Page for managing calendar forms

Then select the calendar for which you want to build or edit the form for.

Choosing the calendar for editing its form - Booking Plugin WordPress
Choosing the calendar for editing its form

Click on the desired field on the left and a few moments later it will appear in the draft form on the right.

To rearrange form items they can be dragged and dropped into whichever order is needed.

Form builder - WordPress Plugin for Scheduling Consultations
Form builder

Each field can be marked as Required so that users cannot send the form without completing them. Fields can be given a placeholder Default Value. Files can also have short Description added to help customers progress through the form.

For some fields such as Email, phone number email etc it may be helpful to add validation to ensure that the required information has been added properly.

Settings of the text field - Best WordPress Scheduling Plugin
Settings of the text field

You can also use radio buttons, checkbox and select box as part of the form.

Settings of the radio box - WordPress Scheduling Plugin
Settings of the radio box

Once saved, the form will appear in the front-end view when the user tries to book an appointment.

Example

Example of the custom form for booking appointments - Appointment Scheduling Plugin WordPress
Example of the custom form for booking appointments

Form information is saved in the appointment post which is accessible from the booking dashboard. It is also represented in the placeholder {booking-form} which can be added to any email notification sent.

Notice: the name and the email fields in the form are mandatory and cannot be removed from the form

TIP: Obligatory Terms and Conditions Field

This is a good opportunity to add terms and conditions information to a required field.

Back-end and Front-end example

Adding 'Terms and Conditions' information - Event Booking Calendar WordPress Plugin
Adding 'Terms and Conditions' information

Result

Result on the front-end - WordPress Calendar Booking Plugin
Result on the front-end

Adding Images

Note: This feature was introduced in version 1.7.0 of Appointment Booking Calendar.

You can let the users to attach images in the booking form on the front-end. You can find the item Image and add it to your Form.

Option for attaching an image - Booking Plugin WordPress
Option for attaching an image

Important field for configuring this item is Accepted File Extensions. You need to decide what types of images will be allowed and write them in the field without periods and separate multiple extensions using the pipe character - "|", as shown on the screenshot below.

Specifying accepted file extensions - WordPress Plugin for Scheduling Consultations
Specifying accepted file extensions

The user will be able to see the list of allowed extensions on the front-end. There is a button Choose Files for adding the image. Note: The user is able to attach only one image.

Result on the front-end - Best WordPress Scheduling Plugin
Result on the front-end

When the booking is submitted, the image is attached to emails that are sent to the user and to the admin.

Example of the attached image in the email notification - WordPress Scheduling Plugin
Example of the attached image in the email notification

All attached images are stored in plugins folder by the following path: /wp-content/uploads/cm-event-booking-pro/

Stored images - Appointment Scheduling Plugin WordPress
Stored images

Note: to avoid possible problems with sending files with the same names, the plugin converts their names by adding a prefix with four random numbers.

The admin can also see the image attached to the booking while editing in the Form section by clicking the button Click to see booking attached image.

Viewing attached image on the back-end - Event Booking Calendar WordPress Plugin
Viewing attached image on the back-end

Calendar Form Options

Note: This feature was introduced in version 1.6.1.

One more useful feature is two additional fields for the form that you can add in bulk to all calendars. By default there are only two fields in the calendar form - Email and Notes. Two new fields - Visit type and Meeting link. To configure them navigate to Admin Dashboard â†’ CM Appointments Booking Pro â†’ Forms.

Managing forms - WordPress Calendar Booking Plugin
Managing forms

On the right part of the screen you can see a section Calendar form options with a few expandable options:

  • Phone (note: this option was introduced in version 2.3.6)
  • Visit type
  • Meeting link
Calendar form options - Booking Plugin WordPress
Calendar form options

Click the "+" icon to expand any of these options to configure them. Click the "-" icon to collapse them.

Phone

The option Phone can be useful, when you want to remind your customers about upcoming meeting with SMS messages. Learn more: Appointment Booking Calendar - SMS Notifications

You can configure the following options:

Phone option - WordPress Plugin for Scheduling Consultations
Phone option
  • Name - Name of the field.
  • Description - Description of the field.
  • Required - Define if this field should be required or not.

When you filled it all click the button Add - and this field will appear in all calendars. To delete these field from all calendars click the button Remove.

Visit type

The option Visit type is needed to lets the user choose the type of the visit.

You can configure the following options:

Visit type option - Best WordPress Scheduling Plugin
Visit type option
  • Name - Name of the field.
  • Description - Description of the field.
  • Required - Define if this field should be required or not.
  • Options - Here you need to write possible options that users can choose from. On the front-end it is displayed as a radio-button list. The options must be separated by comma.

When you filled it all click the button Add - and this field will appear in all calendars. To delete these field from all calendars click the button Remove.

Meeting link

You can add the option Meeting link when you have a type of meeting that is supposed to be online. So in this field the user can add the URL-link with invitation to Zoom or Google meeting for instance. This field has a URL-validation. 

You can configure the following options:

Meeting link option - Appointment Booking Calendar
Meeting link option
  • Name - Name of the field.
  • Description - Description of the field.
  • Required - Define if this field should be required or not.

When you filled it all click the button Add - and this field will appear in all calendars. To delete these field from all calendars click the button Remove.

Result

Three new fields will appear in all your calendars:

Added fields - WordPress Scheduling Plugin
Added fields

Front-end Example

Result on the front-end - Appointment Scheduling Plugin WordPress
Result on the front-end

Adding ReCaptcha

if you want to reduce potential automatic spam request you should add a reCaptcha keys in the plugin general setting. Once added, all forms for all calendars will have reCaptcha at the bottom of the form

reCaptcha settings - Event Booking Calendar WordPress Plugin
reCaptcha settings

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.