How to Add an Appointment Booking Calendar With a WordPress Plugin
The internet has revolutionized many services that before were tedious or time-consuming. Booking an appointment is a great example. Booking online not only saves time for the user but also the service provider.
An appointment booking plugin makes it easy to manage their visitors, appointments and schedules in a well-organized manner. Business such as salons, spas, law offices, hospitals, and clinics can benefit from such a system. I’ll show you an easy way to add one in this tutorial.
If your business requires people to book appointments or reservations, a booking plugin can be a huge help. In this tutorial, I’ll outline the steps you need to get a booking calendar plugin up and running on your site. We will use the Booked plugin to create an appointment booking calendar.
Features of Booked
Syncing
The Booked plugin can sync with calendars such as Google, Outlook, and iCal, thus making it easy to add reminders on devices. This feature allows visitors to insert appointments with their preferred calendar.
Add-Ons and Integrations
Booked accepts WooCommerce payments which allow your visitors to purchase appointments. It also includes other add-ons such as a calendar feed that allows you to display your appointments with apps like Apple Calendar or Outlook.
Guest Booking
Booked allows new users to book appointments simply by providing a name and email address.
Powerful Back-End
Booked features a powerful admin back-end which allows the admin to manage all appointments.
Fully Responsive
Booked is fully responsive both for the end-user and admin. It can, therefore, be accessed via a mobile device without any difficulties. Business owners can also view and manage appointments on the go.
Post as Widget or Shortcode
The process of adding a new calendar involves placing a shortcode on the page where you wish to display the calendar. Or, you can add the calendar to your layout with a widget.
Booking List View
Booked also allows you to display available appointments as a list hence providing an overview of available time slots.
Custom Forms
Booked allows you to customize the login and registration form, and embed it anywhere using a shortcode. You can also create custom forms and mark them as required.
Color Picker
Booked also comes with a built-in color picker that allows you to create a calendar that matches the theme of your site
Multiple Calendars
Booked allows you to add multiple calendars, each with their own custom fields and time slots. These calendars are in turn assigned a booking agent to manage them
Getting Started
Start by downloading the Booked appointment plugin from CodeCanyon. Once you purchase the plugin, you will get a link to the downloadable files. Alternatively, you can find them in the download section of your account with your other purchased items.
Once you download the WordPress files, log in to your WordPress site, go to Plugins > Add New, and upload the zip file. After uploading, click Install Now, wait a few seconds, and then click Activate. You can now start using the plugin.
Configuration
Once installed, you’ll need to configure the time and date settings from within WordPress.Go toGeneral > Settings and set your preferred settings for:
timezone
date format
time format
the day the week starts on (Sunday or Monday)
Next, you need to provide a way for users to book appointments. Booked provides both guest and registered user booking options. Guest registration ensures that your visitors don’t have to remember login credentials.
Next, set the appointment redirect after successful appointment booking. There are two options available: no redirect and redirect to a particular page. Other important settings in this section include:
appointment time slots
appointment buffer
cancellation buffer
appointment limit
display options
color settings
Calendars
Booked allows you to create and display multiple calendars for each of the services you offer on your site. Each calendar will have default timeslots, custom fields, and slots.
To create a new calendar, go to Appointments > Calendars, assign a unique name, an optional slug URL, a description, and an administrator.
Booked assigns each calendar a unique id. Once you have this id, you can display the booking calendar with the use of a shortcode .
Time Slots
A time slot is the length of time allocated to an appointment. Booked provides the ability to assign multiple timeslots to calendars. When a client clicks on a calendar, they will see the available timeslots and then choose to book one that is convenient for them.
To add custom timeslots go to Settings > Custom Time Slots and click on Add Dates. Choose the calendar you want to assign the time slots, the start, and end dates and finally add your preferred time slots. If you don’t have any custom calendars, the slots will be assigned to the default calendar.
You can add single or bulk time slots depending on the number of staff available
Displaying Calendars
Now that we are done with all the required settings, you can display any calendar on any page via the use of a shortcode. Booked provides unique shortcodes for each calendar. To get the shortcode for a calendar, go to Settings > Shortcodes and copy and paste the shortcode into the page where you wish to display the calendar.
Booked also provides the following additional shortcodes:
user profile shortcode: this will display a user profile
user’s appointments shortcode: this will display all of a user’s appointments
style shortcode: this allows you to choose between a list view or the default calendar
switcher shortcode: this allows you to display the switcher
year and month shortcode: this lets you display a specific year or month
A typical calendar will look something like this:
Conclusion
Booked is the perfect solution if you are looking for a simple and easy-to-use booking solution for your business. This plugin also allows clients to view and manage their appointments via their client section. CodecCanyon also offers many other booking calendars with out of the box solutions if you wish to explore more options.
