WordPress Booking Plugin for Appointment – BookingPress

Documentation

Customize Frontend Shortcode Output with BookingPress

BookingPress provides a fully customizable front-end design so you can create an Appointment Booking form that suits your brand and WordPress theme.

It’s very easy to customize the look and feel by adjusting colors and fonts etc.

When you go to the BookingPress -> Customize section , you will get mainly 3 tabs.

  1. Booking form – This section is used to customize the front-end step-by-step Booking Wizard.
  2. Field Settings – This section is used to customize the form which is used for customer details in the booking form.
  3. My Bookings – This is the front-end customer panel customization where customers can view their booked appointments.

Booking Form Customization

Here you will be able to see the options panel and the preview of the booking form.

From the left panel, you can choose the Background color of the wizard, footer background, primary color ( which will be used everywhere as the main color of the booking form), title and content colors and fonts as well.

You can change the labels of the booking steps by clicking on the “Pen” icon near the label of the step.

You can navigate through the booking steps by clicking on steps number: 1, 2, 3 and 4

From the right panel, you can change different options :

  1. Hide Category & Service selection step: If you have just one category and one service and if you don’t want customers to show that selection step then enable this switch. In the front-end, the booking form will display the first step and Date and time selection.
  2. Hide next – previous buttons: If you don’t want to show Next and Previous buttons and want your customers to navigate through Booking Steps labels, just enable this option.
  3. Hide already booked slots – Use this option if you don’t want to display already booked slots in the list at the front-end.

Once you are done with all the changes, just click on the ‘Save Changes’ button from the top right corner and it will save all the changes.

Please take note that once you save the changes, it is highly recommended that you delete the website cache/browser cache on your page where you have placed the booking form shortcode to avoid any caching issues.

Apart from changing field settings, you can rearrange them by clicking on the “three dots” icon from the top left corner of each field.booking plugin frontend customization

Field Settings

From this section, you can manage the form fields. You can make them required/optional or change settings. You can change the labels and error messages etc from the field setting. Click on the “settings” icon from the right side of the field and it will open a popover with all options for that field.

Apart from changing field settings, you can rearrange them by clicking on the “three dots” icon from the top left corner of each field. bookingpress field settings

My Bookings

Unlike the booking form customization, you can customize the ‘my bookings’ design.

From the left panel, you can choose the background color, title color, content color and fonts etc. customize bookings page design

From the Right panel, you can change different settings like:

  1. Hide customer details: If you don’t want to display customer’s details on the bookings listing page, you can hide it from here.
  2. Hide search bar: If you do not want to allow your customers to search for the appointments they have booked, you can hide it from here.
  3. Allow users to cancel their appointment: If you want to allow your customers to cancel their booked appointments, you can allow it from here.
BookingPress Premium Give Away

BookingPress Premium Give Away!

Register today & get a chance to win BookingPress Premium which will be launched soon.