The Display Settings section in the Cleanly plugin allows you to configure how booking forms and customer account-related pages appear on your WordPress site. It provides flexibility for both single-step and multi-step booking forms, as well as the quick booking, my account, booking summary, and submit sections.
🧍 Single Form Settings
This section configures the single-step booking form.
- Shortcode:
Use[cleanly_booking_form id="0" design="advance"]to display the booking form on any page. - Display form in page:
Choose the specific WordPress page where you want the single-step form to be shown. - Form position in page:
Options include:- No content only form
- Before/After content positions (if theme supports)
🧱 Multi-step Form Settings
Configure a multi-step booking form layout for more guided booking experiences.
- Shortcode:
[cleanly_form_multistep id="0"] - Display form in page:
Select the page where this form should appear. - Form position in page:
Similar options as single form (e.g., no content only form). - Layout:
Choose layout position likeTop,Left,Right, etc.
👤 My Account
Allows customers to view/manage their bookings and account.
- Shortcode:
[cleanly_my_account] - Display form in page:
Assign a page for the “My Account” section. - Form position in page:
Choose where the content should be displayed. - Layout:
Option to useDefaultlayout or custom if theme provides styling.
⚡ Quick Booking Form
This section simplifies booking for faster conversions.
- Shortcode:
[cleanly_quick_booking] - Display form in page:
Select the page for quick booking display. - Form position in page:
Position of quick form on the page (e.g., no content only). - Title & Sub Title:
Customize the heading and short description (avoid special characters). - Action URL (optional):
Add a custom redirection or action URL after booking. - Disable label:
Toggle to turn off field labels.
Service Position
Drag-and-drop interface to set order for service fields:
- Types (Service Types)
- Frequency Items
- Service Items (About Home)
- Extra Items
- Date Time
Section Position
Control the order of additional fields:
- Service Items
- Additional Items
- Discount Coupon
- Payment Method
- Personal Info
📊 Booking Summary
Customize the appearance of the booking summary panel.
- Disable summary:
Toggle to enable/disable summary section. - Title:
Set a custom title like “Booking Summary”. - Hidden items:
Choose which form fields to hide. - Hidden item options:
Default or custom visibility logic. - Mobile view summary:
Set position of the summary on mobile (e.g., bottom right).
📄 Terms & Conditions
Attach a page to show your booking terms and conditions.
- Select terms:
Assign a terms page. - Text 1 & Text 2:
Customize text for user agreement (e.g., “I read and agree to the…”).
📤 Submit Settings
Customize the booking submission button and success message.
- Button text:
Example: “Confirm booking”. - Success message:
Example: “Successfully booked.”
🔘 Save/Reset Buttons
- Save All Changes:
Apply and save all settings. - Reset All Options:
Revert to default settings.