Service Package Addon Setup and configuration

Activate Service Package Addon

First, activate the addon following below mentioned steps:

Navigate to WordPress Dashboard > BookingPress > Add-ons > Service Package Addon > Click on the “Activate” Button.

Creating your first package

Once you activate this addon, you can create packages using the package menu.

WordPress Dashboard > BookingPress > Package > Click on the “Add New” Button.

Make sure you have created at least one service before you can create a package – packages are created from existing services.

Add/Edit Package:

To create a new package from the backend, click on the “Add New” button from the top right corner of the page, or if there is any existing package, click on the edit button, which will open a modal with all the necessary details.

1. Images: You can upload a picture that will be shown for your package on the front-end booking forms.
2. Name: This is the mandatory field on this tab because a package cannot exist without a name.
3. Duration: Here, you can choose whether your package will expire.
4. Price: Here, you can set the package price.
5. Description: Here, you can set a package description.
6. Per-Customer Limit: You can set a limit on how many times customers can book a package.
7. Services: Here, you can add package services. In the drop-down, select the service that you want to add to the package. Service “Number of appointments” is the option that you can use to set the number of appointments that will be included in this package for the chosen service.

Along with that, you can also manage the list of packages on this page. You will get the following options when you hover over a particular service from the list:

• Enable or disable the package
• Edit Package
• Duplicate Package
• Delete Package

Enable / Disable the package:

With this option, you can enable/disable any of the packages from the list according to your requirements. Please note that if you have disabled any particular package, then that package will not be visible at the front end unless the package is enabled.

Edit Package:

This option will redirect you to the edit page of the package to edit the package.

Duplicate Package:

When you click on this option by hovering on any of the packages, you will get an option to add a duplicate package of the existing package.

Delete Package:

This option will delete the package from the list.

The retail price in the package list

If you choose this option this will mean the price of the package will be calculated as the total price of all appointments and services added to the package.

Manage Package Order

On this page, you will be able to see all the purchase packages listed.

You can also filter package orders by setting the date range you require and selecting the customer name and package name from the drop-down menu at the top of the page.

You can change the individual package order status by selecting the appropriate status from the drop-down displayed for each package order.

You can also view the details of the package order by just clicking on the specific package order.

Add Package Order:

To assign a new package to a customer, click the “Add New” button in the top right corner of the page, which will open a modal with all the necessary details. Select “customer” from the dropdown, and then “package.” If you would like to add any notes, please do so.

Colors & Labels Customization

Now navigate to WordPress Dashboard > BookingPress > Customize and select “Package Booking”. 

BookingPress provides a facility to customize the package booking forms.

You can customize your form style with the following options:

1. Fonts
2. Main Color
3. Form Colors
4. Price and Button Text
5. Action

1. Fonts: From this option, you can style your forms by selecting the most suitable fonts from the list of numbers of fonts.

2. Main Colors: With this option, you can select the background colors of the booking form

3. Form Colors: With this option, you can change the font colors of the booking form in various ways like color before selecting an option, after selecting an option, and the fonts of the provided options.

4. Price & Button Text: This option will help you select the font color for the price and the submit button.

5. Action: With this option, you can add Custom CSS and you can reset the form settings back to the default style of the form.

You will find a list to customize various form options from BookingPress -> Customize -> Form at the left side panel of the page.

Package Custom Fields

To remove package custom fields, go to BookingPress > Customize> Custom Fields. Add click-on fields and setting icons. You can see the Package Form Visibility option to manage package custom fields.

Package Order Notification

To manage package order notifications, go to BookingPress > Notification > Package Order.

Package Order 

This email notification will be sent immediately after a package is booked from the front-end or back-end.

Package Appointment Add-In Backend

To add new appointments or manage the existing ones, navigate to WordPress Dashboard > Appointments. After selecting service and customer, you will see a customer purchase package list in the Dropdown, and you can select and apply a package for an appointment.

Adding the Package Booking Form to Your WordPress Site’s Front-end

After the service package addon is active by default, our packages page is automatically created on this page, with a package booking shortcode added. So you can add this page to the WordPress menu to start booking packages. If this page has not been created, then you need to add the package booking shortcode manually using the following steps.

you need to add a package booking form to the site’s front end. For that, you must first create a WordPress post or page. To create a page, go to Pages > Add New, and give a name to the page:

Then you’ll need to add the step-by-step booking form to the page. To add it, click the BookingPress button in the editor.

Choose “BookingPress Package Booking” in the dropdown and click “OK.” The shortcode will appear in the text:

Alternatively, you can manually type in the shortcode [bookingpress_package_form]. And that’s it!

Additionally, to showcase a particular service package on the front-end, utilize the shortcode: [bookingpress_package_form package=your_package_id]. Simply replace “your_package_id” with the actual ID of the package you intend to display.

Client Experience

Front Package Booking

The user can purchase packages after logging in. If the user doesn’t have an account, then the package booking form provides the functionality to register the user.

The user can purchase a package using the package booking form shortcode on our package page and book their appointment using the BookingPress appointment booking page.

Front Package Appointment Booking

When the user selects the service for which he has purchased the package, he can see the summary tab of his purchase package list, and he can redeem the package for a book package appointment.

You can see your purchased package list in my booking.