How to Add Client Sync to Your Pages
Shortcodes
You can display the booking calendar, user dashboards, and registration forms anywhere on your site by using “Shortcodes.” Simply copy the codes below and paste them into any Shortcode Block or Text Editor.
1. The Booking Form
This is the main entry point for your customers. It automatically detects if it should show a time-slot calendar or a date-range search based on your settings.
- Universal Form: [clisyc_booking_form]
- Force Calendar Mode: [clisyc_booking_form mode="calendar"]
- Force Search Mode: [clisyc_booking_form mode="search"]
2. The Client Dashboard
Add these codes to a private “My Account” page so your clients can manage their own appointments.
- Modern Appointment Cards: [clisyc_appointments_cards]
- Full User Calendar: [clisyc_user_appointments_calendar]
- Profile & Membership Info: [clisyc_user_account]
- Mini Sidebar Calendar: [clisyc_user_mini_calendar]
3. Advanced Visualization
If you want to show availability for multiple staff members or rooms at once in a horizontal layout:
- Resource Timeline: [clisyc_timeline view="week" height="600"]
4. Registration & Details
- Sign-up Form: [clisyc_registration]
- Appointment Detail Page: [clisyc_appointment_detail]
(Note: This page usually requires an ID in the URL to display specific data).
5. Pro Custom Forms
If you have created a custom form using the Drag & Drop builder, use the specific ID found in the Client Sync > Forms list:
- Custom Form: [clisyc_form id="YOUR_FORM_ID"]