CINXE.COM

<!doctype html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="https://gmpg.org/xfn/11"> <title>Booking Cancelation – Appointment Booking Demo</title> <meta name='robots' content='max-image-preview:large' /> <link rel='dns-prefetch' href='//use.fontawesome.com' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel="alternate" type="application/rss+xml" title="Booking Cancelation » Feed" href="https://appointment.getmotopress.com/demo-booking-cancelation/feed/" /> <link rel="alternate" type="application/rss+xml" title="Booking Cancelation » Comments Feed" href="https://appointment.getmotopress.com/demo-booking-cancelation/comments/feed/" /> <script> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/appointment.getmotopress.com\/demo-booking-cancelation\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.5.5"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); </script> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://appointment.getmotopress.com/demo-booking-cancelation/wp-includes/css/dist/block-library/style.min.css?ver=6.5.5' media='all' /> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--color-1: #0b0a36;--wp--preset--color--color-2: #3b3b4f;--wp--preset--color--color-3: #8a8a9a;--wp--preset--color--color-4: #dbdbe9;--wp--preset--color--color-5: #f2f6f7;--wp--preset--color--color-6: #418b78;--wp--preset--color--color-7: #9cd161;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='fontawesome-free-css' href='https://use.fontawesome.com/releases/v5.10.0/css/all.css?ver=5.10.0' media='all' /> <link rel='stylesheet' id='edme-fonts-css' href='https://fonts.googleapis.com/css2?family=Raleway%3Aital%2Cwght%400%2C400%3B0%2C500%3B0%2C600%3B0%2C700%3B0%2C800%3B1%2C400%3B1%2C500%3B1%2C600%3B1%2C700%3B1%2C800&family=Open+Sans%3Aital%2Cwght%400%2C400%3B0%2C600%3B0%2C700%3B1%2C400%3B1%2C600%3B1%2C700&display=swap&ver=1.4.6' media='all' /> <link rel='stylesheet' id='edme-style-css' href='https://appointment.getmotopress.com/demo-booking-cancelation/wp-content/themes/edme/style.css?ver=1.4.6' media='all' /> <link rel='stylesheet' id='magnific-popup-style-css' href='https://appointment.getmotopress.com/demo-booking-cancelation/wp-content/plugins/motopress-demo/assets/css/magnific-popup.min.css?ver=0.9.9' media='all' /> <link rel='stylesheet' id='mp-demo-style-css' href='https://appointment.getmotopress.com/demo-booking-cancelation/wp-content/plugins/motopress-demo/assets/css/popup.min.css?ver=1.7.6' media='all' /> <link rel='stylesheet' id='mp-cookie-consent-css' href='https://appointment.getmotopress.com/demo-booking-cancelation/wp-content/plugins/mp-cookie-consent/assets/style.css?ver=1.1.1' media='all' /> <script src="https://appointment.getmotopress.com/demo-booking-cancelation/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://appointment.getmotopress.com/demo-booking-cancelation/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <link rel="https://api.w.org/" href="https://appointment.getmotopress.com/demo-booking-cancelation/wp-json/" /><link rel="alternate" type="application/json" href="https://appointment.getmotopress.com/demo-booking-cancelation/wp-json/wp/v2/pages/14" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://appointment.getmotopress.com/demo-booking-cancelation/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.5.5" /> <link rel="canonical" href="https://appointment.getmotopress.com/demo-booking-cancelation/" /> <link rel='shortlink' href='https://appointment.getmotopress.com/demo-booking-cancelation/' /> <link rel="alternate" type="application/json+oembed" href="https://appointment.getmotopress.com/demo-booking-cancelation/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fappointment.getmotopress.com%2Fdemo-booking-cancelation%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://appointment.getmotopress.com/demo-booking-cancelation/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fappointment.getmotopress.com%2Fdemo-booking-cancelation%2F&format=xml" />  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PQC485F');</script>  <script type="text/javascript"> window.zESettings = { webWidget: { color: { theme: '#1f4ace', articleLinks: '#1f4ace', }, helpCenter: { suppress: true, }, chat: { connectOnPageLoad: false, } } }; </script> <style> .mp-cookie-consent .button-outlined { background: transparent; color: inherit; border: 1px solid; } .mp-cookie-consent button { padding: .5em 1em; } </style> <style id="wp-custom-css"> .site-wrapper .site-main { max-width: 700px; } .site-branding .custom-logo-link img { width: 40px; } .site-branding .site-title { text-transform: initial; font-weight: 600; font-size: 20px; } .site-branding .custom-logo-link { margin-right: 1em; } .post-header-container { min-height: 100px; padding-top: 40px; padding-bottom: 40px; } .post-header .page-title, .post-header .entry-title { font-size:36px; } body.single.single-mpa_employee .post-thumbnail { display: none; } .mpa-shortcode.mpa-services-list-shortcode .mpa-attributes.mpa-service-attributes { margin-top: 1em; list-style: none; padding-left: 0; font-weight: 600; } .mpa-input-wrapper.mpa-coupon-code-wrapper { float: left; margin-right: 1em; width: 80%; } </style> </head> <body class="home page-template-default page page-id-14 wp-embed-responsive"> <div id="page" class="site"> <a class="skip-link screen-reader-text" href="#primary">Skip to content</a> <header id="masthead" class="site-header"> <div class="site-header-wrapper"> <div class="site-branding"> <div class="site-title-wrapper"> <p class="site-title"><a href="https://appointment.getmotopress.com/demo-booking-cancelation/" rel="home">Booking Cancelation</a></p> <p class="site-description">Appointment Booking Demo</p> </div> </div> <div class="main-navigation-wrapper"> <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">Menu</button> <div class="main-navigation-container"> <nav id="site-navigation" class="main-navigation"> <div class="primary-menu-container"><ul id="primary-menu" class="menu"><li id="menu-item-22" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22"><a href="https://appointment.getmotopress.com/">Start Free Trial</a></li> </ul></div><div class="primary-menu-more"><ul class="menu nav-menu"><li class="menu-item menu-item-has-children"><button class="submenu-expand primary-menu-more-toggle is-empty" tabindex="-1" aria-label="More" aria-haspopup="true" aria-expanded="false"><span class="screen-reader-text">More</span><svg height="20px" viewBox="-14 -174 474.66578 474" width="20px" xmlns="http://www.w3.org/2000/svg"> <path d="m382.457031-10.382812c-34.539062-.003907-62.539062 28-62.539062 62.542968 0 34.539063 28 62.539063 62.539062 62.539063 34.542969 0 62.542969-28 62.542969-62.539063-.039062-34.527344-28.015625-62.503906-62.542969-62.542968zm0 100.148437c-20.765625 0-37.605469-16.839844-37.605469-37.605469 0-20.769531 16.839844-37.605468 37.605469-37.605468 20.769531 0 37.605469 16.832031 37.605469 37.605468-.023438 20.757813-16.847656 37.574219-37.605469 37.605469zm0 0"/> <path d="m222.503906-10.382812c-34.542968 0-62.546875 28-62.546875 62.542968 0 34.539063 28.003907 62.539063 62.546875 62.539063 34.539063 0 62.539063-28 62.539063-62.539063 0-34.542968-28-62.542968-62.539063-62.542968zm0 100.148437c-20.773437 0-37.613281-16.839844-37.613281-37.605469 0-20.773437 16.839844-37.605468 37.613281-37.605468 20.765625 0 37.601563 16.832031 37.601563 37.605468 0 20.765625-16.835938 37.605469-37.601563 37.605469zm0 0"/> <path d="m62.542969-10.382812c-34.542969 0-62.542969 28-62.542969 62.542968 0 34.539063 28 62.539063 62.542969 62.539063 34.539062 0 62.539062-28 62.539062-62.539063-.039062-34.527344-28.015625-62.503906-62.539062-62.542968zm0 100.148437c-20.769531 0-37.605469-16.839844-37.605469-37.605469 0-20.773437 16.835938-37.605468 37.605469-37.605468s37.601562 16.832031 37.601562 37.605468c0 20.765625-16.835937 37.605469-37.601562 37.605469zm0 0"/></svg></button><ul class="sub-menu hidden-links"></ul></li></ul></div> </nav> </div> </div> </div> </header> <div class="post-header" > <div class="post-header-container"> <div class="post-header-wrapper"> <div class="post-title-wrapper"> <h2 class="entry-title">Make an Appointment</h2> </div> </div> </div> </div> <div class="site-container default-page"> <div class="site-wrapper single-post"> <main id="primary" class="site-main"> <div class="single-page-wrapper"> <article id="post-14" class="post-14 page type-page status-publish hentry"> <header class="entry-header hidden"> <h1 class="entry-title">Make an Appointment</h1> </header> <div class="entry-content"> <p class="has-text-align-center has-background" style="background-color:#ffeec5">In this demo, users can cancel their booking using the link provided in the booking confirmation email.</p> <div class="mpa-shortcode appointment-form-shortcode"> <div class="mpa-booking-step mpa-booking-step-service-form mpa-hide"> <form class="mpa-service-form" method="POST" action=""> <p class="mpa-input-wrapper mpa-service-wrapper"> <label for="mpa-service-674bf6a8db8bb"> Service <strong><abbr title="Required">*</abbr></strong> </label> <select id="mpa-service-674bf6a8db8bb" class="mpa-service" data-default="12" data-is-hidden="true"><option value="" selected='selected'>— Select —</option></select> </p> <p class="mpa-actions"> <button type="button" class="button button-primary mpa-button-next" disabled="disabled">Next</button> </p> </form> <div class="mpa-loading"></div> </div> <div class="mpa-booking-step mpa-booking-step-period mpa-hide"> <p class="mpa-shortcode-title"> Select Date & Time </p> <div class="mpa-input-container"> <div class="mpa-input-wrapper mpa-date-wrapper"> <input class="mpa-date mpa-hide" type="hidden" value=""> <div class="mpa-loading"></div> </div> <div class="mpa-input-wrapper mpa-time-wrapper mpa-hide"> <div class="mpa-times-container"> <div class="mpa-times mpa-three-columns"></div> </div> </div> </div> <p class="mpa-actions mpa-hide"> <button type="button" class="button button-secondary mpa-button-back">Back</button> <button type="button" class="button button-primary mpa-button-next">Next</button> </p> <div class="mpa-loading"></div> </div> <div class="mpa-booking-step mpa-booking-step-cart mpa-hide"> <p class="mpa-shortcode-title"> Your Reservation </p> <div class="mpa-cart"> <div class="mpa-cart-items"> <div class="mpa-cart-item mpa-cart-item-template"> <div class="item-header"> <div class="cell cell-service"> <span class="cell-value mpa-service-name">{service_name}</span> </div> <div class="cell cell-date"> <div class="cell-value"> <span class="mpa-reservation-date">{reservation_date}</span> · <span class="mpa-reservation-time">{reservation_time}</span> </div> </div> </div> <div class="item-body"> <div class="cell cell-location"> <p class="cell-title"> Location </p> <span class="cell-value mpa-location-name">{location_name}</span> </div> <div class="cell cell-people"> <p class="cell-title mpa-capacity-label">Clients</p> <div class="cell-value mpa-reservation-capacity">{reservation_capacity}</div> </div> <div class="cell cell-employee"> <p class="cell-title"> Employee </p> <span class="cell-value mpa-employee-name">{employee_name}</span> </div> <div class="cell cell-price"> <p class="cell-title">Price</p> <span class="cell-value mpa-reservation-price">{reservation_price}</span> </div> </div> <div class="item-footer"> <div class="cell cell-actions"> <button type="button" class="button button-secondary mpa-button-edit-or-remove">Edit</button> </div> </div> </div> <div class="no-items"> Your cart is empty. </div> </div> </div> <p class="mpa-cart-total"> Total: <span class="mpa-cart-total-price"><span class="mpa-price"><span class="mpa-currency">€</span>0</span></span> </p> <p class="mpa-actions mpa-hide"> <button type="button" class="button button-primary mpa-button-next">Next</button> </p> </div> <div class="mpa-booking-step mpa-booking-step-checkout mpa-hide"> <form class="mpa-checkout-form" method="POST" action=""> <section class="mpa-customer-details mpa-checkout-section"> <p class="mpa-shortcode-title"> Your Information </p> <p class="mpa-required-tip"> <small>Required fields are followed by <strong><abbr title="Required">*</abbr></strong>.</small> </p> <p class="mpa-input-wrapper mpa-customer-name-wrapper"> <label for="mpa-customer-name-674bf6a8dc3fc"> Name <strong><abbr title="Required">*</abbr></strong> </label> <input id="mpa-customer-name-674bf6a8dc3fc" class="mpa-customer-name" type="text" name="name" placeholder="Name" required="required"> </p> <p class="mpa-input-wrapper mpa-customer-email-wrapper"> <label for="mpa-customer-email-674bf6a8dc3fc"> Email <strong><abbr title="Required">*</abbr></strong> </label> <input id="mpa-customer-email-674bf6a8dc3fc" class="mpa-customer-email" type="email" name="email" placeholder="Email" required="required"> </p> <p class="mpa-input-wrapper mpa-customer-phone-wrapper"> <label for="mpa-customer-phone-674bf6a8dc3fc"> Phone <strong><abbr title="Required">*</abbr></strong> </label> <input id="mpa-customer-phone-674bf6a8dc3fc" class="mpa-customer-phone" type="tel" name="tel" placeholder="" autocomplete="on" required="required" > </p> <p class="mpa-input-wrapper mpa-customer-notes-wrapper"> <label for="mpa-customer-notes-674bf6a8dc3fc"> Booking notes </label> <textarea id="mpa-customer-notes-674bf6a8dc3fc" class="mpa-customer-notes" name="notes" rows="4"></textarea> </p> </section> <section class="mpa-checkout-section mpa-order-details"> <p class="mpa-shortcode-title"> Your Order </p> <div class="mpa-order"></div> </section> <p class="mpa-actions"> <button type="button" class="button button-secondary mpa-button-back">Back</button> <button type="submit" class="button button-primary mpa-button-next" disabled="disabled">Reserve</button> </p> </form> </div> <div class="mpa-booking-step mpa-booking-step-payment mpa-hide"> <form class="mpa-checkout-form" method="POST" action=""> <section class="mpa-billing-details mpa-checkout-section"> <p class="mpa-shortcode-title mpa-payment-gateways-title"> Payment Method </p> <p class="mpa-no-payment-gateways"> Sorry, it seems that there are no available payment methods. </p> </section> <p class="mpa-message mpa-error mpa-hide"></p> <p class="mpa-actions"> <button type="button" class="button button-secondary mpa-button-back">Back</button> <button type="submit" class="button button-primary mpa-button-next" disabled="disabled">Reserve</button> </p> </form> <div class="mpa-loading"></div> </div> <div class="mpa-booking-step mpa-booking-step-booking mpa-hide"> <p class="mpa-message"> Making a reservation… <span class="mpa-preloader"></span> </p> <div class="mpa-booking-details mpa-hide"> <div class="mpa-booking-details-section booking-reservations"> <div class="reservation"> <div class="mpa-booking-details-section-row"> <span class="cell reservation-title value"></span> <div class="cell reservation-full-date value"> <span class="reservation-date"></span> · <span class="reservation-time"></span> </div> </div> <div class="reservation-calendar-links mpa-booking-details-section-row"> <span class="cell label">Add to your calendar: </span> <div class="cell value"> <a href="#" target="_blank" class="mpa-add-to-calendar-link mpa-add-to-calendar-link--google" title="Google"><span class="mpa-add-to-calendar-link-text">Google</span></a>, <a href="#" target="_self" class="mpa-add-to-calendar-link mpa-add-to-calendar-link--apple" download="cal.ics" title="Apple"><span class="mpa-add-to-calendar-link-text">Apple</span></a>, <a href="#" target="_self" class="mpa-add-to-calendar-link mpa-add-to-calendar-link--outlook" download="cal.ics" title="Outlook"><span class="mpa-add-to-calendar-link-text">Outlook</span></a>, <a href="#" target="_blank" class="mpa-add-to-calendar-link mpa-add-to-calendar-link--yahoo" title="Yahoo!"><span class="mpa-add-to-calendar-link-text">Yahoo!</span></a> </div> </div> </div> </div> </div> <p class="mpa-actions mpa-hide"> <button type="button" class="button button-secondary mpa-button-back">Back</button> <button type="button" class="button button-primary mpa-button-reset">Add New Reservation</button> </p> </div> <p class="mpa-message mpa-error mpa-hide"></p> <div class="mpa-loading"></div> </div> </div> </article> </div> </main> </div> </div> <footer id="colophon" class="site-footer"> <div class="site-footer-wrapper"> <div class="site-footer-default"> <div class="footer-widgets"> </div> <div class="site-info"> Booking Cancelation © 2024 All Rights Reserved </div> </div> </div> </footer> </div>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PQC485F" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <script type="text/javascript"> window.addEventListener('load', function() { var ua = navigator.userAgent.toLowerCase(), platform = navigator.platform.toLowerCase(); platformName = ua.match(/ip(?:ad|od|hone)/) ? 'ios' : (ua.match(/(?:webos|android)/) || platform.match(/mac|win|linux/) || ['other'])[0], isMobile = /ios|android|webos/.test(platformName); if (!isMobile) { (function() { var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.id = 'ze-snippet';lc.src = 'https://static.zdassets.com/ekr/snippet.js?key=878ed2b1-5baf-4009-9dc6-d634047cd2d5';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s); lc.addEventListener( 'load', function() { zE('webWidget', 'setLocale', 'en-US'); zE('webWidget:on', 'open', function() { zE('webWidget', 'chat:removeTags', 'bnbforms', 'gutenix'); }); } ); })(); }}); </script> <link rel='stylesheet' id='flatpickr-css' href='https://appointment.getmotopress.com/demo-booking-cancelation/wp-content/plugins/motopress-appointment/assets/js/flatpickr-4.6.3/dist/flatpickr.min.css?ver=4.6.3' media='all' /> <link rel='stylesheet' id='intl-tel-input-css' href='https://appointment.getmotopress.com/demo-booking-cancelation/wp-content/plugins/motopress-appointment/assets/js/intl-tel-input-17.0.19/css/intlTelInput.min.css?ver=17.0.19' media='all' /> <link rel='stylesheet' id='mpa-public-css' href='https://appointment.getmotopress.com/demo-booking-cancelation/wp-content/plugins/motopress-appointment/assets/css/public.min.css?ver=2.1.2' media='all' /> <script src="https://appointment.getmotopress.com/demo-booking-cancelation/wp-content/themes/edme/js/functions.js?ver=1.4.6" id="edme-functions-js"></script> <script id="mp-cookie-consent-js-extra"> var MP_COOKIE_CONSENT = {"popupHTML":"\n<div class=\"mp-cookie-consent\" id=\"mp-cookie-consent\">\n <div class=\"mp-cookie-consent__base\">\n <div class=\"mp-cookie-consent__text\">\n <p class=\"mp-cookie-consent__text-title\">This website uses cookies<\/p>\n <p class=\"mp-cookie-consent__text-description\">By clicking \u201cAccept All\u201d, you agree that we can store cookies on your device and disclose information in accordance with our Cookie Policy<\/p>\n <\/div>\n <div class=\"mp-cookie-consent__actions\">\n <button id=\"mp-cookie-consent__customize\"\n class=\"button-outlined\"\n >Customize<\/button>\n <button id=\"mp-cookie-consent__accept-all\"\n class=\"button\"\n >Accept All<\/button>\n <\/div>\n <\/div>\n <div class=\"mp-cookie-consent__preferences hidden\">\n <div class=\"mp-cookie-consent__preferences-item\">\n <label class=\"mp-cookie-consent__switch disabled\">\n <input class=\"mp-cookie-consent__switch-checkbox\" type=\"checkbox\" checked disabled>\n <span class=\"mp-cookie-consent__switch-toggle\"><\/span>\n <\/label>\n <div>\n <p class=\"mp-cookie-consent__preferences-item-label\">Necessary Cookies<\/p>\n <p class=\"mp-cookie-consent__preferences-item-description\">These cookies are essential for website functionality and cannot be disabled.<\/p>\n <\/div>\n <\/div>\n <div class=\"mp-cookie-consent__preferences-item\">\n <label class=\"mp-cookie-consent__switch\">\n <input class=\"mp-cookie-consent__switch-checkbox\" type=\"checkbox\" checked name=\"advertising\">\n <span class=\"mp-cookie-consent__switch-toggle\"><\/span>\n <\/label>\n <div>\n <p class=\"mp-cookie-consent__preferences-item-label\">Advertising<\/p>\n <p class=\"mp-cookie-consent__preferences-item-description\">These cookies, set by us and our advertising partners, aim to give you useful content and measure how well it works.<\/p>\n <\/div>\n <\/div>\n <div class=\"mp-cookie-consent__preferences-item\">\n <label class=\"mp-cookie-consent__switch\">\n <input class=\"mp-cookie-consent__switch-checkbox\" type=\"checkbox\" checked name=\"analytics\">\n <span class=\"mp-cookie-consent__switch-toggle\"><\/span>\n <\/label>\n <div>\n <p class=\"mp-cookie-consent__preferences-item-label\">Analytics<\/p>\n <p class=\"mp-cookie-consent__preferences-item-description\">These cookies help us improve performance by tracking user interactions on our website.<\/p>\n <\/div>\n <\/div>\n <div class=\"mp-cookie-consent__actions\">\n <button id=\"mp-cookie-consent__back\" class=\"button-outlined\">Back<\/button>\n <button id=\"mp-cookie-consent__accept-selected\" class=\"button\">Accept Selected<\/button>\n <\/div>\n <\/div>\n<\/div>\n"}; </script> <script src="https://appointment.getmotopress.com/demo-booking-cancelation/wp-content/plugins/mp-cookie-consent/assets/script.js?ver=1.1.1" id="mp-cookie-consent-js"></script> <script src="https://appointment.getmotopress.com/demo-booking-cancelation/wp-includes/js/dist/vendor/wp-polyfill-inert.min.js?ver=3.1.2" id="wp-polyfill-inert-js"></script> <script src="https://appointment.getmotopress.com/demo-booking-cancelation/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.14.0" id="regenerator-runtime-js"></script> <script src="https://appointment.getmotopress.com/demo-booking-cancelation/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script src="https://appointment.getmotopress.com/demo-booking-cancelation/wp-includes/js/dist/hooks.min.js?ver=2810c76e705dd1a53b18" id="wp-hooks-js"></script> <script src="https://appointment.getmotopress.com/demo-booking-cancelation/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script src="https://appointment.getmotopress.com/demo-booking-cancelation/wp-includes/js/dist/vendor/moment.min.js?ver=2.29.4" id="moment-js"></script> <script id="moment-js-after"> moment.updateLocale( 'en_US', {"months":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthsShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"weekdays":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"weekdaysShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"week":{"dow":1},"longDateFormat":{"LT":"g:i a","LTS":null,"L":null,"LL":"F j, Y","LLL":"F j, Y g:i a","LLLL":null}} ); </script> <script src="https://appointment.getmotopress.com/demo-booking-cancelation/wp-includes/js/dist/deprecated.min.js?ver=e1f84915c5e8ae38964c" id="wp-deprecated-js"></script> <script src="https://appointment.getmotopress.com/demo-booking-cancelation/wp-includes/js/dist/date.min.js?ver=aaca6387d1cf924acc51" id="wp-date-js"></script> <script id="wp-date-js-after"> wp.date.setSettings( {"l10n":{"locale":"en_US","months":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthsShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"weekdays":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"weekdaysShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"meridiem":{"am":"am","pm":"pm","AM":"AM","PM":"PM"},"relative":{"future":"%s from now","past":"%s ago","s":"a second","ss":"%d seconds","m":"a minute","mm":"%d minutes","h":"an hour","hh":"%d hours","d":"a day","dd":"%d days","M":"a month","MM":"%d months","y":"a year","yy":"%d years"},"startOfWeek":1},"formats":{"time":"g:i a","date":"F j, Y","datetime":"F j, Y g:i a","datetimeAbbreviated":"M j, Y g:i a"},"timezone":{"offset":0,"offsetFormatted":"0","string":"","abbr":""}} ); </script> <script id="wp-api-request-js-extra"> var wpApiSettings = {"root":"https:\/\/appointment.getmotopress.com\/demo-booking-cancelation\/wp-json\/","nonce":"5abd90e2b7","versionString":"wp\/v2\/"}; </script> <script src="https://appointment.getmotopress.com/demo-booking-cancelation/wp-includes/js/api-request.min.js?ver=6.5.5" id="wp-api-request-js"></script> <script src="https://appointment.getmotopress.com/demo-booking-cancelation/wp-content/plugins/motopress-appointment/assets/js/flatpickr-4.6.3/dist/flatpickr.min.js?ver=4.6.3" id="flatpickr-js"></script> <script id="intl-tel-input-js-before"> var mpaData = mpaData || {}; if (typeof mpaData.urls !== 'undefined') { var newData = JSON.parse(decodeURIComponent('%7B%22plugin%22%3A%22https%3A%5C%2F%5C%2Fappointment.getmotopress.com%5C%2Fdemo-booking-cancelation%5C%2Fwp-content%5C%2Fplugins%5C%2Fmotopress-appointment%5C%2F%22%7D')); mpaData.urls = {...mpaData.urls, ...newData}; } else { mpaData.urls = JSON.parse(decodeURIComponent('%7B%22plugin%22%3A%22https%3A%5C%2F%5C%2Fappointment.getmotopress.com%5C%2Fdemo-booking-cancelation%5C%2Fwp-content%5C%2Fplugins%5C%2Fmotopress-appointment%5C%2F%22%7D')); } if (typeof mpaData.settings !== 'undefined') { var newData = JSON.parse(decodeURIComponent('%7B%22country%22%3A%22%22%7D')); mpaData.settings = {...mpaData.settings, ...newData}; } else { mpaData.settings = JSON.parse(decodeURIComponent('%7B%22country%22%3A%22%22%7D')); } </script> <script src="https://appointment.getmotopress.com/demo-booking-cancelation/wp-content/plugins/motopress-appointment/assets/js/intl-tel-input-17.0.19/js/intlTelInput.min.js?ver=17.0.19" id="intl-tel-input-js"></script> <script src="https://appointment.getmotopress.com/demo-booking-cancelation/wp-content/plugins/motopress-appointment/assets/js/public.min.js?ver=2.1.2" id="mpa-public-js"></script> </body> </html>