{"id":7118,"date":"2025-12-04T12:20:32","date_gmt":"2025-12-04T06:50:32","guid":{"rendered":"https:\/\/holithemes.com\/plugins\/click-to-chat\/?page_id=7118"},"modified":"2026-03-24T16:35:51","modified_gmt":"2026-03-24T11:05:51","slug":"click-to-chat","status":"publish","type":"page","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/","title":{"rendered":"Click to Chat"},"content":{"rendered":"\n\n    <main class=\"ctc-main-wrapper\">\n\n        <div class=\"hero-bg-elements\">\n            <div class=\"gradient-mesh\"><\/div>\n            <div class=\"floating-shape shape-1\"><\/div>\n            <div class=\"floating-shape shape-2\"><\/div>\n            <div class=\"floating-shape shape-3\"><\/div>\n            <div class=\"floating-shape shape-4\"><\/div>\n            <div class=\"floating-shape shape-5\"><\/div>\n            <div class=\"particle-field\">\n                <div class=\"particle\"><\/div>\n                <div class=\"particle\"><\/div>\n                <div class=\"particle\"><\/div>\n                <div class=\"particle\"><\/div>\n                <div class=\"particle\"><\/div>\n                <div class=\"particle\"><\/div>\n                <div class=\"particle\"><\/div>\n                <div class=\"particle\"><\/div>\n                <div class=\"particle\"><\/div>\n                <div class=\"particle\"><\/div>\n                <div class=\"particle\"><\/div>\n                <div class=\"particle\"><\/div>\n            <\/div>\n            <div class=\"grid-overlay\"><\/div>\n            <svg class=\"noise-overlay\" viewBox=\"0 0 200 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <filter id=\"noise\">\n                    <feTurbulence type=\"fractalNoise\" baseFrequency=\"0.65\" numOctaves=\"3\" stitchTiles=\"stitch\" \/>\n                    <feColorMatrix type=\"saturate\" values=\"0\" \/>\n                <\/filter>\n                <rect width=\"100%\" height=\"100%\" filter=\"url(#noise)\" opacity=\"0.03\" \/>\n            <\/svg>\n        <\/div>\n\n        <!-- Hero Section -->\n        <section class=\"hero\">\n            <div class=\"container hero-container\">\n                <div class=\"hero-content animate-on-load\">\n                    <div class=\"woo-badge\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n                            stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path\n                                d=\"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 018.5-8.5h.5a8.5 8.5 0 018 8.5z\" \/>\n                        <\/svg>\n                        <span>A chat widget that fits to your brand<\/span>\n                    <\/div>\n                    <h1 class=\"hero-title\">\n                        Turn Visitors into\n                        <span class=\"gradient-text\">WhatsApp Leads<\/span>\n                    <\/h1>\n                    <p class=\"hero-subtitle\">\n                        Engage website visitors instantly on WhatsApp to boost sales, support, and conversions. <\/p>\n                    <a href=\"#greetings\" class=\"btn btn-primary hero-cta\">\n                        <span>Explore Click to Chat<\/span>\n                        <svg class=\"btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\n                        <\/svg>\n                    <\/a>\n                    <div class=\"hero-stats\">\n                        <div class=\"stat\">\n                            <span class=\"stat-number\">700,000+<\/span>\n                            <span class=\"stat-label\">Active Installations<\/span>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n                <div class=\"hero-mockup animate-on-load delay-1\">\n                    <div class=\"mockup-wrapper\">\n                        <div class=\"browser-mockup\">\n                            <div class=\"browser-header\">\n                                <div class=\"browser-dots\">\n                                    <span><\/span>\n                                    <span><\/span>\n                                    <span><\/span>\n                                <\/div>\n                                <div class=\"browser-url\">yourwebsite.com<\/div>\n                            <\/div>\n                            <div class=\"browser-content\">\n                                <div class=\"mock-nav\"><\/div>\n                                <div class=\"mock-hero\">\n                                    <div class=\"mock-text\"><\/div>\n                                    <div class=\"mock-text short\"><\/div>\n                                <\/div>\n                                <div class=\"mock-cards\">\n                                    <div class=\"mock-card\"><\/div>\n                                    <div class=\"mock-card\"><\/div>\n                                    <div class=\"mock-card\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"whatsapp-widget-new\">\n                            <div class=\"widget-text-button\">\n                                <span>WhatsApp us<\/span>\n                            <\/div>\n                            <div class=\"widget-icon-circle\">\n                                <svg class=\"whatsapp-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                    <path\n                                        d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Greetings Types Section -->\n        <section id=\"greetings\" class=\"greetings-section\">\n            <div class=\"container\">\n                <div class=\"section-header animate-on-scroll\">\n                    <h2 class=\"section-title\">\n                        Engage visitors with <span class=\"gradient-text\">greetings<\/span>\n                    <\/h2>\n                    <p class=\"section-subtitle\">\n                        Welcome visitors with smart greeting dialogs that start conversations at the right moment. <\/p>\n                <\/div>\n\n                <div class=\"greetings-tabs-container animate-on-scroll\">\n                    <button class=\"tabs-nav-arrow tabs-nav-left\" aria-label=\"Previous tabs\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M15 18l-6-6 6-6\" \/>\n                        <\/svg>\n                    <\/button>\n                    <div class=\"greetings-tabs\">\n                        <button class=\"greeting-tab active\" data-greeting=\"form\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                                <path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\" \/>\n                                <path d=\"M14 2v6h6M16 13H8M16 17H8M10 9H8\" \/>\n                            <\/svg>\n                            <span>Greetings Form<\/span>\n                        <\/button>\n                        <button class=\"greeting-tab\" data-greeting=\"multi-agent\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                                <path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\" \/>\n                                <circle cx=\"9\" cy=\"7\" r=\"4\" \/>\n                                <path d=\"M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\" \/>\n                            <\/svg>\n                            <span>Multi-Agent<\/span>\n                        <\/button>\n                        <button class=\"greeting-tab\" data-greeting=\"customizable\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                                <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\n                                <path\n                                    d=\"M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-2 2 2 2 0 01-2-2v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83 0 2 2 0 010-2.83l.06-.06a1.65 1.65 0 00.33-1.82 1.65 1.65 0 00-1.51-1H3a2 2 0 01-2-2 2 2 0 012-2h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 010-2.83 2 2 0 012.83 0l.06.06a1.65 1.65 0 001.82.33H9a1.65 1.65 0 001-1.51V3a2 2 0 012-2 2 2 0 012 2v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 0 2 2 0 010 2.83l-.06.06a1.65 1.65 0 00-.33 1.82V9a1.65 1.65 0 001.51 1H21a2 2 0 012 2 2 2 0 01-2 2h-.09a1.65 1.65 0 00-1.51 1z\" \/>\n                            <\/svg>\n                            <span>Greetings-1<\/span>\n                        <\/button>\n                        <button class=\"greeting-tab\" data-greeting=\"content-specific\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                                <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\n                                <path d=\"M8 10h8M8 14h4\" \/>\n                            <\/svg>\n                            <span>Greetings-2<\/span>\n                        <\/button>\n                    <\/div>\n                    <button class=\"tabs-nav-arrow tabs-nav-right\" aria-label=\"Next tabs\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M9 18l6-6-6-6\" \/>\n                        <\/svg>\n                    <\/button>\n                <\/div>\n\n                <div class=\"greetings-content-wrapper animate-on-scroll\">\n                    <!-- Greetings Form -->\n                    <div class=\"greeting-content active\" data-content=\"form\">\n                        <div class=\"greeting-text\">\n                            <h3 class=\"greeting-title\">Greetings Form<\/h3>\n                            <p class=\"greeting-description\">\n                                Collect valuable visitor information before starting a WhatsApp conversation.\n                                Perfect for qualifying leads and personalizing interactions.\n                            <\/p>\n                            <ul class=\"greeting-features\">\n                                <li>\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M20 6L9 17l-5-5\" \/>\n                                    <\/svg>\n                                    <span>Capture visitor name, email, and custom fields<\/span>\n                                <\/li>\n                                <li>\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M20 6L9 17l-5-5\" \/>\n                                    <\/svg>\n                                    <span>Pre-fill WhatsApp message with form data<\/span>\n                                <\/li>\n                                <li>\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M20 6L9 17l-5-5\" \/>\n                                    <\/svg>\n                                    <span>Fully customizable form fields and validation<\/span>\n                                <\/li>\n                                <li>\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M20 6L9 17l-5-5\" \/>\n                                    <\/svg>\n                                    <span>Seamless integration with your existing workflow<\/span>\n                                <\/li>\n                                <li>\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M20 6L9 17l-5-5\" \/>\n                                    <\/svg>\n                                    <span>Mobile-responsive and accessible design<\/span>\n                                <\/li>\n                            <\/ul>\n                            <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-form\"\n                                class=\"btn btn-outline greeting-cta\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                <span>Explore Greetings Form<\/span>\n                                <svg class=\"btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                    stroke-width=\"2\">\n                                    <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                        <div class=\"greeting-image\">\n                            <div class=\"image-wrapper\">\n                                <img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/09\/Greetings-Form-Greetings.webp\"\n                                    alt=\"Greetings Form Example\" loading=\"lazy\">\n                                <div class=\"image-glow\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Multi-Agent -->\n                    <div class=\"greeting-content\" data-content=\"multi-agent\">\n                        <div class=\"greeting-text\">\n                            <h3 class=\"greeting-title\">Multi-Agent Support<\/h3>\n                            <p class=\"greeting-description\">\n                                Let visitors choose from multiple support agents or departments.\n                                Perfect for teams with specialized roles or multiple service offerings.\n                            <\/p>\n                            <ul class=\"greeting-features\">\n                                <li>\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M20 6L9 17l-5-5\" \/>\n                                    <\/svg>\n                                    <span>Display multiple agents with photos and descriptions<\/span>\n                                <\/li>\n                                <li>\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M20 6L9 17l-5-5\" \/>\n                                    <\/svg>\n                                    <span>Organize agents by departments or specialties<\/span>\n                                <\/li>\n                                <li>\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M20 6L9 17l-5-5\" \/>\n                                    <\/svg>\n                                    <span>Show agent availability status in real-time<\/span>\n                                <\/li>\n                                <li>\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M20 6L9 17l-5-5\" \/>\n                                    <\/svg>\n                                    <span>Route conversations to the right team member<\/span>\n                                <\/li>\n                                <li>\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M20 6L9 17l-5-5\" \/>\n                                    <\/svg>\n                                    <span>Improve response times and customer satisfaction<\/span>\n                                <\/li>\n                            <\/ul>\n                            <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/multi-agent\"\n                                class=\"btn btn-outline greeting-cta\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                <span>Explore Multi-Agent<\/span>\n                                <svg class=\"btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                    stroke-width=\"2\">\n                                    <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                        <div class=\"greeting-image\">\n                            <div class=\"image-wrapper\">\n                                <img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/09\/Multi-Agent-Greetings.webp\"\n                                    alt=\"Multi-Agent Support Example\" loading=\"lazy\">\n                                <div class=\"image-glow\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Greetings-1 (Customizable Design) -->\n                    <div class=\"greeting-content\" data-content=\"customizable\">\n                        <div class=\"greeting-text\">\n                            <h3 class=\"greeting-title\">Greetings-1<\/h3>\n                            <p class=\"greeting-description\">\n                                Create stunning, on-brand greeting dialogs that match your website perfectly. Choose\n                                from 11 beautiful pre-designed styles and customize every aspect to fit your brand.\n                            <\/p>\n                            <ul class=\"greeting-features\">\n\n                                <li>\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M20 6L9 17l-5-5\" \/>\n                                    <\/svg>\n                                    <span>Fully customizable colors, fonts, and design elements<\/span>\n                                <\/li>\n                                <li>\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M20 6L9 17l-5-5\" \/>\n                                    <\/svg>\n                                    <span>Add custom images, logos, and brand elements<\/span>\n                                <\/li>\n\n                                <li>\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M20 6L9 17l-5-5\" \/>\n                                    <\/svg>\n                                    <span>Control greeting behavior with display rules and timing<\/span>\n                                <\/li>\n                                <li>\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M20 6L9 17l-5-5\" \/>\n                                    <\/svg>\n                                    <span>Mobile-responsive design that works on all devices<\/span>\n                                <\/li>\n                            <\/ul>\n                            <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-1\/\"\n                                class=\"btn btn-outline greeting-cta\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                <span>Explore Greetings-1<\/span>\n                                <svg class=\"btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                    stroke-width=\"2\">\n                                    <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                        <div class=\"greeting-image\">\n                            <div class=\"image-wrapper\">\n                                <img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/09\/Customizable-Design.webp\"\n                                    alt=\"Greetings-1 Customizable Design Example\" loading=\"lazy\">\n                                <div class=\"image-glow\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Greetings-2 (Content Specific) -->\n                    <div class=\"greeting-content\" data-content=\"content-specific\">\n                        <div class=\"greeting-text\">\n                            <h3 class=\"greeting-title\">Greetings-2<\/h3>\n                            <p class=\"greeting-description\">\n                                Display contextual greetings based on page content, post types, or specific conditions.\n                                Deliver personalized messages that resonate with your visitors and boost engagement.\n                            <\/p>\n                            <ul class=\"greeting-features\">\n\n                                <li>\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M20 6L9 17l-5-5\" \/>\n                                    <\/svg>\n                                    <span>Perfect for displaying rich content and detailed information<\/span>\n                                <\/li>\n                                <li>\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M20 6L9 17l-5-5\" \/>\n                                    <\/svg>\n                                    <span>Use dynamic variables to personalize greeting content<\/span>\n                                <\/li>\n                                <li>\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M20 6L9 17l-5-5\" \/>\n                                    <\/svg>\n                                    <span>Set priority rules when multiple conditions match<\/span>\n                                <\/li>\n                                <li>\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M20 6L9 17l-5-5\" \/>\n                                    <\/svg>\n                                    <span>Perfect for WooCommerce product-specific messaging<\/span>\n                                <\/li>\n                            <\/ul>\n                            <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-2\/\"\n                                class=\"btn btn-outline greeting-cta\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                <span>Explore Greetings-2<\/span>\n                                <svg class=\"btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                    stroke-width=\"2\">\n                                    <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                        <div class=\"greeting-image\">\n                            <div class=\"image-wrapper\">\n                                <img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/12\/Greetings-2-Content-Specific.webp\"\n                                    alt=\"Greetings-2 Content Specific Example\" loading=\"lazy\">\n                                <div class=\"image-glow\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Opt-in Note -->\n                <div class=\"optin-note-wrapper animate-on-scroll\">\n                    <div class=\"optin-note\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n                        <\/svg>\n                        <span>Take user consent by adding greeting dialogs before initiating the chat using\n                            <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/opt-in\/\" target=\"_blank\"\n                                rel=\"noopener noreferrer\">Opt-in feature<\/a>\n                        <\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- WooCommerce Integration Section -->\n        <section id=\"woocommerce\" class=\"woocommerce-section\">\n            <div class=\"container\">\n                <div class=\"woo-content-wrapper animate-on-scroll\">\n                    <div class=\"woo-text-content\">\n                        <div class=\"woo-badge\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                                <circle cx=\"9\" cy=\"21\" r=\"1\" \/>\n                                <circle cx=\"20\" cy=\"21\" r=\"1\" \/>\n                                <path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\" \/>\n                            <\/svg>\n                            <span>WooCommerce Integration<\/span>\n                        <\/div>\n                        <h2 class=\"woo-title\">\n                            Supercharge your <span class=\"gradient-text\">WooCommerce store<\/span> with Click to Chat\n                        <\/h2>\n                        <p class=\"woo-description\">\n                            Boost WooCommerce sales with instant WhatsApp product inquiries and fast, personalized\n                            customer support directly from your store pages.\n                        <\/p>\n\n                        <div class=\"woo-features-grid\">\n                            <div class=\"woo-feature-item\">\n                                <div class=\"woo-feature-icon\" data-accent=\"purple\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M20 6L9 17l-5-5\" \/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"woo-feature-text\">\n                                    <h4>Override Global Settings<\/h4>\n                                    <p>Customize chat behavior specifically for WooCommerce pages &#8211; shop, product, cart,\n                                        and checkout.<\/p>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"woo-feature-item\">\n                                <div class=\"woo-feature-icon\" data-accent=\"blue\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M20 6L9 17l-5-5\" \/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"woo-feature-text\">\n                                    <h4>Product-Specific Messages<\/h4>\n                                    <p>Pre-fill WhatsApp messages with product name, price, and URL for instant\n                                        inquiries.<\/p>\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"woo-visual-content\">\n                        <div class=\"woo-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/12\/image-4.webp\"\n                                alt=\"WooCommerce Click to Chat Integration\" loading=\"lazy\">\n                        <\/div>\n\n                        <div class=\"woo-cta-group\">\n                            <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/woocommerce\/\" class=\"btn btn-primary\">\n                                <span>Explore WooCommerce<\/span>\n                                <svg class=\"btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                    stroke-width=\"2\">\n                                    <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n\n        <\/section>\n\n        <!-- Analytics Section -->\n        <section id=\"analytics\" class=\"analytics-section\">\n            <div class=\"container\">\n                <!-- <div class=\"section-header animate-on-scroll\">\n                    <h2 class=\"section-title\">\n                        Track every <span class=\"gradient-text\">Click<\/span>\n                    <\/h2>\n                    <p class=\"section-subtitle\">\n                        Measure performance, optimize conversions, and understand your visitors' behavior with comprehensive analytics integration.\n                    <\/p>\n                <\/div> -->\n\n                <div class=\"analytics-content-wrapper animate-on-scroll\">\n                    <div class=\"analytics-text-content\">\n                        <div class=\"analytics-badge\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                                <path d=\"M3 3v18h18\" \/>\n                                <path d=\"M18.7 8l-5.1 5.2-2.8-2.7L7 14.3\" \/>\n                            <\/svg>\n                            <span>Analytics &#038; Tracking<\/span>\n                        <\/div>\n\n                        <h3 class=\"analytics-title\">\n                            Track every <span class=\"gradient-text\">click <\/span> with seamless integrations\n                        <\/h3>\n\n                        <p class=\"analytics-description\">\n                            Track WhatsApp button clicks as conversions in Google Ads, GA4, and Meta.\n                        <\/p>\n\n                        <div class=\"analytics-features\">\n                            <div class=\"analytics-feature-item\">\n                                <div class=\"feature-check\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M20 6L9 17l-5-5\" \/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"feature-text\">\n                                    <h4>Google Analytics Event Tracking<\/h4>\n                                    <p>Track events and check detailed event information in Google Analytics dashboard\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"analytics-feature-item\">\n                                <div class=\"feature-check\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M20 6L9 17l-5-5\" \/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"feature-text\">\n                                    <h4>Meta Pixel Conversion API<\/h4>\n                                    <p>Integrate Meta Pixel Conversion API for accurate tracking and better ad\n                                        optimization<\/p>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"analytics-feature-item\">\n                                <div class=\"feature-check\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M20 6L9 17l-5-5\" \/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"feature-text\">\n                                    <h4>Webhook Integration<\/h4>\n                                    <p>Integrate webhooks to track analytics and send data to your custom endpoints<\/p>\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"analytics-visual-content\">\n                        <div class=\"analytics-platforms\">\n                            <div class=\"platform-card\" data-platform=\"google-analytics\">\n                                <div class=\"platform-icon\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                        <path\n                                            d=\"M12.5 2C13.6 2 14.5 2.9 14.5 4S13.6 6 12.5 6 10.5 5.1 10.5 4 11.4 2 12.5 2M21 16V4C21 2.9 20.1 2 19 2S17 2.9 17 4V16C17 17.1 17.9 18 19 18S21 17.1 21 16M7.5 7C8.6 7 9.5 7.9 9.5 9S8.6 11 7.5 11 5.5 10.1 5.5 9 6.4 7 7.5 7M14 20V8C14 6.9 13.1 6 12 6S10 6.9 10 8V20C10 21.1 10.9 22 12 22S14 21.1 14 20M7 22V10C7 8.9 6.1 8 5 8S3 8.9 3 10V22H7Z\" \/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"platform-info\">\n                                    <h4>Google Analytics<\/h4>\n                                    <p>Track events and view detailed reports<\/p>\n                                <\/div>\n                                <div class=\"platform-status\">\n                                    <span class=\"status-dot\"><\/span>\n                                    <span>Integrated<\/span>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"platform-card\" data-platform=\"google-tag-manager\">\n                                <div class=\"platform-icon\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                        <path d=\"M12 2L2 7L12 12L22 7L12 2M2 17L12 22L22 17M2 12L12 17L22 12\" \/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"platform-info\">\n                                    <h4>Google Tag Manager<\/h4>\n                                    <p>Advanced tag management and tracking<\/p>\n                                <\/div>\n                                <div class=\"platform-status\">\n                                    <span class=\"status-dot\"><\/span>\n                                    <span>Integrated<\/span>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"platform-card\" data-platform=\"meta-pixel\">\n                                <div class=\"platform-icon\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                        <path\n                                            d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\" \/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"platform-info\">\n                                    <h4>Meta Pixel<\/h4>\n                                    <p>Conversion API integration support<\/p>\n                                <\/div>\n                                <div class=\"platform-status\">\n                                    <span class=\"status-dot\"><\/span>\n                                    <span>Integrated<\/span>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"platform-card\" data-platform=\"google-ads\">\n                                <div class=\"platform-icon\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                        <path\n                                            d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\" \/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"platform-info\">\n                                    <h4>Google Ads<\/h4>\n                                    <p>Conversion tracking and optimization<\/p>\n                                <\/div>\n                                <div class=\"platform-status\">\n                                    <span class=\"status-dot\"><\/span>\n                                    <span>Integrated<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"analytics-cta-group\">\n                            <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/analytics\/\" class=\"btn btn-primary\">\n                                <span>Explore Analytics<\/span>\n                                <svg class=\"btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                    stroke-width=\"2\">\n                                    <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n\n\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Features Section -->\n        <section id=\"features\" class=\"features-section\">\n            <div class=\"container\">\n                <div class=\"section-header animate-on-scroll\">\n                    <h2 class=\"section-title\">\n                        Features Designed to Boost <span class=\"gradient-text\">Engagement<\/span>\n                    <\/h2>\n                    <p class=\"section-subtitle\">\n                        Everything you need to create seamless WhatsApp experiences for your visitors.\n                    <\/p>\n                <\/div>\n                <div class=\"features-grid\">\n                    <!-- First Row -->\n                    <div class=\"feature-card animate-on-scroll\" data-accent=\"teal\">\n                        <div class=\"feature-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                                <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" \/>\n                                <path d=\"M3 9h18M9 21V9\" \/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"feature-title\">11 Predefined Styles<\/h3>\n                        <p class=\"feature-desc\">Choose from beautifully crafted widget styles that match any website\n                            design.<\/p>\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\" class=\"feature-cta\">\n                            <span>Explore styles<\/span>\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\n                            <\/svg>\n                        <\/a>\n                    <\/div>\n                    <div class=\"feature-card animate-on-scroll\" data-accent=\"cyan\">\n                        <div class=\"feature-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                                <path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\" \/>\n                                <path d=\"M14 2v6h6M16 13H8M16 17H8M10 9H8\" \/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"feature-title\">Greeting Form<\/h3>\n                        <p class=\"feature-desc\">Collect visitor information before starting the WhatsApp conversation.\n                        <\/p>\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-form\" class=\"feature-cta\">\n                            <span>Explore greeting form<\/span>\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\n                            <\/svg>\n                        <\/a>\n                    <\/div>\n                    <div class=\"feature-card animate-on-scroll\" data-accent=\"rose\">\n                        <div class=\"feature-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                                <path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\" \/>\n                                <circle cx=\"9\" cy=\"7\" r=\"4\" \/>\n                                <path d=\"M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\" \/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"feature-title\">Multi-Agent Support<\/h3>\n                        <p class=\"feature-desc\">Let visitors choose from multiple support agents or departments.<\/p>\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/multi-agent\" class=\"feature-cta\">\n                            <span>Explore multi-agent<\/span>\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\n                            <\/svg>\n                        <\/a>\n                    <\/div>\n                    <div class=\"feature-card animate-on-scroll\" data-accent=\"purple\">\n                        <div class=\"feature-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"7\" cy=\"7\" r=\"2\" \/>\n                                <circle cx=\"17\" cy=\"7\" r=\"2\" \/>\n                                <circle cx=\"12\" cy=\"16\" r=\"2\" \/>\n                                <path d=\"M8.5 8.2L10.8 10.8\" \/>\n                                <path d=\"M15.5 8.2L13.2 10.8\" \/>\n                                <path d=\"M12 13.5V14.5\" \/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"feature-title\">Webhooks<\/h3>\n                        <p class=\"feature-desc\">\n                            Trigger automated workflows in external systems with webhooks.\n                        <\/p>\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/webhooks\" class=\"feature-cta\">\n                            <span>Explore webhooks<\/span>\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\n                            <\/svg>\n                        <\/a>\n                    <\/div>\n\n                    <!-- Second Row -->\n                    <div class=\"feature-card animate-on-scroll\" data-accent=\"amber\">\n                        <div class=\"feature-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                                <path d=\"M16 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\" \/>\n                                <circle cx=\"8.5\" cy=\"7\" r=\"4\" \/>\n                                <path d=\"M20 8v6M23 11h-6\" \/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"feature-title\">Random Number<\/h3>\n                        <p class=\"feature-desc\">Distribute inquiries across multiple numbers for better load balancing.\n                        <\/p>\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/random-number\" class=\"feature-cta\">\n                            <span>Explore details<\/span>\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\n                            <\/svg>\n                        <\/a>\n                    <\/div>\n                    <div class=\"feature-card animate-on-scroll\" data-accent=\"emerald\">\n                        <div class=\"feature-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                <path d=\"M12 6v6l4 2\" \/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"feature-title\">Business Hours<\/h3>\n                        <p class=\"feature-desc\">Show different messages based on business hours and page rules.<\/p>\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/business-hours-online-offline\/\"\n                            class=\"feature-cta\">\n                            <span>Explore business hours<\/span>\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\n                            <\/svg>\n                        <\/a>\n                    <\/div>\n                    <div class=\"feature-card animate-on-scroll\" data-accent=\"violet\">\n                        <div class=\"feature-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                                <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\n                                <path\n                                    d=\"M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-2 2 2 2 0 01-2-2v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83 0 2 2 0 010-2.83l.06-.06a1.65 1.65 0 00.33-1.82 1.65 1.65 0 00-1.51-1H3a2 2 0 01-2-2 2 2 0 012-2h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 010-2.83 2 2 0 012.83 0l.06.06a1.65 1.65 0 001.82.33H9a1.65 1.65 0 001-1.51V3a2 2 0 012-2 2 2 0 012 2v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 0 2 2 0 010 2.83l-.06.06a1.65 1.65 0 00-.33 1.82V9a1.65 1.65 0 001.51 1H21a2 2 0 012 2 2 2 0 01-2 2h-.09a1.65 1.65 0 00-1.51 1z\" \/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"feature-title\">Display Settings<\/h3>\n                        <p class=\"feature-desc\">Show\/hide the chat widget wherever and whenever we want<\/p>\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/show-hide-styles\" class=\"feature-cta\">\n                            <span>Explore options<\/span>\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\n                            <\/svg>\n                        <\/a>\n                    <\/div>\n                    <div class=\"feature-card animate-on-scroll\" data-accent=\"blue\">\n                        <div class=\"feature-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                                <path\n                                    d=\"M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129\" \/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"feature-title\">Multilingual<\/h3>\n                        <p class=\"feature-desc\">Support multiple languages to engage visitors in their preferred\n                            language.<\/p>\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/multilingual\/\" class=\"feature-cta\">\n                            <span>Explore multilingual<\/span>\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\n                            <\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Why Choose Section -->\n        <section id=\"why-choose\" class=\"why-section\">\n            <div class=\"container\">\n                <div class=\"section-header animate-on-scroll\">\n                    <h2 class=\"section-title\">Why choose <span class=\"gradient-text\">Click to Chat<\/span>?<\/h2>\n                    <p class=\"section-subtitle\">Trusted by over 700,000 websites worldwide.<\/p>\n                <\/div>\n                <div class=\"benefits-grid\">\n                    <div class=\"benefit-card animate-on-scroll\">\n                        <div class=\"benefit-icon\" data-accent=\"teal\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                                <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" \/>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"benefit-content\">\n                            <h3>Blazing-Fast Performance<\/h3>\n                            <p>Optimized code that won&#8217;t slow down your WordPress site. Loads asynchronously with\n                                minimal footprint.<\/p>\n                        <\/div>\n                        <div class=\"benefit-accent\"><\/div>\n                    <\/div>\n                    <div class=\"benefit-card animate-on-scroll\">\n                        <div class=\"benefit-icon\" data-accent=\"blue\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                                <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\" \/>\n                                <path d=\"M7 11V7a5 5 0 0110 0v4\" \/>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"benefit-content\">\n                            <h3>Easy, No-Code Setup<\/h3>\n                            <p>Install and configure in minutes. No technical knowledge required. Simply add your\n                                WhatsApp number and get started.<\/p>\n                        <\/div>\n                        <div class=\"benefit-accent\"><\/div>\n                    <\/div>\n                    <div class=\"benefit-card animate-on-scroll\">\n                        <div class=\"benefit-icon\" data-accent=\"purple\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                                <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\n                                <path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\" \/>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"benefit-content\">\n                            <h3>Deep Customization Options<\/h3>\n                            <p>Configure every aspect of your chat widget, including colors, positions, display rules,\n                                and animations.<\/p>\n                        <\/div>\n                        <div class=\"benefit-accent\"><\/div>\n                    <\/div>\n                    <div class=\"benefit-card animate-on-scroll\">\n                        <div class=\"benefit-icon\" data-accent=\"amber\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                                <path d=\"M12 20V10M18 20V4M6 20v-4\" \/>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"benefit-content\">\n                            <h3>Built for Growth Teams<\/h3>\n                            <p>Perfect for support, sales, and marketing teams looking to increase conversions through\n                                WhatsApp.<\/p>\n                        <\/div>\n                        <div class=\"benefit-accent\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n\n        <!-- Customization Section -->\n        <section id=\"customization\" class=\"customization-section\">\n            <div class=\"container\">\n                <div class=\"customization-content-wrapper animate-on-scroll\">\n                    <div class=\"customization-text-content\">\n                        <div class=\"customization-badge\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                                <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\n                                <path\n                                    d=\"M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-2 2 2 2 0 01-2-2v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83 0 2 2 0 010-2.83l.06-.06a1.65 1.65 0 00.33-1.82 1.65 1.65 0 00-1.51-1H3a2 2 0 01-2-2 2 2 0 012-2h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 010-2.83 2 2 0 012.83 0l.06.06a1.65 1.65 0 001.82.33H9a1.65 1.65 0 001-1.51V3a2 2 0 012-2 2 2 0 012 2v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 0 2 2 0 010 2.83l-.06.06a1.65 1.65 0 00-.33 1.82V9a1.65 1.65 0 001.51 1H21a2 2 0 012 2 2 2 0 01-2 2h-.09a1.65 1.65 0 00-1.51 1z\" \/>\n                            <\/svg>\n                            <span>100% Customizable<\/span>\n                        <\/div>\n                        <h2 class=\"section-title\">\n                            Make it <span class=\"gradient-text\">Yours<\/span>\n                        <\/h2>\n                        <p class=\"section-subtitle\">\n                            Click to Chat is 100% customizable. Tailor every element to match your brand perfectly, from\n                            widget styles to greeting dialogs.\n                        <\/p>\n                        <div class=\"customization-features-grid\">\n                            <div class=\"customization-feature-item\">\n                                <div class=\"customization-feature-icon\" data-accent=\"teal\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                        <path d=\"M12 2a7 7 0 100 10\" \/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"customization-feature-text\">\n                                    <h4>Complete Visual Customization<\/h4>\n                                    <p>Customize widget and greeting dialog colors, backgrounds, gradients, buttons, and\n                                        overall appearance to match your brand perfectly.<\/p>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"customization-feature-item\">\n                                <div class=\"customization-feature-icon\" data-accent=\"blue\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" \/>\n                                        <path d=\"M3 9h18M9 21V9\" \/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"customization-feature-text\">\n                                    <h4>Branding &#038; Presentation Control<\/h4>\n                                    <p>Add header images, logos, and branding elements, and fine-tune typography styles\n                                        for a polished, professional look across all greetings..<\/p>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"customization-feature-item\">\n                                <div class=\"customization-feature-icon\" data-accent=\"purple\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" \/>\n                                        <path d=\"M8 21h8M12 17v4\" \/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"customization-feature-text\">\n                                    <h4>Enhanced Interaction &#038; Conversion Elements<\/h4>\n                                    <p>Customize CTA buttons, text styles, hover effects, and notification badges to\n                                        create engaging greeting dialogs that boost user interaction and conversions.\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n\n                    <\/div>\n\n                    <div class=\"customization-visual-content\">\n                        <div class=\"customization-preview-card\">\n                            <div class=\"preview-card-header\">\n                                <div class=\"preview-dots\">\n                                    <span><\/span>\n                                    <span><\/span>\n                                    <span><\/span>\n                                <\/div>\n                                <span class=\"preview-title\">Click a color to customize<\/span>\n                            <\/div>\n                            <div class=\"preview-card-body\">\n                                <!-- Color Palette -->\n                                <div class=\"color-palette-grid\">\n                                    <button class=\"color-btn active\" data-color=\"#14b8a6\" aria-label=\"Teal color\">\n                                        <span class=\"color-circle\" style=\"background: #14b8a6;\"><\/span>\n                                    <\/button>\n                                    <button class=\"color-btn\" data-color=\"#8b5cf6\" aria-label=\"Purple color\">\n                                        <span class=\"color-circle\" style=\"background: #8b5cf6;\"><\/span>\n                                    <\/button>\n                                    <button class=\"color-btn\" data-color=\"#f59e0b\" aria-label=\"Orange color\">\n                                        <span class=\"color-circle\" style=\"background: #f59e0b;\"><\/span>\n                                    <\/button>\n                                    <button class=\"color-btn\" data-color=\"#3b82f6\" aria-label=\"Blue color\">\n                                        <span class=\"color-circle\" style=\"background: #3b82f6;\"><\/span>\n                                    <\/button>\n                                    <button class=\"color-btn\" data-color=\"#10b981\" aria-label=\"Green color\">\n                                        <span class=\"color-circle\" style=\"background: #10b981;\"><\/span>\n                                    <\/button>\n                                    <button class=\"color-btn\" data-color=\"#f43f5e\" aria-label=\"Pink color\">\n                                        <span class=\"color-circle\" style=\"background: #f43f5e;\"><\/span>\n                                    <\/button>\n                                <\/div>\n\n                                <!-- Widget Preview -->\n                                <div class=\"widget-preview-container\">\n                                    <div class=\"widget-preview-widget\" id=\"customizable-widget\">\n                                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path\n                                                d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/div>\n\n                                <!-- Custom CSS Note -->\n                                <div class=\"custom-css-note\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                        <path d=\"M12 16v-4M12 8h.01\" \/>\n                                    <\/svg>\n                                    <span>Explore our\n                                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\"\n                                            target=\"_blank\" rel=\"noopener noreferrer\">List of Styles<\/a>\n                                        to find the perfect design for your website\n                                    <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Feature Comparison Section -->\n        <section class=\"comparison-section\">\n            <div class=\"container\">\n                <div class=\"section-header animate-on-scroll\">\n                    <h2 class=\"section-title\">\n                        Complete <span class=\"gradient-text\">Feature Comparison<\/span>\n                    <\/h2>\n                    <p class=\"section-subtitle\">\n                        Compare all features available in Free vs Pro versions to make the best choice for your\n                        business.\n                    <\/p>\n                <\/div>\n\n                <div class=\"comparison-modern-wrapper animate-on-scroll\">\n                    <div class=\"comparison-card\">\n                        <div class=\"comparison-glow-bg\"><\/div>\n\n                        <div class=\"comparison-table-container\">\n                            <table class=\"modern-comparison-table\">\n                                <thead>\n                                    <tr>\n                                        <th class=\"feature-col\">Features<\/th>\n                                        <th class=\"plan-col\">\n                                            <div class=\"plan-header\">\n                                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                                    stroke-width=\"2\">\n                                                    <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" \/>\n                                                <\/svg>\n                                                <span>Free<\/span>\n                                            <\/div>\n                                        <\/th>\n                                        <th class=\"plan-col pro-col\">\n                                            <div class=\"plan-header pro-header\">\n                                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                                    stroke-width=\"2\">\n                                                    <path\n                                                        d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\n                                                <\/svg>\n                                                <span>Pro<\/span>\n                                            <\/div>\n                                        <\/th>\n                                    <\/tr>\n                                <\/thead>\n                                <tbody>\n                                    <!-- Basic Features -->\n                                    <tr class=\"category-row\">\n                                        <td colspan=\"3\">\n                                            <div class=\"category-header\">\n                                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                                    stroke-width=\"2\">\n                                                    <path\n                                                        d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\n                                                <\/svg>\n                                                <span>Basic Features<\/span>\n                                            <\/div>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>WhatsApp Number<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Add your WhatsApp number for direct chat. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/whatsapp-number\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">WhatsApp\n                                                            Number<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Call to Action<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Customize your call-to-action text for better engagement. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/call-to-action\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Call to Action<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Random Number<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Randomly select from multiple WhatsApp numbers. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/random-number\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Random Number<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-no\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n                                                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Pre-filled Message<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Set a default message that appears when the chat window opens.\n                                                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pre-filled-message\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Pre-filled\n                                                            Message<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Shortcodes<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Utilize dynamic shortcodes in your pre-filled messages for\n                                                        personalization. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/shortcodes\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Shortcodes<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n\n                                    <!-- Styles & Design -->\n                                    <tr class=\"category-row\">\n                                        <td colspan=\"3\">\n                                            <div class=\"category-header\">\n                                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                                    stroke-width=\"2\">\n                                                    <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" \/>\n                                                    <path d=\"M3 9h18M9 21V9\" \/>\n                                                <\/svg>\n                                                <span>Styles &#038; Design<\/span>\n                                            <\/div>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Pre-defined Styles<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Select from a variety of ready-made chat widget styles to suit\n                                                        your\n                                                        website design. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Pre-defined\n                                                            Styles<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Add Any Image<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Upload custom images for your chat widget to enhance branding.\n                                                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/style-99\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Add Any Image<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Custom Element<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Design custom chat elements and buttons to fit your website\n                                                        style.\n                                                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/custom-element\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Custom Element<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Position: Fixed<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Keep the chat widget fixed on the screen as users scroll. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/position-to-place\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Fixed Position<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Position: Absolute<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Position the chat widget relative to page content rather than\n                                                        the\n                                                        viewport. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/position-to-place\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Absolute\n                                                            Position<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-no\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n                                                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Mobile\/Desktop Settings<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Set different styles and positions for mobile and desktop\n                                                        devices\n                                                        separately. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/show-hide-on-mobile-desktop\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Device\n                                                            Settings<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n\n                                    <!-- Greetings -->\n                                    <tr class=\"category-row\">\n                                        <td colspan=\"3\">\n                                            <div class=\"category-header\">\n                                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                                    stroke-width=\"2\">\n                                                    <path\n                                                        d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" \/>\n                                                <\/svg>\n                                                <span>Greetings<\/span>\n                                            <\/div>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Greetings 1<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Fully customize the design, colors, and layout of greeting\n                                                        popups.\n                                                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-1\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Greetings 1<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Greetings 2<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Display different greetings based on specific page content or\n                                                        URLs.\n                                                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-2\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Greetings 2<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Form (collect visitor data)<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Add custom forms to collect visitor information before starting\n                                                        the\n                                                        chat. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-form\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Greeting Form<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-no\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n                                                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Multi Agent<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Support multiple agents with different time ranges. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/multi-agent\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Multi Agent<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-no\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n                                                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Greeting Actions<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Trigger greetings based on time delays and scroll position. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-actions\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Greeting\n                                                            Actions<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-no\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n                                                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Click trigger<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Show greeting popups when visitors click on specific elements.\n                                                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-actions\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Click trigger<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Viewport trigger<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Show greeting when a specific element becomes visible in the\n                                                        viewport. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/demo-greeting-dialog-viewport\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Viewport\n                                                            trigger<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-no\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n                                                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Opt-in(user consent)<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Take the user consent before initiating the chat. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/opt-in\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Opt-in<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Greetings Position<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Selects the greetings dialog position between next to chat\n                                                        button and modal position <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-position\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Greetings\n                                                            Position<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Display based on Device<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Show greetings dialog based on device(mobile,desktop) <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/demo-greeting-dialog-viewport\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Device based\n                                                            settings<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Greetings Size<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Choose the size of the greeting dialog between small,medium and\n                                                        large.\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Greetings initial stage<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        The greetings Initial Stage defines how the greetings dialog\n                                                        behaves when users visit the website &#8211; whether the dialog\n                                                        appears automatically or stays hidden until user interaction or\n                                                        specific actions triggered. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-initial-stage\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Greetings initial\n                                                            stage<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n\n                                    <!-- Display Settings -->\n                                    <tr class=\"category-row\">\n                                        <td colspan=\"3\">\n                                            <div class=\"category-header\">\n                                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                                    stroke-width=\"2\">\n                                                    <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\n                                                    <path\n                                                        d=\"M12 1v6m0 6v6M5.64 5.64l4.24 4.24m4.24 4.24l4.24 4.24M1 12h6m6 0h6M5.64 18.36l4.24-4.24m4.24-4.24l4.24-4.24\" \/>\n                                                <\/svg>\n                                                <span>Display Settings<\/span>\n                                            <\/div>\n                                        <\/td>\n                                    <\/tr>\n\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Device specific settings<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Apply different settings specifically for mobile or desktop\n                                                        devices.\n                                                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/show-hide-on-mobile-desktop\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Explore more<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Post-ID based display<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Show the chat widget only on specific pages by their page IDs.\n                                                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/how-to-show-or-hide-the-chat-widget-based-on-post-id\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Post-ID based\n                                                            display<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Category based display<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Control widget visibility based on post categories. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/how-to-show-or-hide-the-chat-widget-based-on-category\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Category based\n                                                            display<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Time Delay<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Show the chat widget after a specified time delay in seconds. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/time-delay-scroll\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Time Delay<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-no\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n                                                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Scroll Delay<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Show the widget when users scroll to a certain percentage of the\n                                                        page. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/time-delay-scroll\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Scroll Delay<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-no\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n                                                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Country Based<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Display different settings based on the visitor&#8217;s geographic\n                                                        location. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/display-based-on-country\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Display by\n                                                            Country<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-no\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n                                                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Login Status based<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Show different content for logged-in users and guests. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/display-based-on-user-login-status\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Display by login\n                                                            status<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">All Users<\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n\n                                    <!-- Business Hours -->\n                                    <tr class=\"category-row\">\n                                        <td colspan=\"3\">\n                                            <div class=\"category-header\">\n                                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                                    stroke-width=\"2\">\n                                                    <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                    <polyline points=\"12,6 12,12 16,14\" \/>\n                                                <\/svg>\n                                                <span>Business Hours<\/span>\n                                            <\/div>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Show\/Hide on selected days<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Control which days of the week the widget is visible. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/business-hours-online-offline\/#demo\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Selected Days<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-no\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n                                                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Time range in day<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Set active hours for each day of the week to define business\n                                                        hours.\n                                                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/business-hours-online-offline\/#demo\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Time ranges<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-no\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n                                                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Offline WhatsApp number<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Display a different WhatsApp number when your business is\n                                                        offline.\n                                                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/business-hours-online-offline\/#offline-handling\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Offline WA\n                                                            Number<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-no\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n                                                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Offline Call to Action<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Display a custom message when your business is offline. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/business-hours-online-offline\/#offline-handling\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Offline CTA<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-no\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n                                                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Online\/Offline Status Badge<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Show online or offline status badge in greeting popups. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/business-hours-online-offline\/#greetings-integration\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Status badge<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-no\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n                                                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Hide When Offline<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Completely hide the widget when we are offline based on\n                                                        scheduled business hours <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/offline-hide\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Hide when\n                                                            Offline<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-no\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n                                                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n\n                                    <!-- Analytics & Tracking -->\n                                    <tr class=\"category-row\">\n                                        <td colspan=\"3\">\n                                            <div class=\"category-header\">\n                                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                                    stroke-width=\"2\">\n                                                    <path d=\"M3 3v18h18\" \/>\n                                                    <path d=\"M18.7 8l-5.1 5.2-2.8-2.7L7 14.3\" \/>\n                                                <\/svg>\n                                                <span>Analytics &#038; Tracking<\/span>\n                                            <\/div>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Google Ads Conversion<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Track Google Ads conversions triggered from chat interactions.\n                                                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/google-ads-conversion\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Google Ads\n                                                            Conversion<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-no\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n                                                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Google Analytics<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Track chat interactions in Google Analytics. <\/br>Free: Page\n                                                        Details\n                                                        Variables ({url}, {title}, {number}). <\/br>Pro: All Basic\n                                                        Variables +\n                                                        Advanced Variables (Cookies &#038; URL Parameters). <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/google-analytics\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Google\n                                                            Analytics<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <div\n                                                style=\"display: flex; flex-direction: column; align-items: center; gap: 4px;\">\n                                                <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                    stroke=\"currentColor\" stroke-width=\"2\">\n                                                    <polyline points=\"20,6 9,17 4,12\" \/>\n                                                <\/svg>\n                                                <span\n                                                    style=\"font-size: 10px; color: #06b6d4; font-weight: 600; background: rgba(6, 182, 212, 0.1); padding: 2px 6px; border-radius: 4px;\">+\n                                                    Advanced Variables<\/span>\n                                            <\/div>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Meta Pixel<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Track conversions with Facebook Pixel. <\/br> Free: Page Details\n                                                        Variables\n                                                        ({url}, {title}, {number}). <\/br> Pro: All Basic Variables +\n                                                        Advanced\n                                                        Variables (Cookies &#038; URL Parameters). <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/facebook-pixel\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Meta Pixel<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <div\n                                                style=\"display: flex; flex-direction: column; align-items: center; gap: 4px;\">\n                                                <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                    stroke=\"currentColor\" stroke-width=\"2\">\n                                                    <polyline points=\"20,6 9,17 4,12\" \/>\n                                                <\/svg>\n                                                <span\n                                                    style=\"font-size: 10px; color: #06b6d4; font-weight: 600; background: rgba(6, 182, 212, 0.1); padding: 2px 6px; border-radius: 4px;\">+\n                                                    Advanced Variables<\/span>\n                                            <\/div>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Webhooks<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Send chat data to external services via webhooks. Pro version\n                                                        includes all variables available for advanced integration. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/webhooks\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Webhooks<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <div\n                                                style=\"display: flex; flex-direction: column; align-items: center; gap: 4px;\">\n                                                <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                    stroke=\"currentColor\" stroke-width=\"2\">\n                                                    <polyline points=\"20,6 9,17 4,12\" \/>\n                                                <\/svg>\n                                                <span\n                                                    style=\"font-size: 10px; color: #06b6d4; font-weight: 600; background: rgba(6, 182, 212, 0.1); padding: 2px 6px; border-radius: 4px;\">All\n                                                    Variables in Pro<\/span>\n                                            <\/div>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Form Webhooks<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Send form data to external tools using webhooks. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/docs\/greetings-form\/#webhooks\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Form Webhooks<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <div\n                                                style=\"display: flex; flex-direction: column; align-items: center; gap: 4px;\">\n                                                <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                    stroke=\"currentColor\" stroke-width=\"2\">\n                                                    <polyline points=\"20,6 9,17 4,12\" \/>\n                                                <\/svg>\n                                                <span\n                                                    style=\"font-size: 10px; color: #06b6d4; font-weight: 600; background: rgba(6, 182, 212, 0.1); padding: 2px 6px; border-radius: 4px;\">All\n                                                    Variables in Pro<\/span>\n                                            <\/div>\n                                        <\/td>\n                                    <\/tr>\n\n                                    <!-- Page Level Settings -->\n                                    <tr class=\"category-row\">\n                                        <td colspan=\"3\">\n                                            <div class=\"category-header\">\n                                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                                    stroke-width=\"2\">\n                                                    <path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\" \/>\n                                                    <path d=\"M14 2v6h6M16 13H8M16 17H8M10 9H8\" \/>\n                                                <\/svg>\n                                                <span>Page Level Settings<\/span>\n                                            <\/div>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>WhatsApp Number<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Set a different WhatsApp number for specific pages. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/change-values-at-page-level\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Page level\n                                                            settings<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Call to Action<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Customize the call-to-action text for specific pages.\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Prefilled Message<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Set a different default message for specific pages.\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Style Settings<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Customize widget style settings for specific pages.\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-no\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n                                                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Time Delay<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Set different time delays for the widget to appear on specific\n                                                        pages. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/change-values-at-page-level\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Time delay per\n                                                            page<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-no\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n                                                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Scroll Delay<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Set different scroll triggers for specific pages. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/change-values-at-page-level\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Scroll delay per\n                                                            page<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-no\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n                                                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Greetings template, CTA<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Create custom greeting templates and call-to-action for specific\n                                                        pages. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/change-values-at-page-level\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Explore more<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-no\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n                                                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Greetings Dialog content<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Customize all greeting content including headers, main text, and\n                                                        footer for specific pages. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/change-values-at-page-level\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Explore more<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-no\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n                                                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n\n                                    <!-- Advanced Settings -->\n                                    <tr class=\"category-row\">\n                                        <td colspan=\"3\">\n                                            <div class=\"category-header\">\n                                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                                    stroke-width=\"2\">\n                                                    <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\n                                                    <path\n                                                        d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82v0a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\" \/>\n                                                <\/svg>\n                                                <span>Advanced Settings<\/span>\n                                            <\/div>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Customize Styles<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Add custom CSS to modify the appearance of the chat widget. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/customize-styles\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Customize\n                                                            styles<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Custom URL<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Add a custom URL to the chat widget.<br \/> Eg: WhatsApp channel\n                                                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/custom-url\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Custom URL<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <div\n                                                style=\"display: flex; flex-direction: column; align-items: center; gap: 4px;\">\n                                                <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                    stroke=\"currentColor\" stroke-width=\"2\">\n                                                    <polyline points=\"20,6 9,17 4,12\" \/>\n                                                <\/svg>\n                                                <span\n                                                    style=\"font-size: 10px; color: #06b6d4; font-weight: 600; background: rgba(6, 182, 212, 0.1); padding: 2px 6px; border-radius: 4px;\">Page\n                                                    Level URL in Pro<\/span>\n                                            <\/div>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Entry Effects \/ Animations<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Add animations and effects when the widget appears on the page.\n                                                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/animations\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Animations<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Group Chat Feature<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Enable group chat functionality to manage multiple\n                                                        conversations. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/group-chat-feature\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Group Chat<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Share Feature<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Allow users to share the chat widget with others. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/share-feature\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Share Feature<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Custom CSS<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Add custom CSS code to further customize the widget appearance.\n                                                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/custom-css\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Custom CSS<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n\n                                    <!-- WooCommerce Integration -->\n                                    <tr class=\"category-row\">\n                                        <td colspan=\"3\">\n                                            <div class=\"category-header\">\n                                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                                    stroke-width=\"2\">\n                                                    <circle cx=\"9\" cy=\"21\" r=\"1\" \/>\n                                                    <circle cx=\"20\" cy=\"21\" r=\"1\" \/>\n                                                    <path\n                                                        d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\" \/>\n                                                <\/svg>\n                                                <span>WooCommerce Integration<\/span>\n                                            <\/div>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Overwrite main settings<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Overwrite main settings for WooCommerce product pages. and set\n                                                        custom call to action, prefilled message and greeting(PRO)\n                                                        content<a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/woocommerce-single-product-pages\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Overwrite\n                                                            settings<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Prefilled Message<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Include product details automatically in the prefilled chat\n                                                        message. Also we can use WooCommerce variables like {price},\n                                                        {product},{sku} to get values dynamically. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/woocommerce_pre-filled-message\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Prefilled Message<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Call to Action<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Customize the call to action text for WooCommerce pages. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/woocommerce_call-to-action\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Call to Action<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Greetings Dialog &#038; Content<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Create custom greeting templates and messages for WooCommerce\n                                                        pages.\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-no\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n                                                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Product Page integration<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Add a chat button on product pages next to Add to Cart or other\n                                                        placements. <a\n                                                            href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/add-whatsapp-in-woocommerce-single-product-pages\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Product Pages<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr>\n                                        <td class=\"feature-name\">\n                                            <span>Shop \/ Archive Pages<\/span>\n                                            <div class=\"tooltip-testing\">\n                                                <div class=\"info-tooltip\">\n                                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\">\n                                                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" \/>\n                                                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" \/>\n                                                    <\/svg>\n                                                    <div class=\"info-tooltip-content\">\n                                                        Configure custom settings for shop and product category pages.\n                                                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/whatsapp-chat-in-woocommerce-shop-page\/\"\n                                                            target=\"_blank\" rel=\"noopener noreferrer\">Shop Pages<\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"value-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                        <td class=\"value-cell pro-cell\">\n                                            <svg class=\"check-icon check-yes\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                stroke=\"currentColor\" stroke-width=\"2\">\n                                                <polyline points=\"20,6 9,17 4,12\" \/>\n                                            <\/svg>\n                                        <\/td>\n                                    <\/tr>\n                                <\/tbody>\n                            <\/table>\n                        <\/div>\n\n\n                        <div class=\"comparison-footer\">\n                            <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\/\" class=\"btn btn-primary\">\n                                <span>Get Pro Version<\/span>\n                                <svg class=\"btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                    stroke-width=\"2\">\n                                    <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n\n\n        <!-- Final CTA Section -->\n        <section id=\"cta\" class=\"final-cta\">\n            <div class=\"cta-bg-elements\">\n                <div class=\"cta-shape cta-shape-1\"><\/div>\n                <div class=\"cta-shape cta-shape-2\"><\/div>\n                <div class=\"cta-glow\"><\/div>\n            <\/div>\n            <div class=\"container\">\n                <div class=\"cta-content animate-on-scroll\">\n                    <h2 class=\"cta-title\">\n                        Ready to turn visitors into\n                        <span class=\"gradient-text\">WhatsApp conversations<\/span>?\n                    <\/h2>\n                    <p class=\"cta-subtitle\">\n                        Join 700,000+ websites already using Click to Chat.\n                        Free to start, easy to set up, no coding required.\n                    <\/p>\n                    <a href=\"https:\/\/wordpress.org\/plugins\/click-to-chat-for-whatsapp\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-primary btn-large\">\n                        <span>Download Click to Chat<\/span>\n                        <svg class=\"btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6M15 3h6v6M10 14L21 3\" \/>\n                        <\/svg>\n                    <\/a>\n                    <p class=\"cta-note\">Free version available on WordPress.org<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n\n\n\n    <\/main>\n\n\n","protected":false},"excerpt":{"rendered":"<p>A chat widget that fits to your brand Turn Visitors into WhatsApp Leads Engage website visitors instantly on WhatsApp to boost sales, support, and conversions. Explore Click to Chat 700,000+ Active Installations yourwebsite.com WhatsApp us Engage visitors with greetings Welcome visitors with smart greeting dialogs that start conversations at the right moment. Greetings Form Multi-Agent [&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":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":"","_htd2_assets":{"css":["ctc-main-C3M_u8qT_20260324_110150.css"],"js":["ctc-main-BUWA8x4X_20260324_110150.js"],"callbacks":["dequeue_astra","remove_elementor_fonts"],"js_attr":{"ctc-main-BUWA8x4X_20260324_110150.js":{"attr":"","footer":"1"}}}},"class_list":["post-7118","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/pages\/7118","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=7118"}],"version-history":[{"count":9,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/pages\/7118\/revisions"}],"predecessor-version":[{"id":7333,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/pages\/7118\/revisions\/7333"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=7118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}