{"id":1727,"date":"2021-08-15T08:27:17","date_gmt":"2021-08-15T02:57:17","guid":{"rendered":"http:\/\/holithemes.com\/plugins\/click-to-chat\/?p=1727"},"modified":"2026-03-24T12:51:15","modified_gmt":"2026-03-24T07:21:15","slug":"random-number","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/random-number\/","title":{"rendered":"Random Number"},"content":{"rendered":"\n\n<div class=\"randomnumber-wrapper\">     \n    <!-- Hero Section -->\n    <section class=\"hero-section\">\n        <div class=\"container\">\n            <div class=\"hero-grid\">\n                <div class=\"hero-content\">\n                    <h1 class=\"hero-title\">\n                        <span class=\"text-gradient-purple-pink\">Faster responses through balanced distribution<\/span>\n                    <\/h1>\n                    <p class=\"hero-description\">\n                        Automatically distribute conversations to balance workload, reduce response time and increase conversions.\n                    <\/p>\n                    <nav class=\"hero-actions\" aria-label=\"Primary actions\">\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\" class=\"btn btn-primary btn-large btn-rounded\" aria-label=\"Upgrade to Pro\">\n                            Upgrade to Pro\n                        <\/a>\n                        <button type=\"button\" id=\"configure-test-button\" class=\"btn btn-secondary btn-large btn-rounded\" aria-label=\"View Live Demo\">\n                            Get Started\n                        <\/button>\n                    <\/nav>\n                    <p style=\"text-align: center; margin-top: 1rem; font-size: 0.875rem; color: var(--gray-400); display: flex; align-items: center; justify-content: center; gap: 0.35rem;\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" 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                <div class=\"hero-mockup\">\n                    <div class=\"mockup-container\">\n                        <div class=\"mockup-header\">\n                            <div class=\"mockup-dots\">\n                                <span class=\"dot dot-red\"><\/span>\n                                <span class=\"dot dot-yellow\"><\/span>\n                                <span class=\"dot dot-green\"><\/span>\n                            <\/div>\n                            <div class=\"mockup-title\">Distribution Visualization<\/div>\n                        <\/div>\n                        <div class=\"mockup-content\">\n                            <!-- Mode Toggle Buttons -->\n                            <div class=\"mockup-mode-toggle\">\n                                <button class=\"mode-btn active\" data-mode=\"random\">\n                                    <svg class=\"icon-small\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                        <path d=\"M10.59 9.17L5.41 4 4 5.41l5.17 5.17 1.42-1.41zM14.5 4l2.04 2.04L4 18.59 5.41 20 17.96 7.46 20 9.5V4h-5.5zm.33 9.41l-1.41 1.41 3.13 3.13L14.5 20H20v-5.5l-2.04 2.04-3.13-3.13z\"\/>\n                                    <\/svg>\n                                    Random\n                                <\/button>\n                                <button class=\"mode-btn\" data-mode=\"sequential\">\n                                    <svg class=\"icon-small\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                        <path d=\"M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z\"\/>\n                                    <\/svg>\n                                    Sequential\n                                <\/button>\n                            <\/div>\n\n                            <!-- Visualization Area -->\n                            <div class=\"visualization-area\">\n                                <svg class=\"connection-svg\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"none\">\n                                    <!-- Connection lines will be drawn here -->\n                                    <g class=\"connections-group\"><\/g>\n                                <\/svg>\n                                \n                                <!-- User Icon (Source) -->\n                                <div class=\"viz-user\">\n                                    <div class=\"user-icon\">\n                                        <svg class=\"icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"user-label\">Visitor<\/div>\n                                <\/div>\n\n                                <!-- Agent Numbers (Destinations) -->\n                                <div class=\"viz-agents\">\n                                    <div class=\"agent-node\" data-agent=\"1\">\n                                        <div class=\"agent-circle badge-purple\">1<\/div>\n                                        <div class=\"agent-number\">+1 234 567 890<\/div>\n                                    <\/div>\n                                    <div class=\"agent-node\" data-agent=\"2\">\n                                        <div class=\"agent-circle badge-teal\">2<\/div>\n                                        <div class=\"agent-number\">+1 234 567 891<\/div>\n                                    <\/div>\n                                    <div class=\"agent-node\" data-agent=\"3\">\n                                        <div class=\"agent-circle badge-blue\">3<\/div>\n                                        <div class=\"agent-number\">+1 234 567 892<\/div>\n                                    <\/div>\n                                    <div class=\"agent-node\" data-agent=\"4\">\n                                        <div class=\"agent-circle badge-pink\">4<\/div>\n                                        <div class=\"agent-number\">+1 234 567 893<\/div>\n                                    <\/div>\n                                    <div class=\"agent-node\" data-agent=\"5\">\n                                        <div class=\"agent-circle badge-amber\">5<\/div>\n                                        <div class=\"agent-number\">+1 234 567 894<\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Description -->\n                            <div class=\"mockup-description\">\n                                <p class=\"mode-description active\" data-mode=\"random\">\n                                    <strong>Random:<\/strong> Each visitor is connected to a randomly selected Number\n                                <\/p>\n                                <p class=\"mode-description\" data-mode=\"sequential\">\n                                    <strong>Sequential:<\/strong> Visitors are distributed in order, one by one\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mockup-glow\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n    \n    <!-- Features Section -->\n    <section class=\"section-padding section-bg-dark\">\n        <div class=\"container section-container\">\n            <header class=\"section-header\">\n                <h2 class=\"section-title\">How Random Number Distribution Works<\/h2>\n                <p class=\"section-description\">Designed for teams handling high WhatsApp volume<\/p>\n            <\/header>\n\n            <div class=\"feature-grid\">\n                <article class=\"card feature-card feature-card-pro\">\n                    <span class=\"badge badge-pro badge-absolute\">PRO<\/span>\n                    <div class=\"card-body\">\n                        <div class=\"feature-icon-wrapper gradient-bg-purple-pink\">\n                            <svg class=\"icon\" aria-hidden=\"true\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                <path d=\"M10.59 9.17L5.41 4 4 5.41l5.17 5.17 1.42-1.41zM14.5 4l2.04 2.04L4 18.59 5.41 20 17.96 7.46 20 9.5V4h-5.5zm.33 9.41l-1.41 1.41 3.13 3.13L14.5 20H20v-5.5l-2.04 2.04-3.13-3.13z\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"card-heading\">Pure Random<\/h3>\n                        <p class=\"card-text\">\n                            Evenly distribute chats across all team members to prevent overload and missed inquiries\n                        <\/p>\n                    <\/div>\n                <\/article>\n\n                <article class=\"card feature-card feature-card-pro\">\n                    <span class=\"badge badge-pro badge-absolute\">PRO<\/span>\n                    <div class=\"card-body\">\n                        <div class=\"feature-icon-wrapper gradient-bg-blue-cyan\">\n                            <svg class=\"icon\" aria-hidden=\"true\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                <path d=\"M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"card-heading\">Sequential Assignment<\/h3>\n                        <p class=\"card-text\">\n                            Rotate chats in order to ensure fair workload and predictable handling\n                        <\/p>\n                    <\/div>\n                <\/article>\n            <\/div>\n\n            <!-- Pro Feature Highlight -->\n            \n        <\/div>\n    <\/section>\n\n    <!-- Benefits Section -->\n    <section class=\"section-padding section-bg-dark\">\n        <div class=\"container section-container\">\n            <header class=\"section-header\">\n                <h2 class=\"section-title\">Benefits of Random Number Distribution<\/h2>\n                <p class=\"section-description\">Streamline your support process and ensure user inquiries are distributed efficiently<\/p>\n            <\/header>\n\n            <div class=\"feature-grid\">\n                <article class=\"card feature-card\">\n                    <div class=\"card-body\">\n                        <div class=\"feature-icon-wrapper gradient-bg-green-emerald\">\n                            <svg class=\"icon\" aria-hidden=\"true\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"card-heading\">Balanced Workload<\/h3>\n                        <p class=\"card-text\">\n                            No single chat gets overwhelmed. Reduce missed chats and internal load.\n                        <\/p>\n                    <\/div>\n                <\/article>\n\n                <article class=\"card feature-card\">\n                    <div class=\"card-body\">\n                        <div class=\"feature-icon-wrapper gradient-bg-yellow-orange\">\n                            <svg class=\"icon\" aria-hidden=\"true\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                <path d=\"M7 2v11h3v9l7-12h-4l4-8z\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"card-heading\">Faster Response Times<\/h3>\n                        <p class=\"card-text\">\n                            Instant routing means visitors get replies quicker. Speed wins customers\n                        <\/p>\n                    <\/div>\n                <\/article>\n\n                <article class=\"card feature-card\">\n                    <div class=\"card-body\">\n                        <div class=\"feature-icon-wrapper gradient-bg-indigo-violet\">\n                            <svg class=\"icon\" aria-hidden=\"true\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"card-heading\">Higher Conversion Rates<\/h3>\n                        <p class=\"card-text\">\n                            More answered chats = more conversations = more closed deals\n                        <\/p>\n                    <\/div>\n                <\/article>\n            <\/div>\n\n            <!-- Use Cases -->\n            <div class=\"card key-rules-card\">\n                <div class=\"card-content card-content-centered\">\n                    <h4 class=\"key-rules-title key-rules-title-centered\">\n                        <span class=\"icon\" aria-hidden=\"true\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                <path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/>\n                            <\/svg>\n                        <\/span>\n                        Popular Use Cases\n                    <\/h4>\n                    <ul class=\"rule-list rule-list-centered\">\n                        <li>\n                            <div class=\"list-bullet list-bullet-blue\" aria-hidden=\"true\"><\/div>\n                            <span>\n                                <strong class=\"text-highlight-blue\">Customer Support Teams:<\/strong> Handle large inquiry volumes without delays\n                            <\/span>\n                        <\/li>\n                        <li>\n                            <div class=\"list-bullet list-bullet-purple\" aria-hidden=\"true\"><\/div>\n                            <span>\n                                <strong class=\"text-highlight-purple\">Sales Teams:<\/strong> Distribute incoming leads evenly so no opportunity is missed\n                            <\/span>\n                        <\/li>\n                        <li>\n                            <div class=\"list-bullet list-bullet-yellow\" aria-hidden=\"true\"><\/div>\n                            <span>\n                                <strong class=\"text-highlight-yellow\">Multi-Department Setup:<\/strong> Improve internal coordination and response quality\n                            <\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    \n\n    <!-- Demo Section -->\n    <section id=\"demo\" class=\"section-padding section-bg-dark\">\n        <div class=\"container section-container\">\n            <header class=\"section-header\">\n                <h2 class=\"section-title\">See How Chats Are Distributed in Real Time<\/h2>\n                <p class=\"section-description\">\n                    Simulate real traffic and see how your team can handle more conversations effortlessly\n                <\/p>\n            <\/header>\n\n            <div class=\"demo-config-wrapper\">\n                <div class=\"demo-grid\">\n                    <!-- WhatsApp Widget Simulator -->\n                    <article class=\"card demo-card\">\n                        <header class=\"card-header\">\n                            <h3 class=\"card-title\">WhatsApp Widget Simulator<\/h3>\n                            <p class=\"card-description\">\n                                Click the WhatsApp button to simulate a visitor interaction\n                            <\/p>\n                        <\/header>\n                        <div class=\"card-content\">\n                            <div class=\"demo-tabs\" role=\"tablist\" aria-label=\"Distribution mode\">\n                                <button class=\"demo-tab active\" role=\"tab\" aria-selected=\"true\" id=\"demo-random-tab\" data-state=\"active\" tabindex=\"0\">Pure Random<\/button>\n                                <button class=\"demo-tab\" role=\"tab\" aria-selected=\"false\" id=\"demo-sequential-tab\" data-state=\"inactive\" tabindex=\"-1\">Sequential<\/button>\n                            <\/div>\n\n                            <div class=\"simulator\">\n                                <div class=\"whatsapp-widget\">\n                                    <div class=\"whatsapp-dot\" aria-hidden=\"true\"><\/div>\n                                    <p class=\"simulator-text\">Click the WhatsApp button to simulate a visitor interaction<\/p>\n                                    <button class=\"btn btn-whatsapp\" id=\"start-chat-btn\">Start WhatsApp Chat<\/button>\n                                <\/div>\n                                \n                                <div class=\"result-area\" aria-live=\"polite\" id=\"result-area\">\n                                    <p class=\"result-placeholder\">Front-end widget: clicking the button will redirect to the selected WhatsApp number.<\/p>\n                                <\/div>\n                                \n                                <button class=\"btn btn-outline\" id=\"reset-btn\">Reset Demo<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/article>\n\n                    <!-- WhatsApp Numbers Manager -->\n                    <article class=\"card demo-card\">\n                        <header class=\"card-header\">\n                            <h3 class=\"card-title\">WhatsApp Numbers<\/h3>\n                            <p class=\"card-description\">\n                                Add WhatsApp numbers to test the distribution\n                            <\/p>\n                        <\/header>\n                        <div class=\"card-content\">\n                            <form class=\"add-number-form\" id=\"add-number-form\">\n                                <div class=\"input-group\">\n                                    <input type=\"text\" class=\"input\" id=\"number-input\" placeholder=\"Enter WhatsApp number (e.g., +1234567890)\" aria-label=\"WhatsApp number\">\n                                    <button type=\"submit\" class=\"btn btn-primary\">Add<\/button>\n                                <\/div>\n                                <div class=\"input-error\" id=\"input-error\" role=\"alert\"><\/div>\n                            <\/form>\n\n                            <div class=\"numbers-list\" id=\"numbers-list\"><\/div>\n                            \n                            <p class=\"helper-text\" id=\"helper-text\">Random selection from all numbers<\/p>\n                        <\/div>\n                    <\/article>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <section class=\"section-padding section-bg-dark\">\n        <div class=\"container section-container\">\n            <header class=\"section-header\">\n                <h2 class=\"section-title\">FAQ &#038; Troubleshooting<\/h2>\n                <p class=\"section-description\">Common questions and solutions for Random Number Distribution<\/p>\n            <\/header>\n\n            <!-- FAQ Accordion -->\n            <div class=\"faq-container\">\n                <h3 class=\"faq-section-title\">\n                    Frequently Asked Questions\n                <\/h3>\n                \n                <div class=\"faq-accordion\">\n                    <div class=\"faq-item\">\n                        <button class=\"faq-question\" aria-expanded=\"false\">\n                            <span class=\"faq-q-text\">How many numbers can I add?<\/span>\n                            <svg class=\"faq-icon icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                <path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/>\n                            <\/svg>\n                        <\/button>\n                        <div class=\"faq-answer\">\n                            <div>\n                                <p>Add as many WhatsApp numbers as your team requires, no limits in the Pro version.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"faq-item\">\n                        <button class=\"faq-question\" aria-expanded=\"false\">\n                            <span class=\"faq-q-text\">Does it work with WhatsApp Business?<\/span>\n                            <svg class=\"faq-icon icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                <path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/>\n                            <\/svg>\n                        <\/button>\n                        <div class=\"faq-answer\">\n                            <div>\n                                <p>Yes, works with both regular WhatsApp and WhatsApp Business numbers.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"faq-item\">\n                        <button class=\"faq-question\" aria-expanded=\"false\">\n                            <span class=\"faq-q-text\">Can I exclude numbers temporarily?<\/span>\n                            <svg class=\"faq-icon icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                <path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/>\n                            <\/svg>\n                        <\/button>\n                        <div class=\"faq-answer\">\n                            <div>\n                                <p>Remove numbers from the list temporarily, then re-add when needed.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>            \n        <\/div>\n    <\/section>\n\n    <!-- Multi-Agent Feature Highlight -->\n    <section class=\"section-padding section-bg-dark\">\n        <div class=\"container section-container\">\n            <header class=\"section-header\">\n                <h2 class=\"section-title\">Choose the Right Routing Strategy for Your Business<\/h2>\n                <p class=\"section-description\">Random Distribution \u2192 Best for teams handling similar roles<br>Multi-Agent \u2192 Best for routing by department (Sales, Support, Billing)<\/p>\n            <\/header>\n\n            <!-- Animated Comparison Demo -->\n            <div class=\"comparison-demo-wrapper\">\n                <div class=\"comparison-demo-container\">\n                    <!-- Left Side: Random Distribution -->\n                    <div class=\"comparison-side comparison-left\">\n                        <div class=\"comparison-card comparison-card-purple\">\n                            <h4 class=\"comparison-card-title\">Random Number<\/h4>\n                            <div class=\"comparison-phone-icon\">\n                                <svg class=\"icon\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z\"\/>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"comparison-arrow-down\">\u2193<\/div>\n                            <div class=\"comparison-agents\">\n                                <div class=\"comparison-agent comparison-agent-generic\" data-agent=\"1\">\n                                    <div class=\"comparison-avatar comparison-avatar-generic\">?<\/div>\n                                    <div class=\"comparison-number-display\">+123 4567 111<\/div>\n                                <\/div>\n                                <div class=\"comparison-agent comparison-agent-generic\" data-agent=\"2\">\n                                    <div class=\"comparison-avatar comparison-avatar-generic\">?<\/div>\n                                    <div class=\"comparison-number-display\">+123 4567 222<\/div>\n                                <\/div>\n                                <div class=\"comparison-agent comparison-agent-generic\" data-agent=\"3\">\n                                    <div class=\"comparison-avatar comparison-avatar-generic\">?<\/div>\n                                    <div class=\"comparison-number-display\">+123 4567 333<\/div>\n                                <\/div>\n                            <\/div>\n                            <p class=\"comparison-result-text\">Customer connected to a random number<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Right Side: Multi-Agent -->\n                    <div class=\"comparison-side comparison-right\">\n                        <div class=\"comparison-card comparison-card-gold\">\n                            <h4 class=\"comparison-card-title\">\n                                Multi-Agent\n                            <\/h4>\n                            <div class=\"comparison-phone-icon\">\n                                <svg class=\"icon\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z\"\/>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"comparison-arrow-down\">\u2193<\/div>\n                            <div class=\"comparison-agents comparison-agents-detailed\">\n                                <div class=\"comparison-agent comparison-agent-detailed\" data-agent=\"deo\">\n                                    <div class=\"comparison-avatar comparison-avatar-detailed\">\n                                        <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=12\" alt=\"Deo\" \/>\n                                        <span class=\"comparison-status-dot comparison-status-online\"><\/span>\n                                    <\/div>\n                                    <div class=\"comparison-agent-info\">\n                                        <div class=\"comparison-agent-name\">Deo<\/div>\n                                        <div class=\"comparison-agent-role\">Tech Support<\/div>\n                                    <\/div>\n                                    <div class=\"comparison-checkmark\">\u2713<\/div>\n                                <\/div>\n                                <div class=\"comparison-agent comparison-agent-detailed\" data-agent=\"laura\">\n                                    <div class=\"comparison-avatar comparison-avatar-detailed\">\n                                        <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=47\" alt=\"Laura\" \/>\n                                        <span class=\"comparison-status-dot comparison-status-online\"><\/span>\n                                    <\/div>\n                                    <div class=\"comparison-agent-info\">\n                                        <div class=\"comparison-agent-name\">Laura<\/div>\n                                        <div class=\"comparison-agent-role\">Billing<\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"comparison-agent comparison-agent-detailed comparison-agent-offline\" data-agent=\"mike\">\n                                    <div class=\"comparison-avatar comparison-avatar-detailed\">\n                                        <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=33\" alt=\"Mike\" \/>\n                                        <span class=\"comparison-status-dot comparison-status-offline\"><\/span>\n                                    <\/div>\n                                    <div class=\"comparison-agent-info\">\n                                        <div class=\"comparison-agent-name\">Mike<\/div>\n                                        <div class=\"comparison-agent-role\">Sales<\/div>\n                                    <\/div>\n                                    <div class=\"comparison-availability\">2 Hours<\/div>\n                                <\/div>\n                            <\/div>\n                            <p class=\"comparison-result-text\">Customer picks the department and connects to the right agent<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CTA Button -->\n                <div style=\"text-align: center; margin-top: 2.5rem;\">\n                    <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/multi-agent\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-primary btn-large\">\n                        Know More About Multi-Agent\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FAQ & Troubleshooting Section -->\n    \n\n    <!-- Documentation Link -->\n    <section class=\"section-footer-cta\">\n        <div class=\"container\">\n            <div class=\"footer-cta-content\">\n                <h3 class=\"footer-cta-title\">Ready to Handle More Conversations Without Overload?<\/h3>\n                <p class=\"footer-cta-description\">Join 700,000+ WordPress websites using Click to Chat<\/p>\n                <div class=\"footer-cta-buttons\">\n                    <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-primary btn-large\">\n                        Upgrade to Pro\n                    <\/a>\n                    <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/docs\/random-number\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-outline btn-large\">\n                        View Documentation\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Toast Notification Area -->\n    <div id=\"toast-container\" class=\"toast-container\" aria-live=\"polite\" aria-atomic=\"true\"><\/div>\n<\/div>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Faster responses through balanced distribution Automatically distribute conversations to balance workload, reduce response time and increase conversions. Upgrade to Pro Get Started Included in Click to Chat Pro Distribution Visualization Random Sequential Visitor 1 +1 234 567 890 2 +1 234 567 891 3 +1 234 567 892 4 +1 234 567 893 5 +1 [&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":"default","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":["random-number.min__20251125_115916.css"],"js":["random-number.min__20251125_115916.js"],"callbacks":["dequeue_astra"],"js_attr":{"random-number.min__20251125_115916.js":{"attr":"","footer":"1"}}}},"categories":[52,53,65],"tags":[],"class_list":["post-1727","post","type-post","status-publish","format-standard","hentry","category-click-to-chat-pro","category-features","category-page-by-ht-design"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/1727","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=1727"}],"version-history":[{"count":1,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/1727\/revisions"}],"predecessor-version":[{"id":7331,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/1727\/revisions\/7331"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=1727"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/categories?post=1727"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/tags?post=1727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}