Online appointment booking

Modified on Mon, 9 Nov at 7:26 AM

TABLE OF CONTENTS




Step 1: Customizing the Booking Page



To make changes to your booking page, first open the Settings section in the dashboard. You will automatically be redirected to the general settings, where you can select Appointment Booking.

  1. Enable the booking page link by activating the toggle.
  2. Add your company logo by dragging and dropping an image or uploading it from your computer.
  3. Choose a color scheme for your reservation page.
  4. Define the booking frequency to determine the time intervals in which customers can book appointments.
  5. Select the minimum and maximum advance notice within which appointments can be booked.
  6. Set a time limit for cancellations.
  7. Decide how many services can be selected per appointment.
  8. Enable employee selection if you want customers to choose a specific staff member to perform the service. 


Step 2: Setting Opening Hours & Days Off



Navigate to the Opening Hours settings block at the bottom of the appointment booking settings.

 Enter the relevant opening and break times for each weekday. If needed, you can create multiple time blocks per day by selecting times via the respective dropdown menus. If your business is closed on certain days, simply activate the corresponding checkbox.

 You can also define individual days off. To do so, click on the date field, select the desired start and end dates, and confirm your entry by clicking “Add.” This allows you to set up any number of days off.

 Your opening hours and days off are now fully configured. 

 




Step 3: Appointment Reminders



In the next step, you can define how your customers will be reminded of upcoming appointments. Open the Appointment Reminders section. There you can activate the reminder function and then choose how notifications should be sent—via email or SMS.

Once you have selected the reminder method, define the timing of the notification. You can choose whether the reminder is sent one hour before the appointment, one day in advance, or up to a week beforehand. After adjusting the settings, simply save them—your appointment reminders are now successfully set up.



Step 4: Entering Services and Service Categories



 
Service Categories



Start by creating a service category to which you can then assign specific services.


  1. In the dashboard, navigate to Appointment Booking.
  2. You will automatically be taken to Service Categories.
  3. Click the “+ New” button in the top-right corner.
  4. Enter the name of the service category. This name will be displayed to customers and staff for selection in the appointment calendar.
  5. Optionally, add a description for the service category.
  6. Finally, click “Create” in the bottom-right corner. 

 Tip: Base service category names on your product groups. Example: Women’s haircut, etc.



Services



1. Within Appointment Booking, navigate to the Services section.
 2. Click the “+ New” button in the top-right corner.
 3. Enter a name for the service. This will be displayed to both customers and staff when selecting in the appointment calendar.
 4. Assign the service to a service category.
 5. Define the duration of the service in minutes.
 6. Write a short description of the service.
 7. Link the service to a product or service.
8. Click “Create” in the bottom-right corner.



Tip: Base service names on your product and service names.
Example: Wash–Cut–Blow-dry.


 


‼️NEW‼️ Step 5: Creating Service Steps



What are service steps?

Service steps let you break a service down into individual work steps so that it is mapped accurately when appointments are booked.


1. Prerequisite: Check whether the feature is enabled

Before you can use service steps, please check the following:

  1. Log in to the dashboard.
  2. Open the menu item Appointment Booking.
  3. Check whether the sub-item Service Steps is displayed.

If you don’t see Service Steps, the feature has not yet been enabled for your account. In that case, please contact our support team. We will be happy to enable it for you.




2. Creating service steps

In the dashboard, open the menu item “Service Steps” and click “+ New” to create a new service step.

Define the steps your services consist of one after another, for example washing, coloring, processing time, rinsing, and blow-drying.



Then assign a duration to each of these steps. For example, you can set 40 minutes for the coloring step. You can create several service steps in advance and reuse them later for different services. A step like “Washing” therefore doesn’t have to be created from scratch every time.



Important: The system does not assume any times automatically. This applies especially to waiting and processing times. You must create these as a separate service step with their own duration so that the time is correctly taken into account when booking appointments.



3. Creating a service with service steps

In the dashboard, switch to the “Services” tab. There you can either create a new service or edit an existing one.

Then add the service steps you created earlier to the service in the correct order. This order represents the sequence of the treatment.



Example: Hair coloring service (total duration 140 minutes)





A hair coloring could consist of five service steps. In the first step, washing, the preparatory hair wash takes place before the treatment. In the second step, the color is applied, i.e. the actual coloring is carried out.



The third step is the processing time, and it deserves special attention. This is the waiting time during which the color takes effect. It is not taken into account automatically and must therefore be explicitly created as a separate service step, for example with 40 minutes.


For the processing time, you can also set that you are available for bookings during this period. In that case, another appointment can be booked online during the processing time, and you can work on a different service in the meantime instead of waiting.



In the fourth step, the color is rinsed out. The fifth step concludes with a finish, for example blow-drying or styling.

The duration of all service steps together gives the total duration of the service, in this example 140 minutes.




4. How the duration is calculated

The system automatically adds up the duration of all service steps and uses this to calculate the total duration of the service. You therefore don’t have to calculate or enter the total duration yourself.

Using the hair coloring example, it looks like this:


Service stepDuration
Washing15 min
Applying color40 min
Processing time40 min
Rinsing15 min
Blow-drying/finish30 min
Total140 min (2 hrs 20 min)


The calculated total duration is displayed automatically after the service is saved. It results solely from the sum of all stored service steps.


Important notes on the duration calculation

The total duration is calculated entirely by the system. For this reason, you cannot edit it directly. If you want to change the total duration, adjust the duration of the individual service steps, or add or remove steps.

Please also note that processing or waiting times are only taken into account if they were created as a separate service step. If this step is missing, the time is missing from the total duration, and appointments will be scheduled too short.


5. Saving and checking the service

Once you have added all service steps, save the service. Afterwards, check whether the total duration is calculated and displayed correctly. Also check whether all necessary steps are really included. Pay particular attention to waiting and processing times, as they are easy to forget.


6. Booking process (customer’s view)

This is how booking works for your customers: They open the online appointment booking and select the service you created. The automatically calculated total duration is displayed right away. They then choose the date and time for the appointment and enter the required customer details. Finally, they confirm the reservation. With the confirmation, the booking is created and becomes binding.



7. Checking the calendar

Open the reservation calendar and refresh it. The booked appointment appears there in the calendar. Within the appointment, the system also shows the breakdown of the individual service steps, so you can see which steps the booked service consists of. This allows your staff to do other work during the processing time and, for example, cut another customer’s hair.



8. Important limitations

The duration of a service cannot be edited manually. If you want to change the total duration, adjust the stored service steps or their duration. This applies in both directions, whether a service should become longer or shorter. The displayed total duration is then recalculated automatically.



Step 6: Staff Settings (Optional)



You can optionally assign specific services and individual booking times to certain staff members. To do this, navigate to Staff in the dashboard. You will automatically see the list of employees under All. Select a person and scroll down in their profile.
1. Add a service to the staff member by clicking “+ Add” in the top-right corner.
2. A list opens where you can select services by checking the boxes.
3. Confirm your selection to complete the setup.
4. If no further settings are required, click “Save” in the bottom-right corner of the staff profile card.



Alternatively, you can select all services by clicking “Perform all services” at the bottom-right of the list.





Setting Availability

  1. Activate the “Individual booking times” toggle.
  2. Select a weekday from the list and click “+”.
  3. Define the staff member’s availability. You can set or delete multiple time slots.
  4. If no additional settings are needed, click the disk icon on the right side of the booking times.
  5. Click “Save.”

 


Setting the Color Scheme

  1. Click on the color block below the availability settings.
  2. Choose a preset or custom color for the staff member.
  3. Confirm your selection with “OK."
  4. Click “Save” in the bottom-right corner of the staff profile card. 




Step 7: Creating a Shift Plan (Optional)



Create a shift plan for your staff for one week or longer. The booking page will automatically display staff availability based on this plan. Shift plan settings take priority over staff and basic settings.
1. In the dashboard, go to Staff and switch to Shift Plan.
2. Activate the Shift Plan toggle.
3. The view refers to the selected week, which you can define using the date selector.
4. Set the availability for each staff member.
5. Confirm the settings by clicking “Save” in the bottom-right corner.




 Note: To use the shift plan, it must first be activated in Resources. 


Step 8: Additional Settings


Next, switch to the additional settings in Resources. Open the relevant branch and scroll down to Opening Hours. There you can define individual opening hours and closing days. Make sure appointment booking is activated. Then activate the Shift Plan and save the settings.
 




Step 9: Appointment Calendar for Your Business



Using the appointment calendar, you can manage customer appointments and individual staff availability.

 Access the appointment calendar via the following link:
https://appointment-calendar.tillhub.com/auth/login 
 Log in using your dashboard credentials. 



Managing Customer Appointments



Here’s how to use your appointment calendar effectively. With this tool, you can create new customer appointments, manage existing ones, and even add new customers to your database.

 

Creating a New Customer Appointment

  1. Click the blue “+” icon in the top-right corner.

  2. Select “Create appointment.”
  3. Link the appointment to an existing customer or create a new customer. The “Walk-in customer” option is optional.
  4. Select the service for the appointment. If the planned duration differs from the preset time, you can adjust it.
  5. Choose the staff member who will handle the appointment.
  6. Edit the date as needed and optionally add a note.
  7. Click “Create.” 




Editing a Customer Appointment

  1. Click on the desired appointment in the calendar.

  2. You can either delete it using the red trash icon or edit it using the blue pencil icon.
  3. Change the service by clicking on it and selecting another service from the list. You can also enter a new service duration.
  4. Select a different staff member by clicking on the name.
  5. Adjust the date by clicking on it and selecting a new date and time via the pop-up calendar.
  6. Click “Save.” 


Creating Customers


1. Click the blue “+” icon in the top-right corner.
 2. Select “Create customer.”
 3. Enter the required information, including first name, last name, and a unique customer number.
 4. Add additional details such as contact information, gender, birthday, and optional comments.
     5.    Click “Create.” 


Setting Staff Availability (Absences)


 1. Click the blue “+” icon in the top-right corner.
 2. Select “Plan absence.”
 3. Switch to “Create absence” mode.
 4. Select a staff member.
 5. Enter the reason for the absence.
 6. Define the start and end dates of the absence.
 7. Optionally add a note.
     8.    Complete the process by clicking “Create.” 


Additional Calendar Navigation


1. To return to the current day, click “Today.” To switch to a specific week, use the week selector and choose a date from the pop-up calendar.
 2. Switch between weekly and daily views by selecting the corresponding tab.
 3. To search upcoming or past appointments, click the magnifying glass icon in the top-right corner. Switch to “Customers” if you want to search specifically for their appointments.
     4.    For an overview by staff members, filter the calendar accordingly. Use the checkboxes to customize the display. 




Step 10: Booking Page for Your Customers



Your customers can use the booking page to reserve appointments. Simply activate it in the settings and share the generated link with your customers.

 How customers can book an appointment:
 1. Select a service within the service categories by clicking “Book.”
 2. Confirm your selection with “Next.”
 3. Choose a staff member for the selected service.
 4. Select a day and time.
 5. Confirm your selection with “Next.”
 6. Enter contact details and optionally add a note.
 7. Confirm the entries and continue by clicking “Next.”
     8.    The booking is binding. Customers will receive a confirmation email containing a link to cancel the appointment. 








Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article

UnzerAI Assistant
AI responses may contain errors. Please verify important information.

UnzerAI

I'm here to help you with questions about Unzer payments and integration.