{"id":1861,"date":"2021-08-18T16:19:15","date_gmt":"2021-08-18T10:49:15","guid":{"rendered":"http:\/\/holithemes.com\/plugins\/click-to-chat\/?p=1861"},"modified":"2026-03-24T12:50:40","modified_gmt":"2026-03-24T07:20:40","slug":"business-hours-online-offline","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/business-hours-online-offline\/","title":{"rendered":"Business Hours &#8211; Online\/Offline"},"content":{"rendered":"\n\n  <div class=\"bh-wrapper\">\n  <!-- Animated Background -->\n  <div class=\"bg-grid\"><\/div>\n  <div class=\"bg-gradient\"><\/div>\n\n  <!-- Hero Section -->\n  <section class=\"hero\" id=\"hero\">\n    <div class=\"hero-content\">\n      \n      \n      <h2 class=\"hero-subtitle\">Business Hours<\/h2>\n      <h1 class=\"hero-title\">Never Miss a Lead \u2014 <span class=\"gradient-text\">Even Outside Business Hours<\/span><\/h1>\n      <p class=\"hero-description\">\n        Automatically manage your WhatsApp availability, show smart offline messages, and protect your brand from missed conversations.\n      <\/p>\n      \n      <div class=\"hero-cta\">\n        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\" class=\"btn btn-primary\">\n          <span>Upgrade to Pro<\/span>\n        <\/a>\n        <a href=\"#demo\" class=\"btn btn-secondary\">\n          <span>View Live Demo<\/span>\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n        <p class=\"hero-trust-line\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M5 16L3 5l5.5 5L12 4l3.5 6L21 5l-2 11H5zm14 3c0 .6-.4 1-1 1H6c-.6 0-1-.4-1-1v-1h14v1z\"\/><\/svg>\n            Included in Click to Chat Pro\n        <\/p>\n    <\/div>\n\n    <!-- Hero Dashboard Animation -->\n    <div class=\"hero-visual\">\n      <div class=\"dashboard-container\">\n        <div class=\"dashboard-header\">\n          <div class=\"time-display\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n              <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n            <\/svg>\n            <span class=\"availability-modes\">Dynamic Widget Availability Modes<\/span>\n          <\/div>\n        <\/div>\n        \n\n        \n        <div class=\"widget-states\">\n          <div class=\"state-card active\" id=\"state-online\">\n            <div class=\"state-icon online\">\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n              <\/svg>\n            <\/div>\n            <div class=\"state-info\">\n              <span class=\"state-label\">Online<\/span>\n              <span class=\"state-desc\">Widget Visible<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"state-card active\" id=\"state-offline\">\n            <div class=\"state-icon offline\">\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"><\/line>\n                <path d=\"M16.72 11.06A10.94 10.94 0 0 1 19 12.55\"><\/path>\n                <path d=\"M5 12.55a10.94 10.94 0 0 1 5.17-2.39\"><\/path>\n                <path d=\"M10.71 5.05A16 16 0 0 1 22.58 9\"><\/path>\n                <path d=\"M1.42 9a15.91 15.91 0 0 1 4.7-2.88\"><\/path>\n                <path d=\"M8.53 16.11a6 6 0 0 1 6.95 0\"><\/path>\n                <line x1=\"12\" y1=\"20\" x2=\"12.01\" y2=\"20\"><\/line>\n              <\/svg>\n            <\/div>\n            <div class=\"state-info\">\n              <span class=\"state-label\">Offline<\/span>\n              <span class=\"state-desc\">Alternative Behavior<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <div class=\"scroll-indicator\">\n      <span>Scroll to explore<\/span>\n      <div class=\"scroll-arrow\">\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n          <path d=\"M12 5v14M5 12l7 7 7-7\"\/>\n        <\/svg>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Interactive Demo Section -->\n  <section class=\"demo-section section\" id=\"demo\">\n    <div class=\"container\">\n      <div class=\"section-header\">\n        <span class=\"section-label\">Interactive Demo<\/span>\n        <h2 class=\"section-title\">Set Smart Availability in Minutes<\/h2>\n        <p class=\"section-desc\">Define exactly when your WhatsApp chat is active. Show online, offline, or custom messages based on your schedule.<\/p>\n        <!-- <div class=\"demo-benefits\">\n          <div class=\"demo-benefit-item\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            <span>Automatic status updates<\/span>\n          <\/div>\n          <div class=\"demo-benefit-item\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            <span>Day-wise scheduling<\/span>\n          <\/div>\n          <div class=\"demo-benefit-item\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            <span>Multiple time ranges<\/span>\n          <\/div>\n    \n        <\/div> -->\n      <\/div>\n      \n      <div class=\"demo-container\">\n        <!-- Header -->\n        <div class=\"header\">\n          <h3>Interactive Demo<\/h3>\n        <\/div>\n\n        <div class=\"main-grid\">\n          <!-- Settings Panel -->\n          <div class=\"settings-panel\">\n            <div class=\"settings-card\">\n              <div class=\"card-header\">\n                <h4>PRO Settings: Business Hours &#8211; Offline\/Online<\/h4>\n              <\/div>\n              <div class=\"card-body\">\n                <div class=\"form-row\">\n                  <label>Business Hours<br \/>(Online\/Offline)<\/label>\n                  <div class=\"select-wrapper\">\n                    <select id=\"mode-select\">\n                      <option value=\"always\">Always Open (Online)<\/option>\n                      <option value=\"selected\" selected>Selected Days, Hours<\/option>\n                    <\/select>\n                    <svg class=\"chevron-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                      <path d=\"m6 9 6 6 6-6\" \/>\n                    <\/svg>\n                  <\/div>\n                <\/div>\n\n                <div id=\"selected-days-content\">\n                  <div class=\"current-time-display\">\n                    Current Site Time:\n                    <span id=\"site-time\" class=\"current-time-badge\"><\/span>\n                  <\/div>\n\n                  <div id=\"days-list\">\n                    <!-- JS injects days here -->\n                  <\/div>\n\n                  <!-- Offline Settings -->\n                  <div class=\"offline-settings\">\n                    <div class=\"form-row\" style=\"align-items: center; margin-bottom: 0\">\n                      <label>Hide when Offline<\/label>\n                      <div class=\"checkbox-wrapper\">\n                        <input type=\"checkbox\" id=\"hide-offline\" checked \/>\n                        <label for=\"hide-offline\" style=\"font-size: 0.875rem; color: #9ca3af; margin: 0\">Hide WhatsApp When Offline<\/label>\n                      <\/div>\n                    <\/div>\n\n                    <div class=\"input-group\">\n                      <label class=\"input-label\">Offline: Number<\/label>\n                      <input type=\"text\" id=\"offline-number\" class=\"text-input\" placeholder=\"Alternate Offline Number\" \/>\n                      <p class=\"help-text\">Change Number when offline, leave blank to not change WhatsApp number when offline<\/p>\n                    <\/div>\n\n                    <div class=\"input-group\">\n                      <label class=\"input-label\">Offline: Call to Action<\/label>\n                      <input type=\"text\" id=\"offline-cta\" class=\"text-input\" placeholder=\"We are offline\" \/>\n                      <p class=\"help-text\">Change Call to Action when offline, leave blank to not change call to action when offline<\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Preview Panel -->\n          <div class=\"preview-panel\">\n            <div class=\"preview-label\" id=\"preview-label\">Live Preview: Desktop<\/div>\n            <div class=\"device-frame desktop\" id=\"device-frame\">\n              <div class=\"notch hidden\" id=\"notch\"><\/div>\n              <div class=\"screen-content\">\n                <!-- Skeleton -->\n                <div style=\"opacity: 0.2\">\n                  <div style=\"display: flex; justify-content: space-between; margin-bottom: 1.5rem\">\n                    <div class=\"skeleton-light\" style=\"height: 1.5rem; width: 6rem\"><\/div>\n                    <div style=\"display: flex; gap: 0.75rem\">\n                      <div class=\"skeleton-light\" style=\"height: 0.75rem; width: 3rem\"><\/div>\n                      <div class=\"skeleton-light\" style=\"height: 0.75rem; width: 3rem\"><\/div>\n                    <\/div>\n                  <\/div>\n                  <div class=\"skeleton\" style=\"height: 10rem; width: 100%; margin-bottom: 1.5rem\"><\/div>\n                <\/div>\n\n                <div id=\"whatsapp-widget\" class=\"whatsapp-widget\">\n                  <div class=\"widget-bubble\" id=\"widget-bubble\">Hi there \ud83d\udc4b<\/div>\n                  <div class=\"widget-icon\">\n                    <svg width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                      <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\n                    <\/svg>\n                  <\/div>\n                <\/div>\n\n                <div class=\"status-indicator\">\n                  <div class=\"status-badge\">\n                    <span class=\"status-dot online\" id=\"status-dot\"><\/span>\n                    <span id=\"status-text\">Online<\/span>\n                  <\/div>\n                  <div class=\"redirect-text\">WhatsApp will open on click<\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div id=\"offline-note\" class=\"offline-note\" style=\"display:none;\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n              <span>Widget hidden \u2014 &#8220;Hide when Offline&#8221; is checked. <u>Click to add Offline Number &#038; CTA<\/u><\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- How it works section -->\n  <section class=\"workflow-section\" id=\"workflow\">\n    <div class=\"section-header\">\n      <span class=\"section-label\">How It Works<\/span>\n      <h2 class=\"section-title\">Smart Automation That Works For You<\/h2>\n      <p class=\"section-desc\">A seamless four-step process that ensures your customers always know your availability status.<\/p>\n    <\/div>\n\n    <div class=\"workflow-container\">\n      <div class=\"workflow-line\">\n        <div class=\"workflow-progress\" id=\"workflow-progress\"><\/div>\n      <\/div>\n      \n      <div class=\"workflow-steps\">\n        <div class=\"workflow-step\" data-step=\"1\">\n          <div class=\"step-number\">01<\/div>\n          <div class=\"step-icon\">\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n              <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n              <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\n              <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\n              <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\n            <\/svg>\n          <\/div>\n          <h3 class=\"step-title\">Auto Status Switching<\/h3>\n          <p class=\"step-desc\">Your widget stays in sync with the working hours, reflecting current availability.<\/p>\n        <\/div>\n\n        <div class=\"workflow-step\" data-step=\"2\">\n          <div class=\"step-number\">02<\/div>\n          <div class=\"step-icon\">\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n              <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n            <\/svg>\n          <\/div>\n          <h3 class=\"step-title\">Custom Offline Messages<\/h3>\n          <p class=\"step-desc\">Set clear expectations with custom messages when you&#8217;re unavailable.<\/p>\n        <\/div>\n\n        <div class=\"workflow-step\" data-step=\"3\">\n          <div class=\"step-number\">03<\/div>\n          <div class=\"step-icon\">\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n              <path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"><\/path>\n            <\/svg>\n          <\/div>\n          <h3 class=\"step-title\">Automatic Reappearance<\/h3>\n          <p class=\"step-desc\">The widget becomes available again when your business hours resume.<\/p>\n        <\/div>\n\n        <div class=\"workflow-step\" data-step=\"4\">\n          <div class=\"step-number\">04<\/div>\n          <div class=\"step-icon\">\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n              <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n              <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n              <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n              <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n            <\/svg>\n          <\/div>\n          <h3 class=\"step-title\">Clean User Experience<\/h3>\n          <p class=\"step-desc\">Reduce confusion and missed messages with a clear availability flow.<\/p>\n        <\/div>\n      <\/div>\n      \n      \n    <\/div>\n  <\/section>\n\n\n  <!-- PRO Capabilities Section -->\n  <section class=\"capabilities-section\" id=\"capabilities\">\n    <div class=\"section-header\">\n      <span class=\"section-label\">PRO Capabilities<\/span>\n      <h2 class=\"section-title\">Explore Features<\/h2>\n      <p class=\"section-desc\">Everything you need for smart conversation management and brand professionalism.<\/p>\n    <\/div>\n\n    <div class=\"capabilities-grid\">\n      <div class=\"capability-card\" data-aos=\"fade-up\">\n        <div class=\"card-icon\">\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n            <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n          <\/svg>\n        <\/div>\n        <h3>Business Hours Automation<\/h3>\n        <p>Automatically sets widget visibility based on your defined schedule.<\/p>\n      <\/div>\n\n      <div class=\"capability-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n        <div class=\"card-icon\">\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n            <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\n            <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\n            <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\n            <line x1=\"10\" y1=\"14\" x2=\"14\" y2=\"14\"><\/line>\n          <\/svg>\n        <\/div>\n        <h3>Multiple Time Slots<\/h3>\n        <p>Configure different availability windows for morning, afternoon, and evening.<\/p>\n      <\/div>\n\n      <div class=\"capability-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n        <div class=\"card-icon\">\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n            <path d=\"M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3>Smart State Switching<\/h3>\n        <p>Seamless transitions between online and offline modes with smooth animations.<\/p>\n      <\/div>\n\n      <div class=\"capability-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n        <div class=\"card-icon\">\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72\"><\/path>\n            <line x1=\"23\" y1=\"1\" x2=\"17\" y2=\"7\"><\/line>\n            <line x1=\"17\" y1=\"1\" x2=\"23\" y2=\"7\"><\/line>\n          <\/svg>\n        <\/div>\n        <h3>Offline Number Assignment<\/h3>\n        <p>Display alternative contact numbers when your main line is unavailable.<\/p>\n      <\/div>\n\n      <div class=\"capability-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n        <div class=\"card-icon\">\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n            <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\n            <line x1=\"9\" y1=\"10\" x2=\"15\" y2=\"10\"><\/line>\n          <\/svg>\n        <\/div>\n        <h3>Custom Offline CTA<\/h3>\n        <p>Personalized call-to-action messages for when you&#8217;re not available.<\/p>\n      <\/div>\n\n      <div class=\"capability-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\n        <div class=\"card-icon\">\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n            <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24\"><\/path>\n            <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"><\/line>\n          <\/svg>\n        <\/div>\n        <h3>Complete Widget Hide<\/h3>\n        <p>Option to completely hide the chat widget during off-hours.<\/p>\n      <\/div>\n\n      <div class=\"capability-card\" data-aos=\"fade-up\" data-aos-delay=\"600\">\n        <div class=\"card-icon\">\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n            <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n          <\/svg>\n        <\/div>\n        <h3>Real-time Sync<\/h3>\n        <p>Instant synchronization ensures widget always reflects current availability.<\/p>\n      <\/div>\n\n      <div class=\"capability-card\" data-aos=\"fade-up\" data-aos-delay=\"700\">\n        <div class=\"card-icon\">\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n            <polyline points=\"9 12 11 14 15 10\"><\/polyline>\n          <\/svg>\n        <\/div>\n        <h3>Brand Professionalism<\/h3>\n        <p>Maintain consistent, professional image with smart availability handling.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Offline Handling Section -->\n  <section class=\"offline-handling-section\" id=\"offline-handling\">\n    <div class=\"section-header\">\n      <span class=\"section-label\">Offline Handling<\/span>\n      <h2 class=\"section-title\">Control What Visitors See <span class=\"gradient-text\">When You&#8217;re Offline<\/span><\/h2>\n      <p class=\"section-desc\">Choose how your widget behaves when you&#8217;re outside business hours &#8211; maintain professionalism even when unavailable.<\/p>\n    <\/div>\n\n    <div class=\"offline-options-container\">\n      <!-- Option 1: Hide Widget -->\n      <div class=\"offline-option-card glass-panel\">\n        <div class=\"option-icon\">\n          <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n            <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24\"><\/path>\n            <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"><\/line>\n          <\/svg>\n        <\/div>\n        <h3 class=\"option-title\">Hide Widget<\/h3>\n        <p class=\"option-description\">Prevent unanswered chats. Widget becomes completely invisible when you&#8217;re offline.<\/p>\n        \n        <div class=\"option-features\">\n          \n          <div class=\"feature-item\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg>\n            <span>Prevents off-hour inquiries<\/span>\n          <\/div>\n          <div class=\"feature-item\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg>\n            <span>Hidden entirely outside business hours<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"option-preview\">\n          <div class=\"preview-label-small\">Preview: Offline State<\/div>\n          <div class=\"mini-mockup\">\n            <div class=\"mockup-bg\">\n              <div class=\"hidden-widget-indicator\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                  <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                  <line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"><\/line>\n                  <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"><\/line>\n                <\/svg>\n                <span>Widget Hidden<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n\n      <!-- Option 2: Show Offline Mode -->\n      <div class=\"offline-option-card glass-panel\">\n        <div class=\"option-icon\">\n          <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n            <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\n            <line x1=\"9\" y1=\"10\" x2=\"15\" y2=\"10\"><\/line>\n            <line x1=\"12\" y1=\"7\" x2=\"12\" y2=\"13\"><\/line>\n          <\/svg>\n        <\/div>\n        <h3 class=\"option-title\">Show Offline Mode<\/h3>\n        <p class=\"option-description\">Maintain transparency. Display custom message with alternative contact and clear return time.<\/p>\n        \n        <div class=\"option-features\">\n          \n          <div class=\"feature-item\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg>\n            <span>Alternative WhatsApp number<\/span>\n          <\/div>\n          <div class=\"feature-item\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg>\n            <span>Custom call-to-action <\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"option-preview\">\n          <div class=\"preview-label-small\">Preview: Offline State<\/div>\n          <div class=\"mini-mockup\">\n            <div class=\"mockup-bg\">\n              <div class=\"offline-widget-demo\">\n                <div class=\"offline-pill\">\n                  <span>We are offline<\/span>\n                <\/div>\n                <div class=\"whatsapp-circle\">\n                  <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                    <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\n                  <\/svg>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/section>\n\n  \n\n  <!-- Greetings Integration Section -->\n  <section class=\"greetings-integration-section\" id=\"greetings-integration\">\n    <div class=\"section-header\">\n      <span class=\"section-label\">Greetings Integration<\/span>\n      <h2 class=\"section-title\">Dynamic <span class=\"gradient-text\">Status Messaging<\/span><\/h2>\n      <p class=\"section-desc\">Automatically change greeting messages based on availability.<\/p>\n      \n    <\/div>\n\n    <div class=\"greetings-demo-container\">\n      <!-- Left Side: Explanation -->\n      <div class=\"greetings-explanation glass-panel\">\n        <div class=\"explanation-icon\">\n          <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n            <path d=\"M9 12l2 2 4-4\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3>Smart Status Indicator<\/h3>\n        <p class=\"explanation-text\">When you enable Business Hours, the status dot in your Greetings Dialog automatically changes color based on your availability:<\/p>\n        \n        <div class=\"status-examples\">\n          <div class=\"status-example-item\">\n            <div class=\"status-dot-demo online-dot\"><\/div>\n            <div class=\"status-info\">\n              <h4>Online (Green)<\/h4>\n              <p>Displayed during your configured business hours. Shows customers you&#8217;re available to respond.<\/p>\n            <\/div>\n          <\/div>\n          \n          <div class=\"status-example-item\">\n            <div class=\"status-dot-demo offline-dot\"><\/div>\n            <div class=\"status-info\">\n              <h4>Offline (Red\/Gray)<\/h4>\n              <p>Automatically shown outside business hours. Sets clear expectations for response times.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"integration-benefits\">\n          <h4>Key Benefits<\/h4>\n          <div class=\"benefit-list\">\n            <div class=\"benefit-item\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg>\n              <span>Real-time status updates<\/span>\n            <\/div>\n            <div class=\"benefit-item\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg>\n              <span>No manual status changes needed<\/span>\n            <\/div>\n            <div class=\"benefit-item\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg>\n              <span>Consistent across all greetings<\/span>\n            <\/div>\n            <div class=\"benefit-item\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg>\n              <span>Builds customer trust<\/span>\n            <\/div>\n          <\/div>\n          \n          <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"add-greeting-btn\">\n            Add Greetings\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n              <polyline points=\"15 3 21 3 21 9\"><\/polyline>\n              <line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"><\/line>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Right Side: Visual Demo -->\n      <div class=\"greetings-visual glass-panel\">\n        <div class=\"visual-label\">Live Preview<\/div>\n        \n        <!-- Online State -->\n        <div class=\"greeting-image-container\">\n          <img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/12\/Businesshours-Online-status-dialog.webp\" alt=\"Business Hours Online Status - Green indicator showing availability in Click to Chat greetings dialog\" class=\"greeting-status-image\" loading=\"lazy\" width=\"420\" height=\"auto\">\n        <\/div>\n\n        <div class=\"state-divider\" aria-hidden=\"true\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n          <\/svg>\n        <\/div>\n\n        <!-- Offline State -->\n        <div class=\"greeting-image-container\">\n          <img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/12\/Businesshours-offline-status-dialog.webp\" alt=\"Business Hours Offline Status - Red indicator showing unavailability in Click to Chat greetings dialog\" class=\"greeting-status-image\" loading=\"lazy\" width=\"420\" height=\"auto\">\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Customization Note -->\n    <div class=\"customization-note glass-panel\">\n      <div class=\"note-icon\">\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n          <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n          <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"><\/path>\n          <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line>\n        <\/svg>\n      <\/div>\n      <div class=\"note-content\">\n        <h4>Fully Customizable Status Colors<\/h4>\n        <p>The online and offline status indicator colors are completely customizable. Choose any color that matches your brand. The status automatically updates based on your business hours schedule.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Comparison Section -->\n  <section class=\"comparison-section\">\n    <div class=\"section-header\">\n      <span class=\"section-label\">The Difference<\/span>\n      <h2 class=\"section-title\">What Happens <span class=\"gradient-text\">Without Business Hours?<\/span><\/h2>\n    <\/div>\n    <div class=\"comparison-container\">\n      <div class=\"comparison-card without-card glass-panel\">\n        <div class=\"comparison-icon without-icon\">\n          <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n            <line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"><\/line>\n            <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"><\/line>\n          <\/svg>\n        <\/div>\n        <h3>Without Scheduling<\/h3>\n        <ul class=\"comparison-list\">\n          <li>Visitors message when no one is available<\/li>\n          <li>Users may feel unresponsive<\/li>\n          <li>Leads go cold<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"comparison-card with-card glass-panel\">\n        <div class=\"comparison-icon with-icon\">\n          <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n            <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n          <\/svg>\n        <\/div>\n        <h3>With Business Hours<\/h3>\n        <ul class=\"comparison-list\">\n          <li>Visitors see correct availability<\/li>\n          <li>Expectations are clear<\/li>\n          <li>Brand looks professional<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Value Proposition Section -->\n  <section class=\"value-section\">\n    <div class=\"value-container glass-panel with-card\">\n      <div class=\"value-icon\">\n        <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n          <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n        <\/svg>\n      <\/div>\n      <blockquote class=\"value-quote\">\n        &#8220;This isn\u2019t just availability management &#8211; this is smart conversation management that protects your brand image, reduces confusion, and maintains consistent professionalism.&#8221;\n      <\/blockquote>\n      <ul class=\"comparison-list\">\n        <li>Prevent missed leads<\/li>\n        <li>Maintain consistent brand presence<\/li>\n        <li>Control your customer experience<\/li>\n      <\/ul>\n    <\/div>\n  <\/section>\n\n  <!-- Footer -->\n  <section class=\"footer\">\n    <div class=\"footer-divider\">\n      <div class=\"divider-line\"><\/div>\n      <div class=\"divider-glow\"><\/div>\n    <\/div>\n    <div class=\"footer-content\">\n      <h2 class=\"footer-main-title\">Ready to Stay Professional 24\/7?<\/h2>\n      \n      <div class=\"footer-cta-buttons\">\n        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\" class=\"btn btn-primary btn-large\">\n          <span>Upgrade to Pro<\/span>\n        <\/a>\n        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/docs\/business-hours-online-offline\/\" class=\"btn btn-secondary btn-large\">\n          <span>View Docs<\/span>\n        <\/a>\n      <\/div>\n      \n      <p class=\"footer-trust\">Trusted by 700,000+ WordPress websites<\/p>\n      \n      \n    <\/div>\n    <div class=\"footer-bg-motion\"><\/div>\n  <\/section>\n  <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Business Hours Never Miss a Lead \u2014 Even Outside Business Hours Automatically manage your WhatsApp availability, show smart offline messages, and protect your brand from missed conversations. Upgrade to Pro View Live Demo Included in Click to Chat Pro Dynamic Widget Availability Modes Online Widget Visible Offline Alternative Behavior Scroll to explore Interactive Demo Set [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"default","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":"default","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":""}},"footnotes":"","_htd2_assets":{"css":["business-hours-Y8FfF8Pf_20260324_071421.css"],"js":["business-hours-De-ca9_b_20260324_071421.js"],"callbacks":["dequeue_astra"],"js_attr":{"business-hours-De-ca9_b_20260324_071421.js":{"attr":"","footer":"1"}}}},"categories":[52,63,53,65],"tags":[],"class_list":["post-1861","post","type-post","status-publish","format-standard","hentry","category-click-to-chat-pro","category-display-settings","category-features","category-page-by-ht-design"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/1861","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/comments?post=1861"}],"version-history":[{"count":1,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/1861\/revisions"}],"predecessor-version":[{"id":7330,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/1861\/revisions\/7330"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=1861"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/categories?post=1861"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/tags?post=1861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}