• Features
  • Demos
  • Pricing
  • Resources
    • Documentation
    • Customizations
    • FAQ
    • Feature requests
    • Changelog
    • Contact Us
  • Features
  • Demos
  • Pricing
  • Resources
    • Documentation
    • Customizations
    • FAQ
    • Feature requests
    • Changelog
    • Contact Us
Get Webba

Getting Started

3
  • Quick Start Guide
  • Upgrading to Webba Booking Premium
  • The Key Concepts

Installation

2
  • Plugin installation
  • Setup Wizard

Services

10
  • What Are Services?
  • Service Details
  • Availability
  • Pricing
  • Integrations
  • Recurring Bookings
  • Service Settings
  • What are service categories?
  • How to add daily service or rentals?
  • Setting Up Extras and Add-Ons

Settings

21
  • Settings Overview
  • General Settings
    • General
    • Technical
    • Admin Interface
  • Advanced Booking Rules
    • General Booking Rules
    • Restrictions
    • Booking Form
    • Advanced
  • Global Availability & Holidays
    • Global Availability
    • Holidays
  • Notification Settings
    • Browser Notifications
    • General Notification
    • Email Notification Settings
    • SMS Notifications (Twilio)
  • Payments
    • General Payment Settings
    • PayPal Payments
    • Stripe Payments
    • WooCommerce Payments
  • Wording and Translations
    • Wording/Translation
  • Integration Settings
    • Google Calendar Settings
    • Zoom integration settings

Booking Form

6
  • How to add a booking form?
  • Webba Booking Elementor Widget
  • Webba Booking Divi Module
  • Shortcodes for a booking form
  • Form Layouts: Classic and Waterfall
  • User Dashboard

Form Builder

4
  • How to create a form?
  • How to link the form to a service?
  • Custom Form Fields
  • How to add custom fields as a placeholder

Pricing Rules

6
  • Price for date range
  • Price for early booking
  • Price based on custom field value
  • Price for Day of Week and Time Range
  • Price Based on Number of Seats Booked
  • Price based on number of timeslots booked

Email Notifications

5
  • Email Notifications
  • Testing Email Notifications
  • Email Notifications Troubleshooting
  • How to manually resend an email notification to a customer?
  • How to edit an Email template

Integrations

11
  • WooCommerce Integration
  • Stripe Integration
  • Paypal Integration
  • Google Calendar Integration
  • Google Meet Integrations
  • How to connect and customize Google Calendar to a Service?
  • Outlook Calendar integration
  • Zoom Integration
  • iCalendar attachments
  • Twilio Integrations
  • Google Analytics Integration

Configure

7
  • How to add a Staff Member
  • How to add a location?
  • How to add a Coupon
  • Schedule Calendar and Schedule Tools
  • Analytics Dashboard
  • User Account and Dashboard
  • List of Placeholders

Archive

1
  • Archive Documentations

Knowledge Base

4
  • CSV Export Shows Old Custom Field Names When Using Multiple Forms
  • Shared Google Calendar Blocking Slots Across Multiple Services
  • Why are free bookings not syncing with Google Calendar?
  • Why is my notice period not working?
  • Home
  • Docs
  • Booking Form
  • Form Layouts: Classic and Waterfall
View Categories

Form Layouts: Classic and Waterfall

2 min read

Webba Booking provides two booking form layouts:

  • Webba 6 Classic Form
  • Waterfall Form

Both layouts support the same booking process. The main difference is how the booking steps are displayed to customers.

To choose a layout, go to Webba Booking > Form Styler.

Webba 6 Classic Form #

The Classic Form displays the booking process in separate steps.

Customers move through the form using the Next and Back buttons. A summary panel displays the selected service, date, time, and other booking information.

This layout is useful when you want:

  • A clear step-by-step booking process
  • Each booking stage displayed separately
  • A booking summary shown beside the form
  • A structured layout for forms with several options

To use it:

  1. Go to Webba Booking > Form Styler.
  2. Select Webba 6 Classic Form under Form layout.
  3. Review the form in the preview area.
  4. Adjust the appearance settings if needed.
  5. Click Save Changes.

Waterfall Form #

The Waterfall Form displays the booking sections in a continuous vertical flow.

As customers make their selections, they continue through the available services, dates, time slots, personal details, and payment options.

This layout is useful when you want:

  • A simple and compact booking form
  • A smooth, continuous booking experience
  • Fewer navigation buttons
  • A layout that works well on mobile devices

To use it:

  1. Go to Webba Booking > Form Styler.
  2. Select Waterfall Form under Form layout.
  3. Review the form in the preview area.
  4. Adjust the appearance settings if needed.
  5. Click Save Changes.

Choosing the Right Layout #

Choose the Webba 6 Classic Form if you prefer a guided, step-by-step booking process with a separate summary panel.

Choose the Waterfall Form if you prefer a continuous and more compact booking experience.

You can switch between the layouts at any time. Use the preview to check how each layout looks before saving your changes.

Changing the form layout only changes how the booking form is displayed. Your services, schedules, and existing bookings remain unchanged.

Share This Article :

  • Facebook
  • X
  • LinkedIn
  • Pinterest
Didn’t find an answer? Contact us

How can we help?

Shortcodes for a booking formUser Dashboard
Table of Contents
  • Webba 6 Classic Form
  • Waterfall Form
  • Choosing the Right Layout

Explore

  • Features
  • Demos & Use Cases
  • Pricing
  • Contact Us
  • About Us
  • Blog
  • Features
  • Demos & Use Cases
  • Pricing
  • Contact Us
  • About Us
  • Blog

Legal

  • Privacy Policy
  • Terms of Use
  • Refund Policy
  • Cookie Policy
  • Privacy Policy
  • Terms of Use
  • Refund Policy
  • Cookie Policy
  • Affiliate Program
  • Feature requests
  • Affiliate Program
  • Feature requests

Subscribe to Our Newsletter

© Webba Booking | 2026 All rights reserved