{"id":47,"date":"2024-07-26T12:02:02","date_gmt":"2024-07-26T12:02:02","guid":{"rendered":"http:\/\/localhost\/wpbookit-documentation\/?p=47"},"modified":"2025-07-30T04:29:23","modified_gmt":"2025-07-30T04:29:23","slug":"calender-tab","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/wpbookit\/calender-tab\/","title":{"rendered":"Calendar Tab"},"content":{"rendered":"
\n

The Calendar tab<\/strong> in WPBookit<\/strong> is a vital tool for managing bookings, providing a clear and organized view of all appointments by date. This feature simplifies booking management, allowing you to track existing reservations, apply filters, and add new bookings seamlessly. Once a booking is added, the Calendar tab<\/strong> updates to reflect the scheduled appointments, offering an intuitive overview of your bookings.<\/p>\n\n\n\n

\n
\"\"<\/figure>\n<\/figure>\n\n\n\n

Booking Overview<\/strong><\/h2>\n\n\n\n

The WPBookit Calendar<\/strong> displays bookings in a calendar format, providing an overview of booking times, types, and the names of the individuals who made the bookings.<\/p>\n\n\n\n

    \n
  1. Booking Details<\/strong>\n
      \n
    • When you hover over a booking, a popup will appear with detailed information, including the staff member’s name. The popup also provides options to Edit or Delete the Booking<\/strong>, accessible via the action buttons on the right side.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
    • Booking Status<\/strong>\n
        \n
      • Each booking status is represented by a specific color for easy identification:\n
          \n
        • Pending Bookings<\/strong>: Orange<\/li>\n\n\n\n
        • Approved Bookings<\/strong>: Green<\/li>\n\n\n\n
        • Cancelled Bookings<\/strong>: Red<\/li>\n\n\n\n
        • Completed Bookings<\/strong>: Sky Blue<\/li>\n<\/ul>\n<\/li>\n\n\n\n
        • For a clearer understanding, please refer to the following screenshot.\"\"<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n

          Calendar <\/strong>Filter<\/strong><\/h2>\n\n\n\n
            \n
          1. Staff-Wise<\/strong>\n
              \n
            • At the top of the calendar, you can see a list of all your staff members. By clicking on a specific staff member’s name, the calendar will filter and display only that staff member’s bookings.\"\"<\/li>\n<\/ul>\n<\/li>\n\n\n\n
            • All Staff<\/strong>\n
                \n
              • If you don\u2019t want certain staff names to appear in the list, we provide an “All Staff<\/strong>” control at the top of the calendar. Simply uncheck a staff member’s name, and the calendar will automatically hide their bookings.\"\"<\/li>\n<\/ul>\n<\/li>\n\n\n\n
              • Booking Type-Wise<\/strong>\n
                  \n
                • You can filter bookings by type using the “All Booking Types<\/strong>” dropdown. Simply select the control, check or uncheck the desired booking types, and the calendar will update to display only the filtered booking\"\"<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                • Date-Wise<\/strong>\n
                    \n
                  • You can filter bookings by date, such as “Today<\/strong>,” or by selecting a specific Date<\/strong>, Month<\/strong>, and Year<\/strong> from the calendar. Once selected, the calendar will display the booking details for the chosen date, month, and year\"\"<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n

                    Calendar View’s<\/strong><\/h2>\n\n\n\n

                    In the Calendar tab<\/strong>, we offer four different calendar view options for viewing bookings. These options are available in the top right corner of the calendar. In all calendar views, you can edit or delete a booking.<\/p>\n\n\n\n

                      \n
                    1. Month View\n
                        \n
                      • The “Month” and all option, located in the top right corner of the Calendar tab, is set as the default view in WPBookit<\/strong>. This view displays bookings on a month-by-month basis.\"\"<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                      • Week View\n
                          \n
                        • The “Week” option displays bookings, including their times, organized by week in the calendar view.\"\"<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                        • Day View\n
                            \n
                          • The “Day” option shows bookings for a specific day, including the booking times.\"\"<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                          • List View\n
                              \n
                            • The “List” view displays bookings in a detailed list format, showing the date and other relevant information.\"\"<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n

                              Other Features<\/strong><\/h2>\n\n\n\n
                                \n
                              1. Print Booking Details\n
                                  \n
                                • At the top of the calendar view, you’ll find a print icon that allows you to print booking details. Follow these steps to print:\n
                                    \n
                                  • Click on the print icon in the WPBookit<\/strong> Calendar tab.\"\"<\/li>\n\n\n\n
                                  • Customize your print settings, such as destination, layout, and color options.\"\"<\/li>\n\n\n\n
                                  • Click the “Print<\/strong>” button.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                                  • Once printed, you can view the booking details in Chrome’s print preview.\"\"<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                                  • Auto-Refresh Booking Calendar\n
                                      \n
                                    • At the top of the calendar view, you’ll find the “Auto-Refresh Calendar<\/strong>” option. Click on it, enable the switcher, and set the desired refresh interval in minutes. For example, if you set it to 2 minutes, the calendar will automatically refresh every 2 minutes.\"\"<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n

                                      Add New Booking<\/strong><\/h2>\n\n\n\n

                                      The New Booking Creation<\/strong> process in the Calendar Tab is designed to be intuitive and easy to use, allowing administrators or staff members to efficiently create and manage bookings. This streamlined interface ensures all relevant information is captured for every appointment, facilitating smooth scheduling and customer management.<\/p>\n\n\n\n

                                      Booking Fields<\/strong><\/h4>\n\n\n\n
                                      \n
                                      \"\"<\/figure>\n<\/figure>\n\n\n\n
                                        \n
                                      1. Booking Type<\/strong>\n
                                          \n
                                        • Select the type of booking from a predefined list (e.g., consultation, meeting, appointment).<\/li>\n\n\n\n
                                        • Click to choose the booking type from the available options. For example Discovery Call, Health Advice, Yoga Class.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                                        • Date<\/strong>\n
                                            \n
                                          • Choose the desired date for the booking. This field is essential for scheduling the appointment correctly.<\/li>\n\n\n\n
                                          • Use the date calendar to select a specific day for the booking.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                                          • Select Time<\/strong>\n
                                              \n
                                            • Choose the time for the appointment.<\/li>\n\n\n\n
                                            • Select a time slot that is available based on the staff member\u2019s schedule and the duration of the booking type.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                                            • Customer<\/strong>\n
                                                \n
                                              • Select the customer for the booking by either choosing from the list of registered customer’s.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                                              • Status<\/strong>\n
                                                  \n
                                                • Define the current status of the booking. This helps keep track of appointments in different stages.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                                                • Payment Mode<\/strong>\n
                                                    \n
                                                  • Select the payment method for the customer by choosing the appropriate payment mode for the booking.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                                                  • Payment Status<\/strong>\n
                                                      \n
                                                    • Indicate the current payment status of the booking.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                                                    • Notes<\/strong>\n
                                                        \n
                                                      • Write any additional comments or notes related to the booking. This could include special customer requests, reminders for staff, or other pertinent information.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n

                                                        Edit Bookings<\/strong><\/h2>\n\n\n\n
                                                          \n
                                                        • Users can easily modify existing bookings with just a few clicks:\n
                                                            \n
                                                          • Update customer information, change the service type, or reassign staff.<\/li>\n\n\n\n
                                                          • Reschedule bookings to a different date or time by dragging and dropping within the calendar.<\/li>\n\n\n\n
                                                          • Provides flexibility to adapt to changing customer needs or staff availability<\/li>\n\n\n\n
                                                          • You can delete bookings by clicking the delete icon in the tooltip.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
                                                            \n
                                                            \"\"<\/figure>\n<\/figure>\n\n\n\n
                                                            \n
                                                            \"\"<\/figure>\n<\/figure>\n\n\n\n

                                                            <\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

                                                            The Calendar tab in WPBookit is a vital tool for managing bookings, providing a clear and organized view of all appointments by date. This feature simplifies booking management, allowing you to track existing reservations, apply filters, and add new bookings seamlessly. Once a booking is added, the Calendar tab updates to reflect the scheduled appointments, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":29,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-47","post","type-post","status-publish","format-standard","hentry","category-wpbookit"],"featured_image_src":null,"author_info":{"display_name":"Iqonic Design","author_link":"https:\/\/documentation.iqonic.design\/wpbookit\/author\/dwd3f32kd2r2rf23wf4df\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/posts\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":4,"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/posts\/47\/revisions"}],"predecessor-version":[{"id":4345,"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/posts\/47\/revisions\/4345"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/posts\/29"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/media?parent=47"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/categories?post=47"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/tags?post=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}