A Beginner's Guide to Installing and Using ​CROCOBLOCK-​​​​​JetAppointment, Plugin

Introduction to ​​JetAppointment Plugin

In the world of website design and management, there's nothing like a good plugin to extend the capabilities of your website. One of these powerful tools is JetAppointment, part of the Crocoblock suite for WordPress. This plugin simplifies the process of creating and managing appointments or bookings on your website, whether it's for services, consultations, meetings, or events.

Installation

Before we delve into the functionality of the JetAppointment plugin, let's first discuss how to install it:

Purchase and download the JetAppointment plugin: Visit the Crocoblock website, select JetAppointment, and complete the purchase process. Once purchased, download the plugin's ZIP file.

Log in to your WordPress site: Navigate to your WordPress admin panel by adding "/wp-admin" to your website URL. Use your credentials to log in.

Navigate to 'Plugins': From your WordPress dashboard, you'll find a sidebar with various options. Click on 'Plugins', then select 'Add New'.

Upload the plugin: At the top of the 'Add Plugins' page, click on 'Upload Plugin'. Click 'Choose File' and select the JetAppointment ZIP file you downloaded earlier. Click 'Install Now'.

Activate the plugin: WordPress will now upload and install the plugin. Once done, you'll see a success message with an option to activate the plugin. Click 'Activate Plugin'.

With these steps, you have successfully installed and activated the JetAppointment plugin on your WordPress site.

Features and Using

Creating a Service

The first step is to define the services for which users can book appointments.

Navigate to 'Services': From your WordPress dashboard, hover over 'JetAppointment', then select 'Services'.

Add a new service: Click on 'Add New' at the top of the page.

Enter service details: Fill out the form with information about the service. Include the service name, description, duration, and price.

Set availability: Determine the days and hours when this service is available. Click 'Publish' to save the service.

Creating a Provider

If your business has multiple providers for a service (like doctors in a hospital or instructors in a gym), you need to define them:

Navigate to 'Providers': From your dashboard, hover over 'JetAppointment', then select 'Providers'.

Add a new provider: Click on 'Add New' and fill out the form with the provider's details.

Assign services: Select the services that this provider offers. Click 'Publish' to save the provider.

Creating a Booking Form

Now, you need a way for users to make bookings. This is where the booking form comes in:

Edit your page: Navigate to 'Pages' from your dashboard, and select the page where you want to add the booking form.

Add the form widget: Open the page in the Elementor editor. In the Elementor panel, look for the 'Form' widget and drag it onto your page.

Customize the form: In the widget settings, select 'JetAppointment' as the form type. Choose which service(s) the form applies to and customize the form fields as needed.

Publish your changes: Click 'Update' to save your changes.

Once the booking form is in place, users can choose a service, select a provider, pick a time slot, and submit their booking request, all from your website.

Best Default Settings

For beginners, it's recommended to start with the default settings and then adjust as you gain more experience. Here are some settings you might want to consider:

Services: When setting up your services, start with a broad availability, and then narrow down the time slots as you get a sense of your customers' preferred appointment times. For example, you might initially set availability from 9 AM to 5 PM, then adjust it later based on actual bookings.

Providers: If your services have multiple providers, ensure you distribute the services evenly among them to avoid overloading any one provider.

Booking Form: Customize the booking form to gather only the essential information from your customers. A shorter form often leads to higher conversion rates. The default fields—name, email, service, provider, date, and time—are typically sufficient.

Notifications: JetAppointment offers automated email notifications for new bookings, cancellations, and reminders. It's a good idea to activate these notifications to keep both you and your customers updated.

Booking Buffer: This feature allows you to set a buffer time before and after appointments to prevent back-to-back bookings and give providers some breathing room. A buffer of 10-15 minutes is usually a good starting point.

Approval Process: JetAppointment lets you decide whether to auto-approve bookings or manually approve them. If you're just starting out, manual approval gives you more control. Once your system is running smoothly, you might switch to auto-approval to save time.

Remember, these are just suggestions. The best settings will depend on your specific business needs and workflow.

Multiple Bookings

This feature allows your clients to book more than one appointment at a time. It's particularly useful for businesses that offer multiple services that can be scheduled concurrently or in one visit.
Here's how you can activate and use this feature:

Navigate to Settings: From your WordPress dashboard, hover over 'JetAppointment' and click 'Settings'.

Enable Multiple Bookings: Under the 'General' tab, you'll find an option to 'Allow multiple bookings'. Check this box to activate the feature.

Update: Click 'Save Changes' at the bottom of the page.

Once this feature is enabled, users will have the ability to add multiple services to their appointment before submitting their booking.

Sync with Google Calendar

Syncing with Google Calendar allows you to manage your appointments directly from your Google Calendar. It also helps avoid double bookings by blocking out times that are busy on your Google Calendar.
Here's how you can activate this feature:

Navigate to Settings: From your WordPress dashboard, hover over 'JetAppointment' and click 'Settings'.

Navigate to Google Calendar API Settings: You'll find this under the 'Google Calendar' tab.

Follow the Steps to Set Up: You'll need to create a project on Google Cloud Platform, enable the Calendar API, and generate credentials. This might sound complicated, but don't worry—the JetAppointment settings page provides step-by-step instructions with screenshots.

Paste Your Credentials: Once you have your credentials from Google Cloud Platform, paste them into the respective fields in JetAppointment settings.

Connect Your Google Account: Click 'Connect with Google' and follow the prompts to allow JetAppointment to access your Google Calendar.

Update: Click 'Save Changes' at the bottom of the page.

Custom Fields

Custom Fields allows you to collect additional information from your customers when they're making a booking. This can be useful if you need specific details to provide the service, like the customer's size for a clothing alteration service, or the type of device for a tech support service.Here's how to add custom fields:

Edit your form: Navigate to your booking form in Elementor editor.

Add a new field: In the 'Form Fields' section, click 'Add Item' to add a new field.

Customize the field: Enter a label for the field, select a field type (like text, email, select, checkbox, etc.), and enter any other necessary details. If this information is mandatory, mark the field as 'Required'.

Update: Click 'Update' to save your changes.

Now, this field will appear on your booking form, and users will need to fill it out when making a booking.

WooCommerce Integration

JetAppointment is fully compatible with WooCommerce, allowing you to manage payments for your bookings directly through your website. Once integrated, bookings will be added to the WooCommerce cart, and users can pay using the payment methods available on your WooCommerce store.
Here's how to enable WooCommerce integration:

Ensure WooCommerce is installed and activated: If not, you can download it from the WordPress plugin directory and install it following the same process you used for JetAppointment.

Navigate to JetAppointment Settings: From your WordPress dashboard, hover over 'JetAppointment' and click 'Settings'.

Enable WooCommerce Integration: Under the 'Payments' tab, check the box to 'Enable WooCommerce Checkout'.

Update: Click 'Save Changes' at the bottom of the page.

Now, whenever a user makes a booking, they'll be redirected to the WooCommerce checkout page to complete their payment.

Break Days

The Break Days feature allows you to set specific days when services are not available, such as public holidays or planned closures. This ensures customers can't book appointments on these days.
Here's how to set up break days:

Navigate to Providers or Services: From your WordPress dashboard, go to 'JetAppointment' and select either 'Providers' or 'Services' depending on where you wish to add break days.

Select a Provider or a Service: Click on the title of the provider or service you want to manage.

Add Break Days: Scroll down to the 'Break Days' section. Here, you can select specific dates when the service or provider will be unavailable.

Update: Click 'Update' to save your changes.

Now, the selected days will be blocked out in the booking form, and users will not be able to book appointments on these days.

Time Slots Functionality

JetAppointment also allows you to create custom time slots for your appointments. This can be useful if your services are not provided at regular intervals or if certain time slots are not available.
Here's how to customize time slots:

Navigate to Services: From your WordPress dashboard, hover over 'JetAppointment' and click 'Services'.

Select a Service: Click on the title of the service you want to manage.

Add Time Slots: Scroll down to the 'Working Hours' section. Here, you can set the default working hours, but you can also add custom time slots. For each day, click 'Add Interval' to add a new time slot.

Update: Click 'Update' to save your changes.

Now, when users book this service, they will only be able to select from the time slots you've specified.

Conclusion

In conclusion, the JetAppointment plugin from Crocoblock proves to be a highly versatile, feature-rich tool for any WordPress site that requires an appointment booking system. Its capabilities extend far beyond basic booking, offering a range of advanced features, including break days, custom time slots, custom fields, WooCommerce integration, and more.

The plugin's easy-to-use interface makes it accessible to beginners, while its depth of functionality allows for customizations that can meet the needs of more complex operations. The seamless integration with other WordPress plugins and themes, and the compatibility with various payment gateways through WooCommerce, ensure JetAppointment can be easily adapted to your site's existing setup.

Moreover, the step-by-step guidance offered within the plugin for each of its features is a testament to the thoughtful design approach of the Crocoblock team. This, coupled with a robust support system, ensures users are well-equipped to make the most of the plugin.