Make sure you have installed and active Divi Theme or Divi Builder!

Download our plugin. Go to the WordPress Admin Control Panel and select
Plugins -> Add New. Upload our plugin: install and activate it.

After successful installation of DiviSwift Booking Pro, a new menu called “DiviSwift Booking” will appear in the WordPress administration panel.

Click the “DiviSwift Booking” menu, and “add new calendar” (make sure you are
in “Calendars” submenu (menu on the left) ).

This is where you specify the name of the calendar.
Ideally if the name should describe the name of the service, e.g. Men’s haircut.

Now enter a name for the calendar (or service name), assign it to the selected user and click “Save” button.

Let’s go back to “Calendars” menu.

Select your’s new calendar and click “Edit” button.

Now we need to set the working hours (e.g. 08:00 AM – 04:00 PM), the time of a single service and a break between services.
You can also specify the number of available places.

Let’s go to the section “Time Slots”.
Select a day of the week, e.g. Monday and click “Add timeslots” button.

Now you can choose to add a Single slot or a Bulk slots.

We prefer Bulk because it creates several slots at the same time. Check for yourself what will be more convenient for you.
In “Title (optional)” you can set service names like: “Quick men’s haircut”.

• “Start time” and “End time” define when you start and finish your work.
• “Time Between” is the length of the service break (eg, a 5-minute restroom break).
• “Appointment Length” specifies the duration of the service, e.g. 55 minutes.
• The last option “… space available” determines how many people can book this term, e.g. one person.

When you have filled all the fields, click “add timeslots“. Then do the same for the rest of the days you work.

Additionally, in the “Custom Fields” section you can add various options to your calendar: eg checkbox, text field and captcha. This is very useful when you need more information from the client.

Remember to click the “Save Custom Fields” button, otherwise the changes will not be saved.

Congratulations! Your first calendar has been created. Time to publish it.

We created our first calendar. It’s time to publish it on the website.

So let’s go to the page where we will place the calendar and click “Enable Visual Builder“.

Select “+” button (Insert Module). Select “DiviSwift Booking Calendar” from the list.
When you click it, a popup will open. Select your calendar from the “Select calendar” section.

• In “Content” tab – section Background you can set background color or Background Gradient. Next to “Content” tab you will see “Design” tab and four important sections: “Calendar”, “Form and Confirmation”, “Primary button” and “Secondary button”.
• “Calendar” section allows you to select fonts and colors for all your calendar.
• “Form and Confirmation” (to active this visible option you need to click on selected day with the possibility of booking) here you can set colors for mian font, appointment name (if you set it before) and chaos “Confirmation” icon.
• Next sections are “Primary” and “Secondary” button’s. Here you can customize “Book Appointment” and “Go back to calendar” buttons.

All customization options are as simple as with the standard Divi module.

You have prepared and published your first calendar. It’s time to explain how to manage appointments.

First let’s go back to the WordPress Admin Control Panel and select “DiviSwift Booking” -> “Settings” and select the “General” tab from the left menu.

At the moment, we are only interested in the first three options: “Booking type”, “Booking options” and “Guest Booking Options”. The other options are intended for advanced users and we recommend testing them only in a development environment…

Explanation:

• “Booking type” – allows you to choose whether each or only a registered user can book appointments.
• “Booking options” – allows you to specify whether the person booking the date should provide only the First name, or the First name and Last name. We recommend the First and Last names.
• “Guest Booking Options” – specify whether the user should provide an email address. Recommended for Guest Booking.

… set the above options to your liking, scroll to the bottom of the page and click “Save changes”.

—

When the customer makes a reservation, you will receive an appropriate email
(its content can be edited in the “Emails” tab) and in the WordPress administration panel will also display the relevant information “There is 1 pending appointment. View Pending Appointment”.

You can also make a reservation yourself on your website to see what the process looks like “from the inside”.

When you receive the information described above, go to the WordPress Admin Control panel and select: “DiviSwift Booking” – “Pending” tab to Accept or Decline the meeting with the client.

You can also create and manage appointments from the “Appointments” menu.