
How to Add Appointment Booking to Your Beaver Builder Site
Wondering how to add appointment booking to your Beaver Builder site? For any business that relies on appointments, such as salons, spas, and personal trainers, itâs vital to provide customers with an easy way to book those appointments. The more difficult that process is, the less likely visitors are to convert.
If youâre creating a website for this type of business, you need a robust built-in booking system. Fortunately, this is simple to do if youâre using the right tools. In just a few minutes, you can set up a form that enables current and potential customers to reserve the times they want.
In this post, weâll discuss the advantages of a built-in booking system. Then weâll show you how to build a website that offers this feature, using Beaver Builder and the BookingPress plugin. Letâs get started!
The Advantages of a Built-in Booking System
Service-based businesses both large and small deal with appointment booking on a daily basis. As your client base grows, this daily task can become unmanageable. The problem is compounded if multiple employees or team members need to book clients at different times.
Too much disorganization can result in miscommunication and missed appointments. Alternately, the booking process might be too complex, scaring potential clients away and impacting the bottom line.
Whether you have an appointment-based business, or youâre building a website for a client that does, a built-in booking system can help eliminate these problems:

With this user-friendly feature, the business can book more appointments and increase profits. Plus, this is an excellent way to boost customer loyalty, especially if you make it easy to purchase and reserve multiple sessions at a time.
As a designer, developer, or agency building this type of site, youâll be setting your client up for success. Meeting their unique needs is the perfect way to go above and beyond.
Sites That Can Benefit From Built-in Booking Systems
Still not sure if the site youâre building would benefit from a built-in booking system? Here are some types of businesses that might need one:
- Beauty, hair, and nail salons
- Wellness spas
- Private fitness centers, personal trainers
- Yoga studios
- Private clinics (dental, veterinary, etc.)
Of course, these are just a few examples. Just about any business that provides a session-based service can benefit from an online booking system.
How to Build a Beaver Builder Website with a Built-in Booking System (In 3 Steps)
For this tutorial, weâll be using WordPress, Beaver Builder, and the BookingPress plugin. If you already have your Beaver Builder website up and running, you can skip ahead to Step 2. Otherwise, letâs get your site set up first.
1. Set Up Your Beaver Builder Website
WordPress is a powerful yet easy-to-use Content Management System (CMS), which makes it ideal for both beginners and developers. Plus, itâs free! However, youâll still need a web host to provide you with the necessary server resources.
That means choosing a hosting provider should be your first order of business. If youâre not sure how to select the right one, you may want to check our recommended resources.
After that, youâll need to install WordPress on your site. Most web hosts provide you with an easy way to do this. Then youâll require a theme to determine the look and layout of your site. There are plenty of excellent free options in the WordPress Theme Directory.
If youâre interested in a premium theme with advanced functionality and customization options, you might want to check out our Beaver Builder Theme which is included in our Pro, Agency and Ultimate plans:

Our theme is built to run alongside the Beaver Builder plugin, and provides a minimalist base for just about any type of website. Itâs an especially powerful tool in the hands of designers and developers looking to create something unique.
2. Create Your Booking Page (And Other Key Pages)
After youâve installed the Beaver Builder Theme (or another theme of your choice), youâll need to create your booking websiteâs primary pages. To simplify the site-building process and gain more control over your design, we recommend installing Beaver Builder:

Our plugin enables you to use drag-and-drop functionality to build fast, mobile-friendly websites. It offers far more flexibility and features than the default WordPress Block Editor, all presented in a streamlined and user-friendly way.
Once youâve installed and activated the plugin, go to Pages > Add New and hit Launch Beaver Builder. Youâll see your editor screen where you can drag and drop modules, rows, templates, and more:

Youâll want to start by creating the websiteâs most important page â the booking page. You can do this however youâd like, but to keep things simple, begin by adding a Heading module with some descriptive text (such as âBook an Appointmentâ):

This is all youâll need for now, since youâll be adding the actual booking functionality in the next step. However, feel free to include additional modules with whatever information and imagery you like (or that your client has requested).
At this point, you may also want to create a few more essential pages. At a minimum, youâll probably need an about page, a services page, a contact page, and a home page. Then youâll need to build a navigation menu, so current and potential customers can easily make their way around the site.
As you design these pages, donât forget to incorporate elements of the companyâs visual brand, such as its logo or unique color palette. This can help boost credibility with clients and make the booking site appear more professional.
3. Add Your Booking System
Now itâs time to add a booking system to your Beaver Builder site. Weâre going to do this with BookingPress.
This plugin helps streamline the booking process. It comes with many useful features, such as custom email notifications, calendar views, and more. It even integrates with 17+ payment gateways, including PayPal, Stripe, and Square.
Weâll be using the premium version for this tutorial. However, if youâre budget-conscious thereâs a free version as well.
After you sign up for a BookingPress plan, install and activate the plugin. Next, navigate to the new BookingPress tab in the left-hand menu. This leads you to the “getting started” wizard:

On this page, youâll need to enter some basic information, such as the company name and address. Youâll also select some important details, including the correct time format and timezone.
After that, you can add the company logo, website URL, and any other additional details youâd like to include. If youâre using the premium BookingPress plugin, you can indicate whether multiple team members will be using the booking system.
When youâre finished, hit Next to go to the Booking Options page and customize the teamâs availability:

If you want to set a dynamic price based on dates and times, you can pick up the Happy Hours Pricing extension (which is one of 35+ BookingPress addons).
With the premium version of the plugin youâll be able to add multiple staff members to the following page:

Employees will be able to access a separate staff member dashboard to manage their appointments. This feature can drastically simplify workflows and reduce unnecessary back-and-forth for scheduling.
Next, youâll describe the services you or your client offer, and set the price and duration for the sessions:

If needed, click on the plus symbol to add another service:

You can also use the Cart Addon if you want to let customers select multiple services.
When youâve finished adding all the relevant services, hit the Next button to continue with Styling. Now, youâll be able to customize your booking form:

You can select your font and the color of different design elements on your booking page. If youâre setting the system up for multiple team members, you can also choose a preferred booking form sequence.
When youâre done, select Finish! This will give you a shortcode for your booking form:

Copy the shortcode and navigate to the Booking page you made earlier. Pasting the code into Beaver Builder’s HTML module will add your fully-customized booking form to that page:

Customers will be able to easily choose a service, and then select a time and date from the calendar:

After that, theyâll need to enter some Basic Details. Then, theyâll see a summary of the information they entered before clicking Book Appointment:

Finally, the customer will receive a confirmation number and brief thank you message.
If you’d like, you now have another chance to use Beaver Builder modules to add more content and imagery to this page, or to customize your layout.
Conclusion
Managing appointments manually can be an arduous process. Just about any service-based business can benefit from adding a streamlined appointment booking system to its website. This is an excellent way to add appointment booking to simplify workflows and maximize efficiency.
To recap, hereâs how you can create a website with a built-in appointment booking system:
- Choose a web host, install WordPress, and select a theme.
- Create your booking page using the Beaver Builder plugin.
- Customize and add a booking system using the BookingPress plugin.
Related Questions
Can You Create a Booking Website for Free?
With a free platform like WordPress, you can get a website up and running quickly. You can also use the free versions of tools like Beaver Builder and BookingPress to add booking features to that site. However, you will need to pay for
Is It Hard to Make a Booking Website?
No! With beginner-friendly tools like WordPress, Beaver Builder, and BookingPress, itâs very easy to create an attractive and functional booking website in just a few steps.
Related articles
Team Member Interviews, 2.8 Preview, and Freebies!
Hello, Beaver Builder community! Summer is almost over we’re ready to welcome some cooler weather. đ We have some exciting…
Building a Succesful Realtor Website – An Interview and Site Showcase with WebCami
We are excited to introduce our good friend and a long-time Beaver Builder power user, Cami MacNamara. In this post,…
How to Redirect a WordPress Page (Manually and Using a Plugin)
In this article, weâll dig into what redirects are and why you might need or want to use them. We'll...
Join the community
We're here for you
There's a thriving community of builders and we'd love for you to join us. Come by and show off a project, network, or ask a question.