This is how the online booking form shows up for your customers and how they can book your service(s) using this feature.

Also refer: Online Booking Form Setup : Markate Academy 

• Once the Customer clicks View Booking Form link,
• They can view the Services you are providing currently.
• Add the quantity of service/item and clicking Add to Cart,
• Added to Cart pop up shows, they need to click either Continue Shopping to add more or simply Book Now.

• Customers can choose the available time slot as per their convenience (Time slots are visible to customers only if enabled by Pro)
• Apply Coupon Code if any coupons are available currently,
• Click Continue

• Customers need to enter Contact details on the form and click Book Now

• If deposit is required by the Pro, they can pay by clicking Pay Deposit

• Invoice shows up. Click Pay Deposit.

• Add any tip by entering the Amount or picking any % options available. Click Add Tip.

• Once the deposit is paid by customer, the booking is being confirmed.

• The booking is either visble in Calendar, Open Leads or Unscheduled section. (It depends on the settings done by the Pro).

Here is a video showing you how to do this