WordPress Member Directory Plugin (CMED) + Appointment Booking Calendar - Use Case - How To Integrate a Calendar Booking System to Expert Pages
Use Case - How To Integrate a Calendar Booking System to Expert Pages
This guide requires:
- WordPress Member Directory plugin - version 1.9.8
- Member Directory Community Add-On - version 1.9.9
- Appointment Booking Calendar - version 2.3.0
- Booking User Calendar Add-On - version 1.1.1
Video Use-Case
Introduction
It is possible to integrate Appointment Booking Calendar to expert pages. It means that every expert page can have its own calendar for accepting bookings from their clients. Expert page owner can edit the schedule of his calendar and manage the bookings without accessing the back-end. It's also possible to define which user roles are allowed to make bookings.
Use Case Front-End
Calendar integrated to the expert page:
Editing calendar settings:
Editing calendar schedule:
Managing current bookings:
Use Case Assumptions
In this example use case guide, we'll cover how to integrate a booking calendar to expert pages to let the clients book appointments and let your users manage their calendars and bookings.
We consider that you have already bought all of the listed plugins and add-ons, but not installed them yet.
It follows:
- Installing the plugin
- Quick recap
- Assigning calendars to users
- Assigning users and calendars to experts
- Editing calendar on the front-end
- Who is allowed to book
- Forms
- End Result
Installing the Plugin
The process is the same for all CM plugins and add-ons.
- Download the plugin from your customer dashboard.
- Log in to WordPress and navigate to the WordPress Admin → Plugins settings.
- Click on Add New.
- Activate it and add the license.
Learn more: Getting Started - Plugin Overview
Quick Recap
If you still have questions about creating expert directory and calendar booking system on your site, please, head back to these use cases:
- WordPress Member Directory Plugin (CMED) - Use Case - Creating an Expert Directory From Scratch
- WordPress Member Directory Plugin + Community (CMEDC) - Use Case - Creating Directory Where Users Suggest Experts
- Appointment Booking Calendar - Use Case - How to Create a Calendar Booking System in WordPress
- Appointment Booking Calendar + User Calendar - Use Case - How to Let Users Manage Booking Calendars
In this use case guide we will focus on the integration of these systems between each other.
Assigning Calendars to Users
Note
To let the user edit and manage the calendar for his expert page, he must be registered on your site.
To assign a calendar to the user, navigate to Admin Dashboard → CM Appointments Booking Pro → Calendars.
Hover on the calendar that you want to assign and click Edit.
On the calendar editing page, scroll down to the option Calendar Owner and choose the user that you want to assign the calendar to. Then click Update.
TIP
Learn more ways how you can create and assign calendars to users in these guides:
Assigning Users and Calendars to Experts
1) Navigate to Admin Dashboard → CM Expert Directory Pro → Add Expert to add new expert, or navigate to Admin Dashboard → CM Expert Directory Pro → Expert to choose and edit the already existing expert.
2) Find the box CM Expert Directory Community - Owner Information. Here you need to write an email of the expert page owner in the field Owner Email.
3) Find the box CM Expert Directory Calendar Add-on.
There you can see two fields:
- Select the calendar - Select the calendar that you want to assign to the expert.
- Email for calendar's notification - Enter the email for calendar's notifications. This field has the default value that is set in the plugin settings. When you set here an email, it replaces the email for notifications in the assigned calendar.
Default Email for Calendar's Notifications
You can set the default email in the option Default email for calendar by navigating to Admin Dashboard → CM Expert Directory Pro → Settings → Calendar Experts.
Now click the Update button to save the changes.
TIP
Learn more about how to create and edit experts in this guide: WordPress Member Directory Plugin (CMED) - Getting Started - Add Expert
Result on the Front-end
Now when calendar is created, the clients can book the dates on the expert page. The calendar is located right under the main information on the expert page.
Editing Calendar on the Front-end
Expert page owner can configure the schedule of his calendar and manage the booked dates without accessing the back-end.
The admin should prepare a few pages for this using shortcodes.
Edit Calendar Settings
The calendar owner can edit calendar settings on the page that contains this shortcode: [cm_event_booking_calendar_user_calendar_settings]
Edit Calendar Schedule
The calendar owner can edit calendar schedule on the page that contains this shortcode: [cm_event_booking_calendar_user_calendar_schedule]
View and Manage Current Bookings
The calendar owner can view and manage bookings of his calendar on the page that contains this shortcode: [cm_event_booking_calendar_user_calendar_bookings]
Who Is Allowed to Book
You can configure who is allowed to make bookings. The users that are not allowed to make bookings will not be able to see the calendar. To do this, navigate to Admin Dashboard → CM Appointments Booking Pro → Options → User calendar tab.
There is an option Who is allowed to see calendars. You can choose who is allowed to make bookings between:
- All
- Logged-in users
- Only selected roles
When you choose Only selected roles, you can select needed roles in the appearing dropdown Allow access to chosen users roles.
Note: when the Booking User Calendar Add-on is installed, a new user role is created - Do Booking. This user role is done specially for users who will be allowed to make bookings.
After configuring this option don't forget to click the button Save Changes.
These settings are the default for all calendars. You can also define separately for each calendar who is allowed to make bookings and override default settings. Navigate to Admin Dashboard → CM Appointments Booking Pro → Calendars and click on the needed calendar to edit it.
While editing the calendar, scroll down to the end of the page and find the option Who is allowed to see calendar. It works the same as in plugin options, but here you can choose one more option - Default (as set in Options).
Choose needed user roles and click the Update button.
Forms
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 are Visit type and Meeting link. To configure them, navigate to Admin Dashboard → CM Appointments Booking Pro → Forms.
On the right part of the screen you can see a section Calendar form options with two expandable options.
Click the "+" icon to expand any of these options to configure them or the "-" icon to collapse them.
Visit type
The option Visit type is needed to let the user choose the type of the visit.
You can configure the following options:
- 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 this 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 the invitation to Zoom or Google meeting for instance. This field has a URL validation.
You can configure the following options:
- 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 this field from all calendars, click the button Remove.
Now you can check any of your calendars and see added fields:
Result on the Front-end:
End Result
Following instructions found in the plugin and guides, you should be able to integrate a booking calendar to expert pages to let the clients book appointments and let your users manage their calendars and bookings.
Use Case Front-End
Calendar integrated to the expert page:
Editing calendar settings:
Editing calendar schedule:
Managing current bookings:
More information about the WordPress Member Directory Plugin 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 |