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"]

Leave a Comment