{"id":11,"date":"2026-09-18T22:18:06","date_gmt":"2026-09-18T22:18:06","guid":{"rendered":"https:\/\/newstore.brooled.co.uk\/?page_id=11"},"modified":"2026-09-18T22:23:21","modified_gmt":"2026-09-18T22:23:21","slug":"brooled-booking-wizard","status":"publish","type":"page","link":"https:\/\/newstore.brooled.co.uk\/?page_id=11","title":{"rendered":"Booking Wizard"},"content":{"rendered":"        <div class=\"ba-shell ba-booking-shell ba-shell--loading\" data-ba-booking>\n            <div class=\"ba-loading-overlay\"><div class=\"ba-spinner\"><\/div><\/div>\n            <aside class=\"ba-sidebar-card ba-card--3d\">\n                <h3>Cart summary<\/h3>\n                <div data-ba-cart-items>0 items ready<\/div>\n                <p class=\"ba-meta\">Cart total: GBP 0.00<\/p>\n                <div class=\"ba-price-stack\">\n                    <div><strong>GBP 0.00<\/strong><span>Full<\/span><\/div>\n                    <div><strong>GBP 0.00<\/strong><span>Deposit<\/span><\/div>\n                    <div><strong>GBP 0.00<\/strong><span>Balance<\/span><\/div>\n                <\/div>\n                <a href=\"https:\/\/newstore.brooled.co.uk\/brooled-my-appointments\/\" class=\"ba-link\">Open customer area<\/a>\n                <p class=\"ba-meta\">pammesberger@gmail.com<\/p>                            <\/aside>\n            <div class=\"ba-main-card ba-card--3d\">\n                <div class=\"ba-stepper ba-stepper--graphic\">\n                    <span class=\"is-active\" data-ba-step-indicator=\"1\">1. Overview<\/span>\n                    <span data-ba-step-indicator=\"2\">2. Schedule<\/span>\n                    <span data-ba-step-indicator=\"3\">3. Details<\/span>\n                    <span data-ba-step-indicator=\"4\">4. Payment<\/span>\n                <\/div>\n                <form class=\"ba-form\" data-ba-booking-form>\n                    <input type=\"hidden\" name=\"booking_type\" value=\"service\">\n                    <input type=\"hidden\" name=\"entity_id\" value=\"0\">\n                    <section class=\"ba-step-panel\" data-ba-step=\"1\">\n                        <div class=\"ba-step-card\">\n                                                        <div>\n                                <h2>New booking<\/h2>\n                                <p><\/p>\n                                <p class=\"ba-meta\"><\/p>\n                                                            <\/div>\n                        <\/div>\n                        <div class=\"ba-form-grid\">\n                            <label><span>Attendees<\/span><input type=\"number\" min=\"1\" name=\"attendee_count\" value=\"1\" required><\/label>\n                            <label><span>Notes<\/span><textarea name=\"notes\" rows=\"3\"><\/textarea><\/label>\n                        <\/div>\n                    <\/section>\n                    <section class=\"ba-step-panel is-hidden\" data-ba-step=\"2\">\n                                                    <div class=\"ba-form-grid\">\n                                <label><span>Date<\/span><input type=\"date\" name=\"date\" required data-ba-date><\/label>\n                                <label><span>Available slots<\/span><select name=\"slot\" required data-ba-slot><option value=\"\">Choose a date first<\/option><\/select><\/label>\n                            <\/div>\n                                            <\/section>\n                    <section class=\"ba-step-panel is-hidden\" data-ba-step=\"3\">\n                        <div class=\"ba-form-grid\">\n                            <label><span>First name<\/span><input required name=\"first_name\" value=\"\"><\/label>\n                            <label><span>Name<\/span><input required name=\"last_name\" value=\"\"><\/label>\n                            <label><span>Email<\/span><input required type=\"email\" name=\"customer_email\" value=\"\"><\/label>\n                            <label><span>Phone number<\/span><input required name=\"customer_phone\" value=\"\"><\/label>\n                            <label><span>Address<\/span><input required name=\"address_1\" value=\"\"><\/label>\n                            <label><span>Postcode<\/span><input required name=\"postcode\" value=\"\"><\/label>\n                            <label><span>Company<\/span><input name=\"company\" value=\"\"><\/label>\n                            <label><span>Customer display name<\/span><input name=\"customer_name\" value=\"\"><\/label>\n                        <\/div>\n                                            <\/section>\n                    <section class=\"ba-step-panel is-hidden\" data-ba-step=\"4\">\n                        <div class=\"ba-payment-row\">\n                            <label class=\"ba-radio\"><input type=\"radio\" name=\"payment_mode\" value=\"deposit\" checked> Pay deposit now<\/label>\n                            <label class=\"ba-radio\"><input type=\"radio\" name=\"payment_mode\" value=\"full\"> Pay full amount now<\/label>\n                            <label class=\"ba-radio\"><input type=\"radio\" name=\"payment_provider\" value=\"stripe\" checked> Stripe<\/label>\n                            <label class=\"ba-radio\"><input type=\"radio\" name=\"payment_provider\" value=\"paypal\"> PayPal<\/label>\n                            <label class=\"ba-radio\"><input type=\"radio\" name=\"payment_provider\" value=\"later\"> Pay later<\/label>\n                        <\/div>\n                        <div class=\"ba-note\">The wizard only moves forward when the current step is complete. Add to cart to keep building a multi-service order.<\/div>\n                    <\/section>\n                    <div class=\"ba-actions wrap ba-step-actions\">\n                        <button class=\"ba-button ba-button-secondary is-hidden\" type=\"button\" data-ba-prev-step>Back<\/button>\n                        <button class=\"ba-button\" type=\"button\" data-ba-next-step>Next step<\/button>\n                        <button class=\"ba-button ba-button-secondary is-hidden\" type=\"button\" data-ba-add-configured-cart>Add configured item to cart<\/button>\n                        <button class=\"ba-button is-hidden\" type=\"submit\" data-ba-submit-booking>Complete booking<\/button>\n                    <\/div>\n                    <div class=\"ba-response\" data-ba-response><\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n        \n<div class=\"bcs-seo-content-autopilot\">\n<h2>Booking Wizard<\/h2>\n<p>Booking Wizard is explained clearly on this page, with helpful information and related links from Test.<\/p>\n<h3>Helpful information<\/h3>\n<p>This page has been enhanced with clearer structure, useful context and internal links to make it easier for visitors and search engines to understand.<\/p>\n<h3>Frequently asked questions<\/h3>\n<h4>What is Booking Wizard?<\/h4>\n<p>Booking Wizard is presented here with practical information to help visitors understand the page, product or topic clearly.<\/p>\n<h4>Why is Booking Wizard useful?<\/h4>\n<p>Booking Wizard helps visitors find the most relevant information and supports clearer search engine understanding.<\/p>\n<h4>How can I find related information?<\/h4>\n<p>Use the related links and product suggestions on this page to explore connected content across the site.<\/p>\n<p><strong>Next step:<\/strong> Browse the site, compare related options, or contact us if you need help choosing the right product or service.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Booking Wizard Booking Wizard is explained clearly on this page, with helpful information and related links from Test. Helpful information This page has been enhanced with clearer structure, useful context and internal links to make it easier for visitors and search engines to understand. Frequently asked questions What is Booking Wizard? Booking Wizard is presented [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/newstore.brooled.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newstore.brooled.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/newstore.brooled.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/newstore.brooled.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/newstore.brooled.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":1,"href":"https:\/\/newstore.brooled.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/newstore.brooled.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/newstore.brooled.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}