{"id":1722,"date":"2021-08-14T11:08:43","date_gmt":"2021-08-14T05:38:43","guid":{"rendered":"http:\/\/holithemes.com\/plugins\/click-to-chat\/?page_id=1722"},"modified":"2026-11-11T18:53:25","modified_gmt":"2026-11-11T13:23:25","slug":"pricing","status":"publish","type":"page","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\/","title":{"rendered":"Pricing"},"content":{"rendered":"\n<div class=\"pricing-page-wrapper\">\n        <div class=\"relative z-10 container mx-auto px-4 pp-page max-w-7xl\">\n            <!-- Header Section -->\n            <div class=\"pp-hero\">\n                <p class=\"pp-eyebrow\">Click to Chat Pro<\/p>\n                <h1 class=\"pp-title\">Pricing<\/h1>\n            <\/div>\n\n            <!-- Controls -->\n            <div id=\"pricingCurrency\" class=\"flex flex-col sm:flex-row items-center justify-center gap-4 pp-controls\">\n                <div class=\"currency-dropdown\">\n                    <button type=\"button\" id=\"currencyBtn\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"currencyDropdown\"\n                        class=\"flex items-center gap-2 card px-4 py-2 text-sm font-medium hover:border-cyan-500\/30 transition-all\">\n                        <i data-lucide=\"globe\" class=\"w-4 h-4 text-gray-400\" id=\"locationIcon\"><\/i>\n                        <span id=\"currentCurrency\">USD<\/span>\n                        <i data-lucide=\"chevron-down\" class=\"w-4 h-4 transition-transform\" id=\"currencyChevron\"><\/i>\n                    <\/button>\n                    <div id=\"currencyDropdown\" class=\"dropdown-content hidden\">\n                        <!-- <div class=\"dropdown-item active\" data-symbol=\"$\" data-currency=\"USD\">USD ($)<\/div> -->\n                        <!-- <div class=\"dropdown-item\" data-symbol=\"\u20ac\" data-currency=\"EUR\">EUR (\u20ac)<\/div>\n                        <div class=\"dropdown-item\" data-symbol=\"\u00a3\" data-currency=\"GBP\">GBP (\u00a3)<\/div>\n                        <div class=\"dropdown-item\" data-symbol=\"\u00a5\" data-currency=\"JPY\">JPY (\u00a5)<\/div>\n                        <div class=\"dropdown-item\" data-symbol=\"\u20b9\" data-currency=\"INR\">INR (\u20b9)<\/div> -->\n                    <\/div>\n                <\/div>\n\n                <div class=\"card p-1 flex\">\n                    <button type=\"button\" id=\"annualBtn\"\n                        class=\"px-6 py-2 rounded-full text-sm font-medium transition-all btn-primary\">\n                        Annual\n                    <\/button>\n                    <button type=\"button\" id=\"lifetimeBtn\"\n                        class=\"px-6 py-2 rounded-full text-sm font-medium transition-all text-gray-400 hover:text-white\">\n                        Lifetime\n                        <!-- <span class=\"toggle-pill\">Best value<\/span> -->\n                    <\/button>\n                <\/div>\n\n            <\/div>\n\n            <script>\n                (function () {\n                    try {\n                        var storage = JSON.parse(localStorage.getItem('ht_code_storage') || '{}');\n                        var billing = storage.billing || 'annual';\n                        if (billing === 'lifetime') {\n                            var a = document.getElementById('annualBtn');\n                            var l = document.getElementById('lifetimeBtn');\n                            if (a && l) {\n                                a.className = 'px-6 py-2 rounded-full text-sm font-medium transition-all text-gray-400 hover:text-white';\n                                l.className = 'px-6 py-2 rounded-full text-sm font-medium transition-all btn-primary';\n                            }\n                        }\n                    } catch (e) { }\n                })();\n            <\/script>\n\n            <!-- Pricing Cards (hidden h2 so the plan names, h3, sit under a section heading: h1 > h2 > h3) -->\n            <h2 class=\"sr-only\">Plans and prices<\/h2>\n            <div class=\"grid md:grid-cols-3 gap-8 max-w-6xl mx-auto mb-8\" id=\"pricingCards\">\n                <!-- Cards will be populated by JavaScript -->\n            <\/div>\n\n            <!-- Reassurance right under the Buy buttons -->\n            <div class=\"pricing-assurance pp-after-cards\" id=\"pricingAssurance\">\n                <span><i data-lucide=\"shield\" class=\"w-4 h-4\"><\/i>14-day money-back guarantee<\/span>\n            <\/div>\n\n            <!-- Pricing Note -->\n            <!-- <div class=\"text-center mb-20\">\n                <div\n                    class=\"inline-flex items-center gap-2 bg-yellow-500\/10 border border-yellow-500\/30 rounded-full px-4 py-2\">\n                    <i data-lucide=\"info\" class=\"w-4 h-4 text-yellow-500\"><\/i>\n                    <span class=\"text-sm font-medium text-yellow-500\">All features are available in all plans<\/span>\n                <\/div>\n            <\/div> -->\n\n            <!-- Pro Features Section -->\n            <div class=\"max-w-6xl mx-auto mb-20\">\n                <div class=\"text-center mb-12\">\n                    <h2 class=\"text-3xl font-bold mb-4\">What Pro adds to your WhatsApp button<\/h2>\n                    <!-- <p class=\"text-gray-400\">Powerful features available only in Pro plan<\/p> -->\n                <\/div>\n\n                <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-6\">\n                    <div class=\"premium-card border-cyan-500\/20 p-6\">\n                        <div class=\"w-12 h-12 rounded-xl bg-cyan-500\/20 flex items-center justify-center mb-4\">\n                            <i data-lucide=\"form-input\" class=\"w-6 h-6 text-cyan-500\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-lg font-semibold mb-2\">Greetings form<\/h3>\n                        <p class=\"text-gray-400 text-sm mb-3\">Ask for a name, email or question before the chat begins, so you know who you are helping.<\/p>\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-form\"\n                            class=\"text-cyan-500 text-sm font-medium hover:underline\">Learn more \u2192<\/a>\n                    <\/div>\n\n                    <div class=\"premium-card border-cyan-500\/20 p-6\">\n                        <div class=\"w-12 h-12 rounded-xl bg-cyan-500\/20 flex items-center justify-center mb-4\">\n                            <i data-lucide=\"users\" class=\"w-6 h-6 text-cyan-500\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-lg font-semibold mb-2\">Multi-agent<\/h3>\n                        <p class=\"text-gray-400 text-sm mb-3\">Let customers choose who to talk to: several agents, each with their own hours.<\/p>\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/multi-agent\"\n                            class=\"text-cyan-500 text-sm font-medium hover:underline\">Learn more \u2192<\/a>\n                    <\/div>\n\n                    <div class=\"premium-card border-cyan-500\/20 p-6\">\n                        <div class=\"w-12 h-12 rounded-xl bg-cyan-500\/20 flex items-center justify-center mb-4\">\n                            <i data-lucide=\"clock\" class=\"w-6 h-6 text-cyan-500\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-lg font-semibold mb-2\">Business hours<\/h3>\n                        <p class=\"text-gray-400 text-sm mb-3\">When you are away, show a different number or message, so no one is left waiting.<\/p>\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/business-hours-online-offline\"\n                            class=\"text-cyan-500 text-sm font-medium hover:underline\">Learn more \u2192<\/a>\n                    <\/div>\n\n                    <div class=\"premium-card border-cyan-500\/20 p-6\">\n                        <div class=\"w-12 h-12 rounded-xl bg-cyan-500\/20 flex items-center justify-center mb-4\">\n                            <i data-lucide=\"webhook\" class=\"w-6 h-6 text-cyan-500\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-lg font-semibold mb-2\">Webhooks<\/h3>\n                        <p class=\"text-gray-400 text-sm mb-3\">Send each chat click to your CRM or other tools, with the page, time and campaign.<\/p>\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/webhooks\"\n                            class=\"text-cyan-500 text-sm font-medium hover:underline\">Learn more \u2192<\/a>\n                    <\/div>\n\n                    <div class=\"premium-card border-cyan-500\/20 p-6\">\n                        <div class=\"w-12 h-12 rounded-xl bg-cyan-500\/20 flex items-center justify-center mb-4\">\n                            <i data-lucide=\"shuffle\" class=\"w-6 h-6 text-cyan-500\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-lg font-semibold mb-2\">Random number<\/h3>\n                        <p class=\"text-gray-400 text-sm mb-3\">Spread chats across your team: each click opens one of your numbers, chosen at random.<\/p>\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/random-number\"\n                            class=\"text-cyan-500 text-sm font-medium hover:underline\">Learn more \u2192<\/a>\n                    <\/div>\n\n                    <div class=\"premium-card border-cyan-500\/20 p-6\">\n                        <div class=\"w-12 h-12 rounded-xl bg-cyan-500\/20 flex items-center justify-center mb-4\">\n                            <i data-lucide=\"target\" class=\"w-6 h-6 text-cyan-500\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-lg font-semibold mb-2\">Google Ads conversion<\/h3>\n                        <p class=\"text-gray-400 text-sm mb-3\">See which ads lead to conversations: each chat click counts as a conversion.<\/p>\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/google-ads-conversion\"\n                            class=\"text-cyan-500 text-sm font-medium hover:underline\">Learn more \u2192<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Comparison Table -->\n            <div class=\"max-w-6xl mx-auto mb-20\">\n                <div class=\"text-center mb-12\">\n                    <h2 class=\"text-3xl font-bold\">Free vs Pro<\/h2>\n                    <!-- <div class=\"inline-flex items-center gap-2 bg-yellow-500\/10 border border-yellow-500\/30 rounded-full px-4 py-2 mt-4\">\n                        <i data-lucide=\"info\" class=\"w-4 h-4 text-yellow-500\"><\/i>\n                        <span class=\"text-sm font-medium text-yellow-500\">All features are available in all plans<\/span>\n                    <\/div> -->\n                <\/div>\n\n                <div id=\"comparisonTableContainer\" class=\"premium-card border-cyan-500\/20 overflow-hidden relative\">\n                    <div\n                        class=\"absolute inset-0 bg-gradient-to-br from-cyan-500\/5 via-transparent to-purple-500\/5 opacity-60\">\n                    <\/div>\n                    <!-- moving line -->\n                    <!-- <div class=\"absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-cyan-500 to-transparent animate-glow-rotate\"><\/div> -->\n\n                    <div class=\"p-0 relative z-10\">\n                        <div class=\"overflow-x-auto\">\n                            <table class=\"table\">\n                                <thead>\n                                    <tr>\n                                        <th class=\"w-1\/4 font-bold\">Features<\/th>\n                                        <th class=\"text-center font-bold\">\n                                            <div class=\"flex flex-col items-center gap-2\">\n                                                <span>Free<\/span>\n                                            <\/div>\n                                        <\/th>\n                                        <th class=\"text-center font-bold\">\n                                            <div class=\"flex flex-col items-center gap-2\">\n                                                <span class=\"text-cyan-500\">Pro<\/span>\n                                            <\/div>\n                                        <\/th>\n\n                                    <\/tr>\n                                <\/thead>\n                                <tbody id=\"comparisonTable\">\n\n\t\t\t<tr data-in-free>\n\t\t\t\t<td colspan=\"3\" class=\"py-4\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<div class=\"w-full h-px bg-gradient-to-r from-cyan-500\/50 via-cyan-500\/20 to-transparent\"><\/div>\n\t\t\t\t\t\t<span class=\"text-sm font-bold text-cyan-500 whitespace-nowrap px-2\">Basics<\/span>\n\t\t\t\t\t\t<div class=\"w-full h-px bg-gradient-to-l from-cyan-500\/50 via-cyan-500\/20 to-transparent\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t\t\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>WhatsApp number<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">The number your visitors chat with.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Pre-filled message<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">A message ready in the chat when it opens. Visitors can edit it before sending.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>WhatsApp Web<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">On desktop, open the chat in WhatsApp Web or the WhatsApp desktop app.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Shortcodes<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Place a WhatsApp button or icon inside your content or widget areas.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Call to action<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">The short text shown next to the chat button.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Notification badge<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">A small badge on the chat button, with your own count, colours and delay.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n        \n\t\t\t<tr data-in-free>\n\t\t\t\t<td colspan=\"3\" class=\"py-4\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<div class=\"w-full h-px bg-gradient-to-r from-cyan-500\/50 via-cyan-500\/20 to-transparent\"><\/div>\n\t\t\t\t\t\t<span class=\"text-sm font-bold text-cyan-500 whitespace-nowrap px-2\">Styles and design<\/span>\n\t\t\t\t\t\t<div class=\"w-full h-px bg-gradient-to-l from-cyan-500\/50 via-cyan-500\/20 to-transparent\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t\t\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Ready-made styles<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Choose from 8 ready-made button styles.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Your own image<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Use your own image or animated GIF as the chat button.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Custom element<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Turn any menu item, button, image or link into a WhatsApp chat link.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Fixed position<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Keep the chat button in one place on the screen while visitors scroll.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n        \n\t\t\t<tr>\n\t\t\t\t<td colspan=\"3\" class=\"py-4\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<div class=\"w-full h-px bg-gradient-to-r from-cyan-500\/50 via-cyan-500\/20 to-transparent\"><\/div>\n\t\t\t\t\t\t<span class=\"text-sm font-bold text-cyan-500 whitespace-nowrap px-2\">Greetings<\/span>\n\t\t\t\t\t\t<div class=\"w-full h-px bg-gradient-to-l from-cyan-500\/50 via-cyan-500\/20 to-transparent\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t\t\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Greetings 1<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">A greeting dialog in your own design: fonts, colours and images.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Greetings 2<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">A simple greeting dialog that puts your message first.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Form to collect visitor details<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Ask for details such as name and email before the chat starts.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Multi-agent<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Show several agents in the greeting, each with their own hours.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Time delay<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Open the greeting after a set time on the page.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Scroll delay<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Open the greeting after visitors scroll part of the page.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Show on element click<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Open the greeting when a chosen element is clicked.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Show when an element comes into view<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Open the greeting when a chosen element scrolls into view.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n        \n\t\t\t<tr>\n\t\t\t\t<td colspan=\"3\" class=\"py-4\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<div class=\"w-full h-px bg-gradient-to-r from-cyan-500\/50 via-cyan-500\/20 to-transparent\"><\/div>\n\t\t\t\t\t\t<span class=\"text-sm font-bold text-cyan-500 whitespace-nowrap px-2\">Display settings<\/span>\n\t\t\t\t\t\t<div class=\"w-full h-px bg-gradient-to-l from-cyan-500\/50 via-cyan-500\/20 to-transparent\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t\t\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Show or hide by post type<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Choose the post types where the chat button appears.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Device-specific settings<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Separate style and position for mobile and desktop.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Show on selected pages<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Show or hide the chat button on chosen pages.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Show by category<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Show or hide the chat button by post category.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Show after a time delay<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Show the chat button after a set time on the page.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Show after scrolling<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Show the chat button after visitors scroll part of the page.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Show by visitor country<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Show or hide the chat button based on the visitor&#8217;s country.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Show by login status<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Show the chat button to logged-in visitors, logged-out visitors, or both.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n        \n\t\t\t<tr>\n\t\t\t\t<td colspan=\"3\" class=\"py-4\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<div class=\"w-full h-px bg-gradient-to-r from-cyan-500\/50 via-cyan-500\/20 to-transparent\"><\/div>\n\t\t\t\t\t\t<span class=\"text-sm font-bold text-cyan-500 whitespace-nowrap px-2\">Business hours<\/span>\n\t\t\t\t\t\t<div class=\"w-full h-px bg-gradient-to-l from-cyan-500\/50 via-cyan-500\/20 to-transparent\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t\t\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Show or hide on selected days<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Choose the days the chat button appears.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Hours for each day<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Set your opening hours for each day of the week.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Different number when offline<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Use another WhatsApp number outside your hours.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Different call to action when offline<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Show a different call to action outside your hours.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Online\/offline badge in greetings<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Show in the greeting whether you are online or away.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n        \n\t\t\t<tr>\n\t\t\t\t<td colspan=\"3\" class=\"py-4\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<div class=\"w-full h-px bg-gradient-to-r from-cyan-500\/50 via-cyan-500\/20 to-transparent\"><\/div>\n\t\t\t\t\t\t<span class=\"text-sm font-bold text-cyan-500 whitespace-nowrap px-2\">Analytics and tracking<\/span>\n\t\t\t\t\t\t<div class=\"w-full h-px bg-gradient-to-l from-cyan-500\/50 via-cyan-500\/20 to-transparent\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t\t\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Google Analytics<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Record chat clicks as Google Analytics events. Free includes page details ({url}, {title}, {number}); Pro adds cookie values and URL parameters, such as UTM tags and gclid.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><div class=\"flex flex-col items-center gap-1\">\n                <i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500\"><\/i>\n                \n            <\/div><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><div class=\"flex flex-col items-center gap-1\">\n                <i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500\"><\/i>\n                <span class=\"text-xs text-cyan-500 font-medium\">Advanced variables<\/span>\n            <\/div><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Google Tag Manager<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Send chat clicks to Google Tag Manager. Pro adds cookie values and URL parameters, such as UTM tags and gclid.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><div class=\"flex flex-col items-center gap-1\">\n                <i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500\"><\/i>\n                \n            <\/div><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><div class=\"flex flex-col items-center gap-1\">\n                <i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500\"><\/i>\n                <span class=\"text-xs text-cyan-500 font-medium\">Advanced variables<\/span>\n            <\/div><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Meta Pixel<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Record chat clicks as Meta Pixel events. Free includes page details ({url}, {title}, {number}); Pro adds cookie values and URL parameters, such as UTM tags and gclid.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><div class=\"flex flex-col items-center gap-1\">\n                <i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500\"><\/i>\n                \n            <\/div><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><div class=\"flex flex-col items-center gap-1\">\n                <i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500\"><\/i>\n                <span class=\"text-xs text-cyan-500 font-medium\">Advanced variables<\/span>\n            <\/div><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Google Ads conversion<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Record each chat click as a Google Ads conversion, to see which campaigns lead to conversations.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Webhooks<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Send each chat click to another service, with details such as {number}, {url} and {time}. Pro adds cookie values and URL parameters, such as UTM tags and the Google Ads click ID (gclid).<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><div class=\"flex flex-col items-center gap-1\">\n                <i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500\"><\/i>\n                \n            <\/div><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><div class=\"flex flex-col items-center gap-1\">\n                <i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500\"><\/i>\n                <span class=\"text-xs text-cyan-500 font-medium\">Advanced variables<\/span>\n            <\/div><\/td>\n\t\t\t<\/tr>\n        \n\t\t\t<tr>\n\t\t\t\t<td colspan=\"3\" class=\"py-4\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<div class=\"w-full h-px bg-gradient-to-r from-cyan-500\/50 via-cyan-500\/20 to-transparent\"><\/div>\n\t\t\t\t\t\t<span class=\"text-sm font-bold text-cyan-500 whitespace-nowrap px-2\">Page-level settings<\/span>\n\t\t\t\t\t\t<div class=\"w-full h-px bg-gradient-to-l from-cyan-500\/50 via-cyan-500\/20 to-transparent\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t\t\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>WhatsApp number<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Use a different WhatsApp number on a page.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Call to action<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Use a different call to action on a page.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Pre-filled message<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Use a different pre-filled message on a page.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Style settings<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Use a different button style on a page.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Time delay<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Use a different time delay on a page.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Scroll delay<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Use a different scroll delay on a page.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Greetings template and call to action<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Use a different greeting template and call to action on a page.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Greetings header, body and footer<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Write different greeting content for a page.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n        \n\t\t\t<tr>\n\t\t\t\t<td colspan=\"3\" class=\"py-4\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<div class=\"w-full h-px bg-gradient-to-r from-cyan-500\/50 via-cyan-500\/20 to-transparent\"><\/div>\n\t\t\t\t\t\t<span class=\"text-sm font-bold text-cyan-500 whitespace-nowrap px-2\">Advanced settings<\/span>\n\t\t\t\t\t\t<div class=\"w-full h-px bg-gradient-to-l from-cyan-500\/50 via-cyan-500\/20 to-transparent\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t\t\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Custom URL<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Open a URL of your choice when the chat button is clicked. Pro can set it per page.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><div class=\"flex flex-col items-center gap-1\">\n                <i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500\"><\/i>\n                <span class=\"text-xs text-cyan-500 font-medium\">Page level<\/span>\n            <\/div><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Custom styles<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Add your own CSS to adjust the chat button.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Entry animations<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Animate the chat button as it appears.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Group chat<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Invite visitors to join your WhatsApp group.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Share<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Let visitors share your page with their WhatsApp contacts.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Random number<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Each click goes to a different number from your list, to share chats across your team.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Absolute position<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Place the chat button within the page, so it scrolls with the content.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n        \n\t\t\t<tr>\n\t\t\t\t<td colspan=\"3\" class=\"py-4\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<div class=\"w-full h-px bg-gradient-to-r from-cyan-500\/50 via-cyan-500\/20 to-transparent\"><\/div>\n\t\t\t\t\t\t<span class=\"text-sm font-bold text-cyan-500 whitespace-nowrap px-2\">WooCommerce<\/span>\n\t\t\t\t\t\t<div class=\"w-full h-px bg-gradient-to-l from-cyan-500\/50 via-cyan-500\/20 to-transparent\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t\t\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Custom call to action<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Use a different call to action on WooCommerce pages.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Pre-filled message<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Include product details, such as the product name, in the message.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\">\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Greetings template and content<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Use different greetings on WooCommerce pages.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"x\" class=\"w-5 h-5 text-gray-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Single product pages<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Settings for single product pages, separate from the rest of your site.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n\t\t\t<tr class=\"hover:bg-gray-800\/10 transition-colors\" data-in-free>\n\t\t\t\t<td class=\"font-medium py-4 overflow-visible\">\n\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<span>Shop and archive pages<\/span>\n\t\t\t\t\t\t<div class=\"tooltip-container relative\">\n\t\t\t\t\t\t\t<i data-lazy-icon=\"info\" class=\"w-4 h-4 text-gray-500 hover:text-cyan-500 cursor-help transition-colors\"><\/i>\n\t\t\t\t\t\t\t<div class=\"tooltip hidden absolute bottom-full left-1\/2 transform -translate-x-1\/2\n\t\t\t\t\t\t\t\tmb-2 px-3 py-2 bg-gray-800 text-white text-sm rounded-lg shadow-lg z-50 w-64\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">Settings for shop and category pages.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/td>\n\t\t\t\t<td class=\"text-center py-4\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t\t<td class=\"text-center py-4 bg-cyan-500\/5\"><i data-lazy-icon=\"check\" class=\"w-5 h-5 text-cyan-500 mx-auto\"><\/i><\/td>\n\t\t\t<\/tr>\n        \n<\/tbody>\n                            <\/table>\n                        <\/div>\n\n                        <div class=\"p-6 border-t border-gray-700 bg-gray-800\/10\">\n                            <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\n                                <button type=\"button\" class=\"btn-primary\" data-scroll-to-pricing>Choose a plan<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Refund Policy -->\n            <div class=\"max-w-4xl mx-auto mb-20\">\n                <div class=\"premium-card border-cyan-500\/20 overflow-hidden relative\">\n                    <div\n                        class=\"absolute inset-0 bg-gradient-to-br from-cyan-500\/10 via-transparent to-purple-500\/10 opacity-60\">\n                    <\/div>\n\n                    <div class=\"p-8 relative z-10\">\n                        <div class=\"flex items-center justify-center gap-4 mb-6\">\n                            <!-- <div\n                                class=\"w-12 h-12 rounded-full bg-cyan-500\/20 flex items-center justify-center glow-secondary animate-float\">\n                                <i data-lucide=\"shield\" class=\"w-6 h-6 text-cyan-500 animate-pulse\"><\/i>\n                            <\/div> -->\n                            <div class=\"text-center\">\n                                <h2 class=\"text-2xl font-bold mb-2\">14-day money-back guarantee<\/h2>\n                                <p class=\"text-gray-400\">Try Pro on your own site. If it isn&#8217;t right for you, we will refund you in full.<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"grid md:grid-cols-3 gap-6 text-center\">\n                            <div class=\"space-y-2\">\n                                <div\n                                    class=\"w-8 h-8 rounded-full bg-cyan-500\/20 flex items-center justify-center mx-auto mb-3\">\n                                    <span class=\"text-cyan-500 font-bold text-sm\">1<\/span>\n                                <\/div>\n                                <h3 class=\"font-semibold\">Try Pro<\/h3>\n                                <p class=\"text-sm text-gray-400\">Use every Pro feature on your own site<\/p>\n                            <\/div>\n                            <div class=\"space-y-2\">\n                                <div\n                                    class=\"w-8 h-8 rounded-full bg-cyan-500\/20 flex items-center justify-center mx-auto mb-3\">\n                                    <span class=\"text-cyan-500 font-bold text-sm\">2<\/span>\n                                <\/div>\n                                <h3 class=\"font-semibold\">If it isn&#8217;t right for you<\/h3>\n                                <p class=\"text-sm text-gray-400\">Write to us within 14 days, for any reason<\/p>\n                            <\/div>\n                            <div class=\"space-y-2\">\n                                <div\n                                    class=\"w-8 h-8 rounded-full bg-cyan-500\/20 flex items-center justify-center mx-auto mb-3\">\n                                    <span class=\"text-cyan-500 font-bold text-sm\">3<\/span>\n                                <\/div>\n                                <h3 class=\"font-semibold\">Full refund<\/h3>\n                                <p class=\"text-sm text-gray-400\">We refund the full amount, no questions asked<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"mt-8 text-center\">\n                            <button type=\"button\" class=\"btn-outline-toggle\" data-scroll-to-pricing>See plans<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- FAQ Section -->\n            <div class=\"max-w-4xl mx-auto\">\n                <div class=\"text-center mb-12\">\n                    <h2 class=\"text-3xl font-bold mb-4\">Frequently asked questions<\/h2>\n                    <p class=\"text-gray-400\">Licenses, payments, renewals and refunds.<\/p>\n                <\/div>\n\n                <div class=\"space-y-4\" id=\"faqSection\">\n<div class=\"faq-item\">\n\t\t\t<h3>\n\t\t\t\t<button type=\"button\" class=\"faq-button flex justify-between items-center w-full text-left py-4 border-b border-gray-800\"\n\t\t\t\t\tdata-faq-index=\"0\" aria-expanded=\"false\" aria-controls=\"faq-content-0\">\n\t\t\t\t\t<span class=\"font-semibold text-lg pr-4\">Is there a free trial or refund?<\/span>\n\t\t\t\t\t<i data-lazy-icon=\"chevron-right\" class=\"w-5 h-5 text-gray-400 transition-transform duration-300\"><\/i>\n\t\t\t\t<\/button>\n\t\t\t<\/h3>\n\t\t\t<div class=\"faq-content hidden pt-4 pb-6\" id=\"faq-content-0\">\n\t\t\t\t<div class=\"text-gray-400\">There is no trial period, but you can test the plugin by purchasing any license. If you change your mind, just <a href='https:\/\/holithemes.com\/plugins\/click-to-chat\/support\/' target='_blank' rel='noopener noreferrer' class='text-cyan-500 hover:underline'>contact us<\/a> within 14 days of your purchase and we will provide a 100% refund.<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"faq-item\">\n\t\t\t<h3>\n\t\t\t\t<button type=\"button\" class=\"faq-button flex justify-between items-center w-full text-left py-4 border-b border-gray-800\"\n\t\t\t\t\tdata-faq-index=\"1\" aria-expanded=\"false\" aria-controls=\"faq-content-1\">\n\t\t\t\t\t<span class=\"font-semibold text-lg pr-4\">Do I have to renew my annual license?<\/span>\n\t\t\t\t\t<i data-lazy-icon=\"chevron-right\" class=\"w-5 h-5 text-gray-400 transition-transform duration-300\"><\/i>\n\t\t\t\t<\/button>\n\t\t\t<\/h3>\n\t\t\t<div class=\"faq-content hidden pt-4 pb-6\" id=\"faq-content-1\">\n\t\t\t\t<div class=\"text-gray-400\">No. There&#8217;s no auto-renewal, so you are never charged again automatically. Even if the license is not renewed, the plugin continues to work. To keep getting plugin updates, renew it manually: sign in to your <a href='https:\/\/holithemes.com\/shop\/' target='_blank' rel='noopener noreferrer' class='text-cyan-500 hover:underline'>HoliThemes shop account<\/a> and renew the license from there.<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"faq-item\">\n\t\t\t<h3>\n\t\t\t\t<button type=\"button\" class=\"faq-button flex justify-between items-center w-full text-left py-4 border-b border-gray-800\"\n\t\t\t\t\tdata-faq-index=\"2\" aria-expanded=\"false\" aria-controls=\"faq-content-2\">\n\t\t\t\t\t<span class=\"font-semibold text-lg pr-4\">Can I upgrade my license later?<\/span>\n\t\t\t\t\t<i data-lazy-icon=\"chevron-right\" class=\"w-5 h-5 text-gray-400 transition-transform duration-300\"><\/i>\n\t\t\t\t<\/button>\n\t\t\t<\/h3>\n\t\t\t<div class=\"faq-content hidden pt-4 pb-6\" id=\"faq-content-2\">\n\t\t\t\t<div class=\"text-gray-400\">Yes. Start with any license type, and later upgrade it from the <a href='https:\/\/holithemes.com\/shop\/' target='_blank' rel='noopener noreferrer' class='text-cyan-500 hover:underline'>My Account<\/a> page by paying only the difference. An annual license can be upgraded while it is active, before it expires.<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"faq-item\">\n\t\t\t<h3>\n\t\t\t\t<button type=\"button\" class=\"faq-button flex justify-between items-center w-full text-left py-4 border-b border-gray-800\"\n\t\t\t\t\tdata-faq-index=\"3\" aria-expanded=\"false\" aria-controls=\"faq-content-3\">\n\t\t\t\t\t<span class=\"font-semibold text-lg pr-4\">Do local and staging sites count toward my license?<\/span>\n\t\t\t\t\t<i data-lazy-icon=\"chevron-right\" class=\"w-5 h-5 text-gray-400 transition-transform duration-300\"><\/i>\n\t\t\t\t<\/button>\n\t\t\t<\/h3>\n\t\t\t<div class=\"faq-content hidden pt-4 pb-6\" id=\"faq-content-3\">\n\t\t\t\t<div class=\"text-gray-400\">The following URLs and IP ranges do NOT count toward your license activation limit:<br>\n        \u2022 localhost<br>\n        \u2022 10.0.0.0\/8<br>\n        \u2022 172.16.0.0\/12<br>\n        \u2022 192.168.0.0\/16<br>\n        \u2022 *.local<br>\n        \u2022 staging.*<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"faq-item\">\n\t\t\t<h3>\n\t\t\t\t<button type=\"button\" class=\"faq-button flex justify-between items-center w-full text-left py-4 border-b border-gray-800\"\n\t\t\t\t\tdata-faq-index=\"4\" aria-expanded=\"false\" aria-controls=\"faq-content-4\">\n\t\t\t\t\t<span class=\"font-semibold text-lg pr-4\">Which payment methods are accepted?<\/span>\n\t\t\t\t\t<i data-lazy-icon=\"chevron-right\" class=\"w-5 h-5 text-gray-400 transition-transform duration-300\"><\/i>\n\t\t\t\t<\/button>\n\t\t\t<\/h3>\n\t\t\t<div class=\"faq-content hidden pt-4 pb-6\" id=\"faq-content-4\">\n\t\t\t\t<div class=\"text-gray-400\">All payments are processed securely by Stripe, PayPal (and Razorpay for INR). We don\u2019t store your card details &#8211; your information goes directly to the payment gateways.<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"faq-item\">\n\t\t\t<h3>\n\t\t\t\t<button type=\"button\" class=\"faq-button flex justify-between items-center w-full text-left py-4 border-b border-gray-800\"\n\t\t\t\t\tdata-faq-index=\"5\" aria-expanded=\"false\" aria-controls=\"faq-content-5\">\n\t\t\t\t\t<span class=\"font-semibold text-lg pr-4\">Can I pay in my local currency?<\/span>\n\t\t\t\t\t<i data-lazy-icon=\"chevron-right\" class=\"w-5 h-5 text-gray-400 transition-transform duration-300\"><\/i>\n\t\t\t\t<\/button>\n\t\t\t<\/h3>\n\t\t\t<div class=\"faq-content hidden pt-4 pb-6\" id=\"faq-content-5\">\n\t\t\t\t<div class=\"text-gray-400\">Yes. Choose your currency from the <a href='#pricingCurrency' class='text-cyan-500 hover:underline'>currency selector<\/a> at the top of this page, and prices and checkout will use it. If your currency isn&#8217;t listed, please <a href='https:\/\/holithemes.com\/plugins\/click-to-chat\/support\/' target='_blank' rel='noopener noreferrer' class='text-cyan-500 hover:underline'>contact us<\/a>.<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"faq-item\">\n\t\t\t<h3>\n\t\t\t\t<button type=\"button\" class=\"faq-button flex justify-between items-center w-full text-left py-4 border-b border-gray-800\"\n\t\t\t\t\tdata-faq-index=\"6\" aria-expanded=\"false\" aria-controls=\"faq-content-6\">\n\t\t\t\t\t<span class=\"font-semibold text-lg pr-4\">How do I install and activate Pro?<\/span>\n\t\t\t\t\t<i data-lazy-icon=\"chevron-right\" class=\"w-5 h-5 text-gray-400 transition-transform duration-300\"><\/i>\n\t\t\t\t<\/button>\n\t\t\t<\/h3>\n\t\t\t<div class=\"faq-content hidden pt-4 pb-6\" id=\"faq-content-6\">\n\t\t\t\t<div class=\"text-gray-400\">1. Download the Pro ZIP from your HoliThemes account.<br>\n        2. In WordPress, go to Plugins \u2192 Add New \u2192 Upload Plugin.<br>\n        3. Select the ZIP, click Install Now, then Activate Plugin.<br>\n        4. Open Click to Chat \u2192 License, enter your license key and click Activate License.<br><br>\n        Keep the main Click to Chat plugin active too. Pro works alongside it.<br>\n        <a href='https:\/\/holithemes.com\/plugins\/click-to-chat\/installation-of-click-to-chat-pro-plugin\/' target='_blank' rel='noopener noreferrer' class='text-cyan-500 hover:underline'>Full installation guide \u2192<\/a><\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"faq-item\">\n\t\t\t<h3>\n\t\t\t\t<button type=\"button\" class=\"faq-button flex justify-between items-center w-full text-left py-4 border-b border-gray-800\"\n\t\t\t\t\tdata-faq-index=\"7\" aria-expanded=\"false\" aria-controls=\"faq-content-7\">\n\t\t\t\t\t<span class=\"font-semibold text-lg pr-4\">Can you help me set up the plugin?<\/span>\n\t\t\t\t\t<i data-lazy-icon=\"chevron-right\" class=\"w-5 h-5 text-gray-400 transition-transform duration-300\"><\/i>\n\t\t\t\t<\/button>\n\t\t\t<\/h3>\n\t\t\t<div class=\"faq-content hidden pt-4 pb-6\" id=\"faq-content-7\">\n\t\t\t\t<div class=\"text-gray-400\">Yes. If you need help setting up the plugin, we are happy to take screen access and set it up for you on your system.<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"faq-item\">\n\t\t\t<h3>\n\t\t\t\t<button type=\"button\" class=\"faq-button flex justify-between items-center w-full text-left py-4 border-b border-gray-800\"\n\t\t\t\t\tdata-faq-index=\"8\" aria-expanded=\"false\" aria-controls=\"faq-content-8\">\n\t\t\t\t\t<span class=\"font-semibold text-lg pr-4\">How can I edit or download my invoice?<\/span>\n\t\t\t\t\t<i data-lazy-icon=\"chevron-right\" class=\"w-5 h-5 text-gray-400 transition-transform duration-300\"><\/i>\n\t\t\t\t<\/button>\n\t\t\t<\/h3>\n\t\t\t<div class=\"faq-content hidden pt-4 pb-6\" id=\"faq-content-8\">\n\t\t\t\t<div class=\"text-gray-400\"><ol class=\"faq-steps\">\n        <li>Sign in to your <a href='https:\/\/holithemes.com\/shop\/' target='_blank' rel='noopener noreferrer' class='text-cyan-500 hover:underline'>HoliThemes shop account<\/a>.<\/li>\n        <li>Go to <strong>Purchase History<\/strong>, then click <strong>View Invoice<\/strong> for the product.<\/li>\n        <li>Before downloading, you can update your company name, billing address, contact information,\n        VAT number, and GST number by clicking the update button in the <strong>Invoice To<\/strong> section.<\/li>\n        <\/ol><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n<\/div>\n<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Is there a free trial or refund?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"There is no trial period, but you can test the plugin by purchasing any license. If you change your mind, just <a href='https:\/\/holithemes.com\/plugins\/click-to-chat\/support\/' target='_blank' rel='noopener noreferrer' class='text-cyan-500 hover:underline'>contact us<\/a> within 14 days of your purchase and we will provide a 100% refund.\"}},{\"@type\":\"Question\",\"name\":\"Do I have to renew my annual license?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No. There's no auto-renewal, so you are never charged again automatically. Even if the license is not renewed, the plugin continues to work. To keep getting plugin updates, renew it manually: sign in to your <a href='https:\/\/holithemes.com\/shop\/' target='_blank' rel='noopener noreferrer' class='text-cyan-500 hover:underline'>HoliThemes shop account<\/a> and renew the license from there.\"}},{\"@type\":\"Question\",\"name\":\"Can I upgrade my license later?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Start with any license type, and later upgrade it from the <a href='https:\/\/holithemes.com\/shop\/' target='_blank' rel='noopener noreferrer' class='text-cyan-500 hover:underline'>My Account<\/a> page by paying only the difference. An annual license can be upgraded while it is active, before it expires.\"}},{\"@type\":\"Question\",\"name\":\"Do local and staging sites count toward my license?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The following URLs and IP ranges do NOT count toward your license activation limit:<br>\\n        \u2022 localhost<br>\\n        \u2022 10.0.0.0\/8<br>\\n        \u2022 172.16.0.0\/12<br>\\n        \u2022 192.168.0.0\/16<br>\\n        \u2022 *.local<br>\\n        \u2022 staging.*\"}},{\"@type\":\"Question\",\"name\":\"Which payment methods are accepted?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"All payments are processed securely by Stripe, PayPal (and Razorpay for INR). We don\u2019t store your card details - your information goes directly to the payment gateways.\"}},{\"@type\":\"Question\",\"name\":\"Can I pay in my local currency?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Choose your currency from the <a href='#pricingCurrency' class='text-cyan-500 hover:underline'>currency selector<\/a> at the top of this page, and prices and checkout will use it. If your currency isn't listed, please <a href='https:\/\/holithemes.com\/plugins\/click-to-chat\/support\/' target='_blank' rel='noopener noreferrer' class='text-cyan-500 hover:underline'>contact us<\/a>.\"}},{\"@type\":\"Question\",\"name\":\"How do I install and activate Pro?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"1. Download the Pro ZIP from your HoliThemes account.<br>\\n        2. In WordPress, go to Plugins \u2192 Add New \u2192 Upload Plugin.<br>\\n        3. Select the ZIP, click Install Now, then Activate Plugin.<br>\\n        4. Open Click to Chat \u2192 License, enter your license key and click Activate License.<br><br>\\n        Keep the main Click to Chat plugin active too. Pro works alongside it.<br>\\n        <a href='https:\/\/holithemes.com\/plugins\/click-to-chat\/installation-of-click-to-chat-pro-plugin\/' target='_blank' rel='noopener noreferrer' class='text-cyan-500 hover:underline'>Full installation guide \u2192<\/a>\"}},{\"@type\":\"Question\",\"name\":\"Can you help me set up the plugin?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. If you need help setting up the plugin, we are happy to take screen access and set it up for you on your system.\"}},{\"@type\":\"Question\",\"name\":\"How can I edit or download my invoice?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<ol class=\\\"faq-steps\\\">\\n        <li>Sign in to your <a href='https:\/\/holithemes.com\/shop\/' target='_blank' rel='noopener noreferrer' class='text-cyan-500 hover:underline'>HoliThemes shop account<\/a>.<\/li>\\n        <li>Go to <strong>Purchase History<\/strong>, then click <strong>View Invoice<\/strong> for the product.<\/li>\\n        <li>Before downloading, you can update your company name, billing address, contact information,\\n        VAT number, and GST number by clicking the update button in the <strong>Invoice To<\/strong> section.<\/li>\\n        <\/ol>\"}}]}<\/script>\n\n                <div id=\"pricingSupport\" class=\"mt-12 text-center\">\n                    <div class=\"premium-card border-cyan-500\/20 overflow-hidden\">\n                        <div\n                            class=\"absolute inset-0 bg-gradient-to-br from-cyan-500\/10 via-transparent to-purple-500\/10 opacity-60\">\n                        <\/div>\n                        <div class=\"p-8 relative z-10\">\n                            <h3 class=\"text-xl font-bold mb-2\">Have a question?<\/h3>\n                            <p class=\"text-gray-400 mb-6\">We are happy to help, before or after you buy.<\/p>\n                            <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\n                                <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/support\/\"\n                                    class=\"btn-outline-toggle\">\n                                    Contact support\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <!-- Sticky Pricing Bar -->\n    <div id=\"stickyPricingBar\"\n        class=\"fixed bottom-0 left-0 right-0 bg-gray-900\/95 backdrop-blur-lg border-t border-cyan-500\/20 z-50 transform translate-y-full transition-transform duration-300 ease-in-out\">\n        <!-- Phones: one slim row, the lowest price and a way back to the plans -->\n        <div class=\"pp-sticky-mobile\">\n            <div>\n                <div class=\"pp-sticky-mobile-name\">Click to Chat Pro<\/div>\n                <div class=\"pp-sticky-mobile-price\" id=\"stickyFromPrice\">From $18\/year<\/div>\n            <\/div>\n            <button type=\"button\" class=\"btn-primary pp-sticky-mobile-btn\" data-scroll-to-pricing>Choose a plan<\/button>\n        <\/div>\n\n        <div class=\"container mx-auto px-4 py-4 pp-sticky-full\">\n            <div class=\"flex flex-col sm:flex-row items-center justify-between gap-4\">\n                <div class=\"flex flex-col gap-3\">\n                    <div class=\"text-center sm:text-left\">\n                        <h3 class=\"text-lg font-bold text-white\">Choose your plan<\/h3>\n                    <\/div>\n\n                    <div id=\"stickyControls\" class=\"flex items-center gap-4\">\n                        <!-- Currency Dropdown -->\n                        <div class=\"currency-dropdown\">\n                            <button type=\"button\" id=\"stickyCurrencyBtn\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"stickyCurrencyDropdown\"\n                                class=\"flex items-center gap-2 card px-3 py-2 text-sm font-medium hover:border-cyan-500\/30 transition-all\">\n                                <i data-lucide=\"globe\" class=\"w-4 h-4 text-gray-400\" id=\"stickyLocationIcon\"><\/i>\n                                <span id=\"stickyCurrentCurrency\">USD<\/span>\n                                <i data-lucide=\"chevron-down\" class=\"w-4 h-4 transition-transform\"\n                                    id=\"stickyCurrencyChevron\"><\/i>\n                            <\/button>\n                            <div id=\"stickyCurrencyDropdown\" class=\"dropdown-content hidden\">\n                                <div class=\"dropdown-item active\" data-currency=\"USD\">USD ($)<\/div>\n                                <div class=\"dropdown-item\" data-currency=\"EUR\">EUR (\u20ac)<\/div>\n                                <div class=\"dropdown-item\" data-currency=\"GBP\">GBP (\u00a3)<\/div>\n                                <div class=\"dropdown-item\" data-currency=\"JPY\">JPY (\u00a5)<\/div>\n                                <div class=\"dropdown-item\" data-currency=\"INR\">INR (\u20b9)<\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Annual\/Lifetime Toggle -->\n                        <div class=\"card p-1 flex\">\n                            <button type=\"button\" id=\"stickyAnnualBtn\"\n                                class=\"px-4 py-1 rounded-full text-xs font-medium transition-all btn-primary\">\n                                Annual\n                            <\/button>\n                            <button type=\"button\" id=\"stickyLifetimeBtn\"\n                                class=\"px-4 py-1 rounded-full text-xs font-medium transition-all text-gray-400 hover:text-white\">\n                                Lifetime\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div id=\"stickyPlans\" class=\"flex flex-col sm:flex-row gap-3 w-full sm:w-auto\">\n                    <!-- Single Plan -->\n                    <div\n                        class=\"pp-sticky-plan flex items-center justify-between rounded-lg px-4 py-3 min-w-[200px]\">\n                        <div>\n                            <div class=\"text-sm font-medium text-gray-300\">Single<\/div>\n                            <div class=\"text-lg font-bold text-white\" id=\"stickySinglePrice\">$18<\/div>\n                        <\/div>\n                        <a href=\"#\" id=\"stickySingleBtn\" class=\"btn-outline-toggle text-xs px-3 py-1\">Buy now<\/a>\n                    <\/div>\n\n                    <!-- Plus Plan -->\n                    <div\n                        class=\"pp-sticky-plan pp-sticky-plan--main flex items-center justify-between rounded-lg px-4 py-3 min-w-[200px]\">\n                        <div>\n                            <div class=\"text-sm font-medium text-gray-300\">Plus<\/div>\n                            <div class=\"text-lg font-bold text-white\" id=\"stickyPlusPrice\">$34<\/div>\n                        <\/div>\n                        <a href=\"#\" id=\"stickyPlusBtn\" class=\"btn-primary text-xs px-3 py-1\">Buy now<\/a>\n                    <\/div>\n\n                    <!-- Unlimited Plan -->\n                    <div\n                        class=\"pp-sticky-plan flex items-center justify-between rounded-lg px-4 py-3 min-w-[200px]\">\n                        <div>\n                            <div class=\"text-sm font-medium text-gray-300\">Unlimited<\/div>\n                            <div class=\"text-lg font-bold text-white\" id=\"stickyUnlimitedPrice\">$69<\/div>\n                        <\/div>\n                        <a href=\"#\" id=\"stickyUnlimitedBtn\" class=\"btn-outline-toggle text-xs px-3 py-1\">Buy now<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Click to Chat Pro Pricing USD Annual Lifetime Plans and prices 14-day money-back guarantee What Pro adds to your WhatsApp button Greetings form Ask for a name, email or question before the chat begins, so you know who you are helping. Learn more \u2192 Multi-agent Let customers choose who to talk to: several agents, each [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","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":"disabled","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":"disabled","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":["pricing_20261111_101358.css"],"js":["pricing_20261111_101405.js","pricing-lazy_20261111_092131.js"],"dequeue":["astra-theme-js","astra-theme-css"],"js_attr":{"pricing-lazy_20261111_092131.js":{"footer":"1","load":"","selector":""}}}},"class_list":["post-1722","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/pages\/1722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/types\/page"}],"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=1722"}],"version-history":[{"count":5,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/pages\/1722\/revisions"}],"predecessor-version":[{"id":8003,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/pages\/1722\/revisions\/8003"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=1722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}