{"id":5,"date":"2026-10-30T23:30:23","date_gmt":"2026-10-30T23:30:23","guid":{"rendered":"https:\/\/booking-plugin-pilot.ascent-media.io\/service-booking\/"},"modified":"2026-10-30T23:30:23","modified_gmt":"2026-10-30T23:30:23","slug":"service-booking","status":"publish","type":"page","link":"https:\/\/booking-plugin-pilot.ascent-media.io\/?page_id=5","title":{"rendered":"Service booking"},"content":{"rendered":"        <div class=\"babe-theme babe-scope-card\" style=\"--babe-btn-bg:#1f3d34;--babe-btn-text:#ffffff;--babe-btn-border:#1f3d34;--babe-btn-active-bg:#1f3d34;--babe-btn-active-text:#ffffff;--babe-text:#17211c;--babe-muted:#666666;--babe-card-bg:#ffffff;\">\n            <div id=\"babe-booking\" class=\"babe-booking-wrap babe-booking-luxury\" data-babe-booking data-currency=\"GBP\" data-storage-scale=\"2\" data-initial-logged-in=\"0\" data-current-user-id=\"0\" data-guest-booking-enabled=\"1\" data-dob-required=\"0\" data-guest-phone-required=\"1\" data-default-phone-country=\"GB\" data-business-timezone=\"Europe\/London\" data-business-today=\"2026-11-01\" data-service-id=\"0\" data-service-state=\"\" data-embed=\"0\" data-require-deposit=\"0\" data-user-phone=\"\" data-booking-return-url=\"https:\/\/booking-plugin-pilot.ascent-media.io\/?page_id=5\" style=\"--babe-btn-bg:#1f3d34;--babe-btn-text:#ffffff;--babe-btn-border:#1f3d34;--babe-btn-active-bg:#1f3d34;--babe-btn-active-text:#ffffff;--babe-text:#17211c;--babe-muted:#666666;--babe-card-bg:#ffffff;\">\n      <form class=\"babe-language-switch\" method=\"get\" action=\"\"><input type=\"hidden\" name=\"rest_route\" value=\"\/wp\/v2\/pages\/5\"><label>Language <select name=\"babe_lang\"><option value=\"en_US\" selected='selected'>English<\/option><option value=\"id_ID\">Bahasa Indonesia<\/option><\/select><\/label> <button type=\"submit\">Apply language<\/button><\/form>      <div class=\"babe-progress\" role=\"progressbar\" aria-label=\"Booking progress\">\n        <div class=\"babe-progress-step is-active\" data-progress-step=\"1\">Service<\/div>\n        <div class=\"babe-progress-step\" data-progress-step=\"2\">Date<\/div>\n        <div class=\"babe-progress-step\" data-progress-step=\"3\">Time<\/div>\n        <div class=\"babe-progress-step\" data-progress-step=\"4\">Confirm<\/div>\n      <\/div>\n      \n      <div class=\"babe-booking-header align-center align-sub-center size-medium\">\n        <h2 class=\"babe-booking-heading babe-booking-title\">Reserve Your Appointment<\/h2>\n        <p class=\"babe-booking-subtext\">Choose your preferred time below.<br \/>\nNo payment required today.<\/p>\n                <p class=\"babe-booking-reassurance\">This booking does not create an account. To ask for a different time, contact the business.<\/p>\n              <\/div>\n\n      <!-- Step 1: configured public catalogue -->\n      <div class=\"babe-step\" id=\"babe-step-1\" data-step=\"1\">\n                  <h3>Select category<\/h3>\n          <p id=\"babe-catalogue-status\" role=\"status\" aria-live=\"polite\">Loading services\u2026<\/p>\n          <button type=\"button\" class=\"babe-btn\" id=\"babe-catalogue-retry\" hidden>Try again<\/button>\n          <select class=\"babe-category-select\" id=\"babe-category-select\" aria-label=\"Service category\" disabled>\n            <option value=\"\">Select category<\/option>\n          <\/select>\n                  <p class=\"babe-prefill-unavailable\" id=\"babe-prefill-unavailable\" style=\"display:none;\"><\/p>\n      <\/div>\n\n      <!-- Steps 2\u20133 serve the active-services catalogue; legacy selector skips them. -->\n      <div class=\"babe-step\" id=\"babe-step-2\" data-step=\"2\" style=\"display:none;\" aria-hidden=\"true\">\n        <h3>Select services<\/h3>\n        <p><button type=\"button\" class=\"babe-link-button babe-back\" data-back=\"1\">Choose another category<\/button><\/p>\n        <div id=\"babe-treatments-list\" class=\"babe-treatments-list-wrap\"><\/div>\n        <div class=\"babe-summary-bar\">\n          <div class=\"babe-summary-info\">\n            <span id=\"babe-summary-total\">Total: GBP 0.00<\/span>\n            <span id=\"babe-summary-time\">\u00b7 0 mins<\/span>\n          <\/div>\n          <button type=\"button\" class=\"babe-next-btn\" id=\"babe-next-confirm-treatments\" disabled>Next<\/button>\n        <\/div>\n      <\/div>\n      <div class=\"babe-step\" id=\"babe-step-3\" data-step=\"3\" style=\"display:none;\" aria-hidden=\"true\">\n        <h3>You selected:<\/h3>\n        <ul id=\"babe-selected-list\" class=\"babe-selected-treatments\"><\/ul>\n        <div class=\"babe-confirm-actions\">\n          <button type=\"button\" class=\"babe-btn babe-back\" data-back=\"1\">Add more<\/button>\n          <button type=\"button\" class=\"babe-btn\" id=\"babe-continue-date\">Continue to date & time<\/button>\n        <\/div>\n      <\/div>\n\n      <!-- Step 4: Select date -->\n      <div class=\"babe-step\" id=\"babe-step-4\" data-step=\"4\" style=\"display:none;\">\n        <h3>Select date<\/h3>\n        <p class=\"babe-recommended-badge-wrap\" id=\"babe-recommended-badge-wrap\" style=\"display:none;\"><span class=\"babe-recommended-badge\">Recommended for you<\/span><\/p>\n        <p class=\"babe-prefill-note\" id=\"babe-prefill-note\" style=\"display:none;\"><\/p>\n        <div id=\"babe-calendar\" class=\"babe-calendar-wrap babe-calendar\"><\/div>\n        <div class=\"babe-selected-date-box\" id=\"babe-selected-date-box\" style=\"display:none;\">\n          <div class=\"babe-selected-date-label\">Selected date<\/div>\n          <div class=\"babe-selected-date-value\" id=\"babe-selected-date-value\"><\/div>\n        <\/div>\n        <div class=\"babe-nav-buttons\">\n          <button type=\"button\" class=\"babe-btn babe-back\" data-back=\"3\">Back<\/button>\n          <button type=\"button\" class=\"babe-btn\" id=\"babe-next-time\" disabled>Next<\/button>\n        <\/div>\n        <p class=\"babe-add-another-wrap\"><button type=\"button\" class=\"babe-link-button babe-add-another-treatment\">+ Add another treatment<\/button><\/p>\n      <\/div>\n\n      <!-- Step 5: Select time (premium mobile-first) -->\n      <div class=\"babe-step\" id=\"babe-step-5\" data-step=\"5\" style=\"display:none;\">\n        <h3>Select time<\/h3>\n        <p class=\"babe-time-reselect-warning\" id=\"babe-time-reselect-warning\" style=\"display:none;\"><\/p>\n        <div class=\"babe-time-step\">\n          <div class=\"babe-selected-date-box\" id=\"babe-selected-date-box-step5\" style=\"display:none;\">\n            <div class=\"babe-selected-date-label\">Selected date<\/div>\n            <div class=\"babe-selected-date-value\" id=\"babe-selected-date-value-step5\"><\/div>\n          <\/div>\n\n          <div class=\"babe-next-available\" id=\"babe-next-available\" style=\"display:none;\">\n            <div class=\"babe-next-available-label\">Next available<\/div>\n            <button type=\"button\" class=\"babe-time-chip babe-time-chip--recommended\" id=\"babe-next-available-btn\"><\/button>\n          <\/div>\n\n          <div class=\"babe-time-grid-wrap\">\n            <div class=\"babe-time-grid-label\">Or choose another time<\/div>\n            <div class=\"babe-time-grid\" id=\"babe-time-grid\"><\/div>\n          <\/div>\n\n          <div class=\"babe-time-sticky-bar\" id=\"babe-time-sticky-bar\" style=\"display:none;\">\n            <div class=\"babe-time-sticky-text\">\n              <div class=\"babe-time-sticky-label\">Selected<\/div>\n              <div class=\"babe-time-sticky-value\" id=\"babe-selected-time-value\"><\/div>\n            <\/div>\n            <div class=\"babe-time-sticky-actions\">\n              <button type=\"button\" class=\"babe-btn babe-back-btn\" id=\"babe-time-back\">Back<\/button>\n              <button type=\"button\" class=\"babe-btn babe-next-btn\" id=\"babe-time-next\" disabled>Next<\/button>\n            <\/div>\n          <\/div>\n          <p class=\"babe-add-another-wrap\"><button type=\"button\" class=\"babe-link-button babe-add-another-treatment\">+ Add another treatment<\/button><\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Step 6: Confirm booking -->\n      <div class=\"babe-step\" id=\"babe-step-6\" data-step=\"6\" style=\"display:none;\">\n        <div id=\"babe-booking-summary\" class=\"babe-booking-summary\"><\/div>\n        <p class=\"babe-practitioner-note\">We\u2019ll assign an available practitioner and include their name in your confirmation.<\/p>\n        <h3 class=\"babe-confirm-heading\">Review and secure your appointment<\/h3>\n                <p class=\"babe-confirm-reassurance\">This booking does not create an account. To ask for a different time, contact the business.<\/p>\n                <div class=\"babe-confirm-guest-form\" style=\"\">\n          <p class=\"babe-confirm-guest-intro\">Enter your details to confirm your booking. This booking does not create an account.<\/p>\n          <ul class=\"babe-guest-contact\" id=\"babe-guest-contact\"><li>Email: booking-onboarding-test-20261030@example.test<\/li><\/ul>          <div class=\"babe-form-group\">\n            <label>Full name <span class=\"babe-required\">*<\/span><\/label>\n            <input type=\"text\" id=\"babe-guest-name\" autocomplete=\"name\" placeholder=\"Your full name\">\n          <\/div>\n          <div class=\"babe-form-group\">\n            <label>Email <span class=\"babe-required\">*<\/span><\/label>\n            <input type=\"email\" id=\"babe-guest-email\" autocomplete=\"email\" placeholder=\"you@example.com\">\n          <\/div>\n          <div class=\"babe-form-group\">\n            <label>WhatsApp country <span class=\"babe-required\">*<\/span><\/label>\n            <select id=\"babe-guest-country-iso\" autocomplete=\"country\">\n              <option value=\"ID\">Indonesia (+62)<\/option><option value=\"AU\">Australia (+61)<\/option><option value=\"GB\" selected='selected'>United Kingdom (+44)<\/option><option value=\"US\">United States (+1)<\/option><option value=\"SG\">Singapore (+65)<\/option><option value=\"MY\">Malaysia (+60)<\/option><option value=\"NZ\">New Zealand (+64)<\/option><option value=\"TH\">Thailand (+66)<\/option><option value=\"PH\">Philippines (+63)<\/option><option value=\"VN\">Vietnam (+84)<\/option><option value=\"JP\">Japan (+81)<\/option><option value=\"KR\">South Korea (+82)<\/option><option value=\"CN\">China (+86)<\/option><option value=\"IN\">India (+91)<\/option><option value=\"AE\">United Arab Emirates (+971)<\/option><option value=\"SA\">Saudi Arabia (+966)<\/option><option value=\"DE\">Germany (+49)<\/option><option value=\"FR\">France (+33)<\/option><option value=\"NL\">Netherlands (+31)<\/option><option value=\"IT\">Italy (+39)<\/option><option value=\"ES\">Spain (+34)<\/option><option value=\"PT\">Portugal (+351)<\/option><option value=\"IE\">Ireland (+353)<\/option><option value=\"CA\">Canada (+1)<\/option><option value=\"HK\">Hong Kong (+852)<\/option><option value=\"TW\">Taiwan (+886)<\/option>            <\/select>\n          <\/div>\n          <div class=\"babe-form-group\">\n            <label>WhatsApp \/ phone <span class=\"babe-required\">*<\/span><\/label>\n            <input type=\"text\" id=\"babe-guest-phone\" autocomplete=\"tel\" placeholder=\"07400 123456\">\n          <\/div>\n          <div class=\"babe-form-group\" id=\"babe-guest-dob-group\" hidden>\n            <label>Date of birth <span class=\"babe-required\">*<\/span><\/label>\n            <input type=\"date\" id=\"babe-guest-dob\" autocomplete=\"bday\">\n          <\/div>\n          <div class=\"babe-form-group\">\n            <label>Notes<\/label>\n            <textarea id=\"babe-guest-notes\" rows=\"3\" placeholder=\"Optional notes\"><\/textarea>\n          <\/div>\n                    <div class=\"babe-form-group\">\n                        <label class=\"babe-checkbox-label\">\n              <input type=\"checkbox\" id=\"babe-guest-policy\">\n              <span>I agree to the Ascent Booking WordPress pilot booking policy<\/span>\n            <\/label>\n          <\/div>\n          <div class=\"babe-honeypot-wrap\" aria-hidden=\"true\">\n            <label>Leave blank              <input type=\"text\" id=\"babe-guest-hp\" name=\"babe_guest_hp\" tabindex=\"-1\" autocomplete=\"off\">\n            <\/label>\n          <\/div>\n          <div class=\"babe-nav-buttons\">\n            <button type=\"button\" class=\"babe-btn babe-back\" data-back=\"5\">Back<\/button>\n            <button type=\"button\" class=\"babe-btn\" id=\"babe-confirm-guest-booking\">Confirm appointment<\/button>\n          <\/div>\n        <\/div>\n        <div class=\"babe-confirm-login-option\" style=\"\">\n                    <p class=\"babe-confirm-login-intro\">Already have a Ascent Booking WordPress pilot account?<\/p>\n          <div class=\"babe-auth-actions\">\n            <a class=\"babe-auth-tab-link\" href=\"https:\/\/booking-plugin-pilot.ascent-media.io\/wp-login.php?redirect_to=https%3A%2F%2Fbooking-plugin-pilot.ascent-media.io%2Findex.php%3Frest_route%3D%252Fwp%252Fv2%252Fpages%252F5\" data-babe-auth-open=\"login\">Log in<\/a>\n                      <\/div>\n          <p class=\"babe-gate-note\">An account is optional. You can confirm this booking as a guest below. If you log in, you can continue without starting again.<\/p>\n            <\/div>\n        <div class=\"babe-confirm-gate\" style=\"display:none;\">\n                    <p class=\"babe-confirm-login-intro\">Please log in to confirm your booking.<\/p>\n          <div class=\"babe-auth-actions\">\n            <a class=\"babe-auth-tab-link\" href=\"https:\/\/booking-plugin-pilot.ascent-media.io\/wp-login.php?redirect_to=https%3A%2F%2Fbooking-plugin-pilot.ascent-media.io%2Findex.php%3Frest_route%3D%252Fwp%252Fv2%252Fpages%252F5\" data-babe-auth-open=\"login\">Log in<\/a>\n                      <\/div>\n          <p class=\"babe-gate-note\">After logging in, you can confirm below\u2014no need to go back.<\/p>\n            <\/div>\n        <div class=\"babe-confirm-form\" style=\"display:none;\">\n                    <div class=\"babe-form-group\">\n            <label>WhatsApp country<\/label>\n            <select id=\"babe-phone-country-iso\">\n              <option value=\"ID\">Indonesia (+62)<\/option><option value=\"AU\">Australia (+61)<\/option><option value=\"GB\" selected='selected'>United Kingdom (+44)<\/option><option value=\"US\">United States (+1)<\/option><option value=\"SG\">Singapore (+65)<\/option><option value=\"MY\">Malaysia (+60)<\/option><option value=\"NZ\">New Zealand (+64)<\/option><option value=\"TH\">Thailand (+66)<\/option><option value=\"PH\">Philippines (+63)<\/option><option value=\"VN\">Vietnam (+84)<\/option><option value=\"JP\">Japan (+81)<\/option><option value=\"KR\">South Korea (+82)<\/option><option value=\"CN\">China (+86)<\/option><option value=\"IN\">India (+91)<\/option><option value=\"AE\">United Arab Emirates (+971)<\/option><option value=\"SA\">Saudi Arabia (+966)<\/option><option value=\"DE\">Germany (+49)<\/option><option value=\"FR\">France (+33)<\/option><option value=\"NL\">Netherlands (+31)<\/option><option value=\"IT\">Italy (+39)<\/option><option value=\"ES\">Spain (+34)<\/option><option value=\"PT\">Portugal (+351)<\/option><option value=\"IE\">Ireland (+353)<\/option><option value=\"CA\">Canada (+1)<\/option><option value=\"HK\">Hong Kong (+852)<\/option><option value=\"TW\">Taiwan (+886)<\/option>            <\/select>\n          <\/div>\n          <div class=\"babe-form-group\">\n            <label>Phone\/WhatsApp<\/label>\n            <input type=\"text\" id=\"babe-phone\" placeholder=\"07400 123456\">\n          <\/div>\n          <div class=\"babe-form-group\">\n            <label>Notes<\/label>\n            <textarea id=\"babe-notes\" rows=\"3\" placeholder=\"Optional notes\"><\/textarea>\n          <\/div>\n                    <div class=\"babe-form-group\">\n                        <label class=\"babe-checkbox-label\">\n              <input type=\"checkbox\" id=\"babe-policy\">\n              <span>I agree to the Ascent Booking WordPress pilot booking policy<\/span>\n            <\/label>\n          <\/div>\n          <p id=\"babe-confirm-guidance\" class=\"babe-confirm-guidance\" role=\"status\"><\/p>\n          <div class=\"babe-nav-buttons\">\n            <button type=\"button\" class=\"babe-btn babe-back\" data-back=\"5\">Back<\/button>\n            <button type=\"button\" class=\"babe-btn\" id=\"babe-confirm-booking\" disabled>Confirm appointment<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Step 7: Booking confirmed -->\n      <div class=\"babe-step\" id=\"babe-step-7\" data-step=\"7\" style=\"display:none;\">\n        <div id=\"babe-confirmation\"><\/div>\n      <\/div>\n\n      <!-- Zero-slot modal: public copy must not imply capacity when hours\/clinic may be the cause -->\n      <div id=\"babe-full-day-modal\" class=\"babe-modal babe-full-day-modal\" aria-hidden=\"true\" style=\"display:none;\">\n        <div class=\"babe-modal-backdrop\"><\/div>\n        <div class=\"babe-modal-content\">\n          <h3 class=\"babe-full-day-modal-title\">No times available<\/h3>\n          <p class=\"babe-full-day-modal-text\">There are no available times on this date.<\/p>\n          <div class=\"babe-full-day-modal-actions\">\n            <button type=\"button\" class=\"babe-btn babe-btn-primary\" id=\"babe-full-day-book-another\">Book another day<\/button>\n            <button type=\"button\" class=\"babe-btn\" id=\"babe-full-day-join-waitlist\">Join the waitlist for this day<\/button>\n          <\/div>\n          <div id=\"babe-full-day-waitlist-form\" class=\"babe-full-day-waitlist-form\" style=\"display:none;\">\n            <p class=\"babe-full-day-form-intro\">We\u2019ll email you if a slot opens.<\/p>\n            <p><label>Email <span class=\"babe-required\">*<\/span><br><input type=\"email\" id=\"babe-waitlist-email\" required placeholder=\"you@example.com\"><\/label><\/p>\n            <p><label>WhatsApp (optional)<br><input type=\"text\" id=\"babe-waitlist-phone\" placeholder=\"+62...\"><\/label><\/p>\n            <p><label>Note (optional)<br><textarea id=\"babe-waitlist-note\" rows=\"2\" placeholder=\"\"><\/textarea><\/label><\/p>\n            <p><button type=\"button\" class=\"babe-btn babe-btn-primary\" id=\"babe-waitlist-submit\">Join waitlist<\/button> <button type=\"button\" class=\"babe-btn babe-full-day-modal-cancel\">Cancel<\/button><\/p>\n            <p id=\"babe-waitlist-msg\" class=\"babe-waitlist-msg\" style=\"display:none;\"><\/p>\n          <\/div>\n          <p><button type=\"button\" class=\"babe-link-button babe-full-day-modal-close\">Close<\/button><\/p>\n        <\/div>\n      <\/div>\n    <\/div><!-- .babe-booking-wrap -->\n    <\/div><!-- .babe-theme -->\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/booking-plugin-pilot.ascent-media.io\/index.php?rest_route=\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/booking-plugin-pilot.ascent-media.io\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/booking-plugin-pilot.ascent-media.io\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/booking-plugin-pilot.ascent-media.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5"}],"version-history":[{"count":0,"href":"https:\/\/booking-plugin-pilot.ascent-media.io\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions"}],"wp:attachment":[{"href":"https:\/\/booking-plugin-pilot.ascent-media.io\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}