{"id":7337,"date":"2026-04-02T17:13:17","date_gmt":"2026-04-02T11:43:17","guid":{"rendered":"https:\/\/holithemes.com\/plugins\/click-to-chat\/?post_type=demo&#038;p=7337"},"modified":"2026-04-08T15:48:29","modified_gmt":"2026-04-08T10:18:29","slug":"greeting-form-date-scheduler","status":"publish","type":"demo","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/demo\/greeting-form-date-scheduler\/","title":{"rendered":"Demo &#8211; Greeting Form Date Scheduler"},"content":{"rendered":"\n\n  <div class=\"demo-wrapper\">\n    <div class=\"background-particles\" aria-hidden=\"true\">\n      <div class=\"particle particle-1\"><\/div>\n      <div class=\"particle particle-2\"><\/div>\n      <div class=\"particle particle-3\"><\/div>\n    <\/div>\n\n    <header class=\"hero\">\n      <div class=\"hero-content-center\">\n        <div class=\"hero-badge\">\n          <span class=\"badge-icon\" aria-hidden=\"true\">\u23f0<\/span>\n          Date &#038; Time Field &#8211; Greetings Form\n        <\/div>\n\n        <h1 class=\"hero-title\">\n          <span class=\"text-cyan\">Date &#038; Time<\/span>\n          <span class=\"text-purple\">Selection<\/span>\n        <\/h1>\n\n        <p class=\"hero-description\">\n          Collect both date and time information from your visitors. Perfect for gathering preferred timing details before starting a WhatsApp conversation.\n        <\/p>\n        \n        <div class=\"hero-buttons\">\n          <button class=\"btn-primary ctc_greetings\">\n            Try Date &#038; Time\n          <\/button>\n          <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/docs\/greetings-form-date-field\/\" class=\"btn-secondary\">\n            Documentation\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/header>\n\n    <section class=\"use-case-section\">\n      <div class=\"use-case-container\">\n        <div class=\"use-case-item\">\n          <div class=\"use-case-icon\">\ud83d\udcdd<\/div>\n          <h3>Inquiries<\/h3>\n          <p>With Timing Details<\/p>\n        <\/div>\n        <div class=\"use-case-item\">\n          <div class=\"use-case-icon\">\ud83d\udcac<\/div>\n          <h3>Requests<\/h3>\n          <p>Time Preferences<\/p>\n        <\/div>\n        <div class=\"use-case-item\">\n          <div class=\"use-case-icon\">\ud83c\udfaf<\/div>\n          <h3>Consultations<\/h3>\n          <p>Schedule &#038; Book<\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"key-features\">\n      <div class=\"features-container\">\n        <div class=\"mode-cards\">\n          <div class=\"mode-card\">\n            <div class=\"mode-icon\">\u23f0<\/div>\n            <h3>Date &#038; Time Mode<\/h3>\n            <p>Combines date and time selection in one field. Visitors can specify both their preferred date and time, making it easy to collect complete timing information for any inquiry.<\/p>\n          <\/div>\n          <div class=\"mode-card\">\n            <div class=\"mode-icon\">\ud83c\udfaf<\/div>\n            <h3>Key Features<\/h3>\n            <p>Interactive modal-based date and time picker. Click to open a user-friendly modal where visitors can easily select both date and time, with prefilled WhatsApp message formatting.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"admin-settings\">\n      <div class=\"settings-container\">\n        <h2 class=\"settings-title\">Setup Process as per this demo page<\/h2>\n        <p class=\"settings-subtitle\">Follow these steps to configure the Date &#038; Time Field in your Greetings Form<\/p>\n        \n        <div class=\"setup-steps\">\n          <div class=\"step-card\">\n            <div class=\"step-number\">1<\/div>\n            <h3>Enable Greetings Form<\/h3>\n            <p>Navigate to Click to Chat \u2192 Greetings Dialog and enable the Greetings Form option<\/p>\n          <\/div>\n\n          <div class=\"step-card\">\n            <div class=\"step-number\">2<\/div>\n            <h3>Add Date Field<\/h3>\n            <p>In Form Fields section, click &#8220;Add Field&#8221; and select &#8220;Date&#8221; as the field type<\/p>\n          <\/div>\n\n          <div class=\"step-card\">\n            <div class=\"step-number\">3<\/div>\n            <h3>Choose Scheduler Mode<\/h3>\n            <p>Select &#8220;Scheduler&#8221; mode from the date field settings for date and time selection<\/p>\n          <\/div>\n\n          <div class=\"step-card\">\n            <div class=\"step-number\">4<\/div>\n            <h3>Schedule Up To<\/h3>\n            <p>Set &#8220;No Schedule Up To&#8221; to make all days available for booking<\/p>\n          <\/div>\n\n          <div class=\"step-card\">\n            <div class=\"step-number\">5<\/div>\n            <h3>Minimum Notice<\/h3>\n            <p>Set to &#8220;0&#8221; for immediate bookings without advance notice requirement<\/p>\n          <\/div>\n\n          <div class=\"step-card\">\n            <div class=\"step-number\">6<\/div>\n            <h3>Time Slot Duration<\/h3>\n            <p>Set to &#8220;1&#8221; for 1-hour time slots (e.g., 9:00 AM, 10:00 AM, 11:00 AM)<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>\u23f0 Date &#038; Time Field &#8211; Greetings Form Date &#038; Time Selection Collect both date and time information from your visitors. Perfect for gathering preferred timing details before starting a WhatsApp conversation. Try Date &#038; Time Documentation \ud83d\udcdd Inquiries With Timing Details \ud83d\udcac Requests Time Preferences \ud83c\udfaf Consultations Schedule &#038; Book \u23f0 Date &#038; Time [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":0,"menu_order":0,"template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_htd2_assets":{"css":["dat-D3hC8jSz_20260402_121904.css"],"callbacks":["dequeue_astra"]}},"class_list":["post-7337","demo","type-demo","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/demo\/7337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/demo"}],"about":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/types\/demo"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=7337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}