{"id":2,"date":"2017-10-30T13:58:26","date_gmt":"2017-10-30T13:58:26","guid":{"rendered":"http:\/\/booking-wp-plugin.com\/demo\/custom-statuses\/?page_id=2"},"modified":"2026-02-16T09:40:16","modified_gmt":"2026-02-16T09:40:16","slug":"demo","status":"publish","type":"page","link":"https:\/\/www.booking-wp-plugin.com\/demo\/custom-statuses\/","title":{"rendered":"Demo"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"--awb-bg-size:cover;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-text fusion-text-1\"><h1>Bookly Custom Statuses add-on demo<\/h1>\n<\/div><div>\n<div class=\"r-content\">\n<div class=\"bk-form-header\"><div><\/div><div><\/div><div><\/div><\/div>\n<div class=\"bk-form-body\"><!--\nPlugin Name: Bookly - Responsive WordPress Appointment Booking and Scheduling Plugin\nPlugin URI: https:\/\/www.booking-wp-plugin.com\/?utm_source=bookly_admin&utm_medium=plugins_page&utm_campaign=plugins_page\nVersion: 27.3-->\n<style type=\"text\/css\">\n    :root {\n        --bookly-main-color: #f4662f !important;\n        --bookly-color: #f4662f !important;\n    }\n\n    <\/style><div class=\"bookly-css-root\">\n    <div id=\"bookly-form-container-6a138e8574999\" class=\"bookly-form\" data-form_id=\"\" aria-live=\"polite\">\n        <div style=\"text-align: center\"><img decoding=\"async\" src=\"https:\/\/www.booking-wp-plugin.com\/demo\/custom-statuses\/wp-includes\/js\/tinymce\/skins\/lightgray\/img\/loader.gif\" alt=\"Loading...\"\/><\/div>\n    <\/div>\n<\/div>\n<script type=\"text\/javascript\">\n    (function (win, fn) {\n        var done = false, top = true,\n            doc = win.document,\n            root = doc.documentElement,\n            modern = doc.addEventListener,\n            add = modern ? 'addEventListener' : 'attachEvent',\n            rem = modern ? 'removeEventListener' : 'detachEvent',\n            pre = modern ? '' : 'on',\n            init = function (e) {\n                if (e.type == 'readystatechange') if (doc.readyState != 'complete') return;\n                (e.type == 'load' ? win : doc)[rem](pre + e.type, init, false);\n                if (!done) {\n                    done = true;\n                    fn.call(win, e.type || e);\n                }\n            },\n            poll = function () {\n                try {\n                    root.doScroll('left');\n                } catch (e) {\n                    setTimeout(poll, 50);\n                    return;\n                }\n                init('poll');\n            };\n        if (doc.readyState == 'complete') fn.call(win, 'lazy');\n        else {\n            if (!modern) if (root.doScroll) {\n                try {\n                    top = !win.frameElement;\n                } catch (e) {\n                }\n                if (top) poll();\n            }\n            doc[add](pre + 'DOMContentLoaded', init, false);\n            doc[add](pre + 'readystatechange', init, false);\n            win[add](pre + 'load', init, false);\n        }\n    })(window, function () {\n        window.bookly( {\"form_id\":\"6a138e8574999\",\"form_data\":{\"skip_service_step\":0,\"hide_service_part1\":0,\"hide_service_part2\":0,\"defaults\":{\"service_id\":0,\"staff_id\":0,\"location_id\":0,\"category_id\":0,\"units\":0,\"date_from\":0,\"time_from\":0,\"time_to\":0}},\"status\":{\"booking\":\"new\"},\"form_token\":null,\"skip_steps\":{\"service_part1\":0,\"service_part2\":0,\"extras\":1,\"time\":0,\"repeat\":1,\"cart\":1},\"errors\":{\"session_error\":\"Session error.\",\"form_id_error\":\"Form ID error.\",\"cart_item_not_available\":\"The selected time is not available anymore. Please, choose another time slot.\",\"pay_locally_not_available\":\"Pay locally is not available.\",\"invalid_gateway\":\"Invalid gateway.\",\"payment_error\":\"Error.\",\"incorrect_username_password\":\"Incorrect username or password.\"},\"form_attributes\":{\"hide_categories\":false,\"hide_services\":false,\"hide_staff_members\":false,\"show_number_of_persons\":false,\"hide_service_duration\":true,\"hide_locations\":true,\"hide_quantity\":true,\"hide_date\":false,\"hide_week_days\":false,\"hide_time_range\":false},\"use_client_time_zone\":0,\"defaults\":{\"service_id\":0,\"staff_id\":0,\"location_id\":0,\"category_id\":0},\"datepicker_mode\":\"text-accent\",\"facebook\":{\"enabled\":0,\"appId\":\"\"}} );\n    });\n<\/script><\/div>\n<\/div>\n<p>\n<style type=\"text\/css\" scoped=\"scoped\">.fusion-button.button-2 .fusion-button-text, .fusion-button.button-2 i {color:#ff6626;}.fusion-button.button-2 {border-width:1px;border-color:#ff6626;}.fusion-button.button-2 .fusion-button-icon-divider{border-color:#ff6626;}.fusion-button.button-2:hover .fusion-button-text, .fusion-button.button-2:hover i,.fusion-button.button-2:focus .fusion-button-text, .fusion-button.button-2:focus i,.fusion-button.button-2:active .fusion-button-text, .fusion-button.button-2:active{color:#ffffff;}.fusion-button.button-2:hover, .fusion-button.button-2:focus, .fusion-button.button-2:active{border-width:1px;border-color:#ffffff;}.fusion-button.button-2:hover .fusion-button-icon-divider, .fusion-button.button-2:hover .fusion-button-icon-divider, .fusion-button.button-2:active .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-2{background: #ffffff;}.fusion-button.button-2:hover,.button-2:focus,.fusion-button.button-2:active{background: #ff6626;}.fusion-button.button-2{width:auto;}<\/style><a class=\"fusion-button button-flat fusion-button-round button-large button-custom button-2 mobileaddon-main-right-btn2\" target=\"_self\" rel=\"noopener noreferrer\" href=\"\/add-ons\/use-custom-statuses\/\"><span class=\"fusion-button-text\">Details<\/span><\/a>\n\u00a0\u00a0\u00a0\n<style type=\"text\/css\" scoped=\"scoped\">.fusion-button.button-1 .fusion-button-text, .fusion-button.button-1 i {color:#ffffff;}.fusion-button.button-1 {border-width:1px;border-color:#ff6626;}.fusion-button.button-1 .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-1:hover .fusion-button-text, .fusion-button.button-1:hover i,.fusion-button.button-1:focus .fusion-button-text, .fusion-button.button-1:focus i,.fusion-button.button-1:active .fusion-button-text, .fusion-button.button-1:active{color:#ff6626;}.fusion-button.button-1:hover, .fusion-button.button-1:focus, .fusion-button.button-1:active{border-width:1px;border-color:#ff6626;}.fusion-button.button-1:hover .fusion-button-icon-divider, .fusion-button.button-1:hover .fusion-button-icon-divider, .fusion-button.button-1:active .fusion-button-icon-divider{border-color:#ff6626;}.fusion-button.button-1{background: #ff6626;}.fusion-button.button-1:hover,.button-1:focus,.fusion-button.button-1:active{background: #ffffff;}.fusion-button.button-1{width:auto;}<\/style><a class=\"fusion-button button-flat fusion-button-round button-large button-custom button-1 mobileaddon-main-right-btn1\" target=\"_self\" rel=\"noopener noreferrer\" href=\"https:\/\/www.booking-wp-plugin.com\/add-ons\/\"><span class=\"fusion-button-text\">Buy Add-on<\/span><\/a>\n<\/p>\n\n<div class=\"l-bar\">\n<h2 class=\"title\">Back-end Demo<\/h2>\n<p>To view Bookly admin panel please click login button.<\/p>\n\n<form name=\"loginform\" id=\"loginform\" action=\"wp-login.php\" method=\"post\" target=\"_blank\">\n <p>\n  <label class=\"user-label\" for=\"user_login\">Username:<input type=\"text\" name=\"log\" id=\"user_login\" class=\"\" value=\"demo\" size=\"20\"><\/label>\n <\/p>\n <p>\n  <label class=\"password-label\" for=\"user_pass\">Password:<input type=\"password\" name=\"pwd\" id=\"user_pass\" class=\"\" value=\"demo\" size=\"20\"><\/label>\n <\/p>\n <p class=\"submit\">\n  <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button button-primary button-large\" value=\"Log In\">\n  <input type=\"hidden\" name=\"redirect_to\" value=\"wp-admin\/admin.php?page=bookly-calendar\">\n <\/p>\n<\/form>\n<\/div>\n<style>\n.ab-tabs-list {\n    padding: 0px 0 25px 0px;\n    clear: both;\n}\n.ab-tabs-list div.tooltip {\n    max-width: auto!important;\n    width: 380px!important;\n}\n.ab-tabs-list ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.ab-tabs-list ul li {\n    display: inline-block;\n    text-align: center;\n    margin: 0 -1px;\n    position: relative;\n    padding: 0 22px;\n}\n\n.ab-tabs-list ul li.ab-default {\n    background: url('https:\/\/booking-wp-plugin.com\/wp-content\/uploads\/2017\/10\/circle_success.png') 0 0 no-repeat;\n    background-size: 17px;\n}\n.ab-tabs-list ul li.ab-calendar {\n    background: url('https:\/\/booking-wp-plugin.com\/wp-content\/uploads\/2017\/10\/time.png') 0 0 no-repeat;\n    background-size: 17px;\n}\n.ab-tabs-list ul li.ab-cart {\n    background: url('https:\/\/booking-wp-plugin.com\/wp-content\/uploads\/2017\/10\/shop.png') 0 0 no-repeat;\n    background-size: 17px;\n}\n.ab-tabs-list ul li.ab-group-booking {\n    background: url('https:\/\/booking-wp-plugin.com\/wp-content\/uploads\/2017\/10\/social.png') 0 0 no-repeat;\n    background-size: 17px;\n}\n\n.ab-tabs-list ul li a {\n    color: black;\n    height: auto!important;\n    line-height: normal!important;\n    padding: 26px 0;\n    padding-top: 0;\n    padding-bottom: 10px;\n    border-top: 0;\n    font-size: 14px;\n    display: block;\n}\n.ab-tabs-list ul li a.active {\n    border-bottom: 3px solid #ff8128;\n}\n.ab-tabs-list ul li.ab-clinic .ab-tooltip,\n.ab-tabs-list ul li.ab-consultant .ab-tooltip,\n.ab-tabs-list ul li.ab-rooms .ab-tooltip,\n.ab-tabs-list ul li.ab-classes .ab-tooltip {\n    position: absolute;\n    padding: 1px;\n    font-family: Bell MT Bold;\n    color: white;\n    font-weight: bold;\n    background: #f4662f;\n    right: -7px;\n    top: 2px;\n    width: 22px;\n    border-radius: 50%;\n    cursor:pointer;\n}\n.r-content .bk-form-header {\n    height: 40px;\n    background-color: #e5e5e5;\n    border-radius: 16px 16px 0px 0px;\n    margin: 0 28px;\n}\n.r-content .bk-form-header div {\n    width: 13px;\n    height: 13px;\n    background-color: #fff;\n    margin: 14px 0 0 5px;\n    border-radius: 7px;\n    display: inline-block;\n}\n.r-content .bk-form-header div:first-child {\n    margin-left: 18px;\n}\n.r-content .bk-form-body {\n    padding: 90px 23px 40px;\n    border: solid 1px #f8f8f8;\n    margin: -40px 27px 40px;\n    box-shadow: 0px 20px 25px 0px #f0f0f0;\n    border-radius: 16px;\n}\n\n.l-bar { \n    width: 27%;\n    float: right;\n    color: #666;\n    margin-top: 7px;\n }\n.l-bar .title { \n    font-size: 27px!important; \n    font-weight: bold!important; \n    padding-bottom: 30px; \n    position: relative; \n}\n.l-bar .title:before { position: absolute; width: 35px; height: 5px; background: #f3662e; left:0; bottom:0; content: ''; }\n.l-bar .admin-panel { color: #f4662f; display: inline-block; padding-top: 35px; line-height: 20px; }\n.r-content { \n\n    float: left;\n    margin-left: -30px;\n    width: 75%;\n}\n#loginform label.user-label { padding-left: 25px;background: url('\/wp-content\/uploads\/2015\/05\/user-label.png') 0 2px no-repeat; }\n#loginform label.password-label { padding-left: 25px;background: url('\/wp-content\/uploads\/2015\/05\/password-label.png') 0 1px no-repeat; }\n#loginform label > input {\n    width: 85px;\n    display: inline-block;\n    border: 0;\n    height: 29px;\n    background: #f2f2f2;\n    text-align: center;\n    float: right;\n    color: black;\n    font-size: 17px;\n    margin: 0;\n    margin-top: -4px;\n}\n#loginform #wp-submit {\nborder: 0;\n  float: right;\n  padding: 6px 22.5px;\n  cursor: pointer;\n}\ninput, select, textarea {\n    color: #333 !important;\n}\n@media screen and (max-width: 767px) {\n    .l-bar, .r-content {\n        float: none;\n        width: 100%;\n    }\n    .l-bar {\n        overflow: hidden;\n        margin-bottom: 30px;\n    }\n    .r-content {\n        margin: 0 -30px;\n        background-size: 100% 100%;\n        width: auto;\n    }\n    #loginform { max-width: 200px; }\n    .post-content > div { margin-top:0!important; }\n}\n@media screen and (max-width: 650px) {\n    .r-content .bk-form-body {\n        padding: 65px 20px 15px;\n    }\n}\n.webui-popover {\n    font-weight: bold;\n    font-size: 14px;\n    max-width: 500px!important;\n    border-color: rgb(244, 102, 47) !important;\n    box-shadow: 0px 5px 10px rgba(244, 102, 47, 0.2)!important;\n}\n<\/style>\n<\/div><div class=\"ab-tabs-list\">\n<ul>\n<li style=\"padding-left:0\" class=\"\"><a style=\"border-bottom:0!important;cursor:default\" href=\"javascript:void(0)\">Check more demo:<\/a><\/li>\n<li class=\"ab-calendar\">\n<a href=\"http:\/\/booking-wp-plugin.com\/demo\/consultant\/\">Calendar<\/a>\n<\/li>\n<li class=\"ab-cart\">\n<a href=\"http:\/\/booking-wp-plugin.com\/demo\/cart\/\">Cart<\/a>\n<\/li>\n<li class=\"ab-group-booking\">\n<a href=\"http:\/\/booking-wp-plugin.com\/demo\/group-booking\/\">Group booking<\/a>\n<\/li>\n<\/ul>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.booking-wp-plugin.com\/demo\/custom-statuses\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.booking-wp-plugin.com\/demo\/custom-statuses\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.booking-wp-plugin.com\/demo\/custom-statuses\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.booking-wp-plugin.com\/demo\/custom-statuses\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.booking-wp-plugin.com\/demo\/custom-statuses\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":0,"href":"https:\/\/www.booking-wp-plugin.com\/demo\/custom-statuses\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.booking-wp-plugin.com\/demo\/custom-statuses\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}