{"id":2388,"date":"2021-12-03T17:25:15","date_gmt":"2021-12-03T11:55:15","guid":{"rendered":"http:\/\/holithemes.com\/plugins\/click-to-chat\/?page_id=2388"},"modified":"2026-02-06T12:47:24","modified_gmt":"2026-02-06T07:17:24","slug":"pro","status":"publish","type":"page","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/pro\/","title":{"rendered":"PRO"},"content":{"rendered":"\n<main class=\"pro-main-wrapper\">\n\n    <!-- Background Elements-->\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=\"pro-badge\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                        <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                    <\/svg>\n                    <span>Pro Features<\/span>\n                <\/div>\n                <h1 class=\"hero-title\">\n                    Unlock <span class=\"gradient-text\">Advanced<\/span> Click to Chat Features\n                <\/h1>\n                <p class=\"hero-subtitle\">\n                    Take the chat integration to the next level with Advanced Pro features designed for businesses that demand more.\n                <\/p>\n                <div class=\"hero-cta-group\">\n                    \n                    <a href=\"#pro-features\" class=\"btn btn-outline btn-large\">\n                        <span>Explore Pro Features<\/span>\n                        <svg class=\"btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M12 5v14M5 12l7 7 7-7\"\/>\n                        <\/svg>\n                    <\/a>\n                    <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\/\" class=\"btn btn-primary btn-large\">\n                        <span>View Pricing<\/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>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Featured Pro Features Section -->\n    <section id=\"pro-features\" class=\"featured-pro-section\">\n        <div class=\"container\">\n            <div class=\"section-header animate-on-scroll\">\n                <h2 class=\"section-title\">\n                     <span class=\"gradient-text\">Premium Features<\/span> That Drive Results\n                <\/h2>\n                <p class=\"section-subtitle\">\n                    Discover our most Advanced features designed to transform the customer engagement and boost conversions.\n                <\/p>\n            <\/div>\n\n            <!-- Featured Feature: Greetings Form -->\n            <div class=\"featured-feature-row animate-on-scroll\">\n                <div class=\"featured-feature-content\">\n                    <div class=\"featured-badge\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                        <\/svg>\n                        <span>Most Popular<\/span>\n                    <\/div>\n                    <h3 class=\"featured-title\">Greetings &#8211; Form Filling<\/h3>\n                    <p class=\"featured-description\">\n                        Collect visitor details like name, email, and phone before chat to qualify leads, personalize responses, and offer instant support.                    <\/p>\n                    <ul class=\"featured-highlights\">\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>Field types: Text, Date, Checkbox, Select, Email, Number<\/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 chat messages 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>Required fields &#038; conditional logic<\/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>Lead qualification automation<\/span>\n                        <\/li>\n                    <\/ul>\n                    <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-form\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        <span>Explore More<\/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>\n                <div class=\"featured-feature-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\" alt=\"Greetings Form Feature\" loading=\"lazy\">\n                        <div class=\"image-glow\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Featured Feature: Multi Agent -->\n            <div class=\"featured-feature-row featured-feature-row-reverse animate-on-scroll\">\n                <div class=\"featured-feature-content\">\n                    <div class=\"featured-badge featured-badge-blue\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/>\n                        <\/svg>\n                        <span>Team Favorite<\/span>\n                    <\/div>\n                    <h3 class=\"featured-title\">Multi Agent Support<\/h3>\n                    <p class=\"featured-description\">\n                            Add multiple agents with custom availability and route chats to the right team, making support easier to manage and scale.                    <\/p>\n                    <ul class=\"featured-highlights\">\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>Unlimited agents with custom profiles<\/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>Multiple time slots within the day per agent<\/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>Time-based routing &#038; availability<\/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>Load balancing &#038; smart distribution<\/span>\n                        <\/li>\n                    <\/ul>\n                    <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/multi-agent\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        <span>Explore More<\/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>\n                <div class=\"featured-feature-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\" alt=\"Multi Agent Feature\" loading=\"lazy\">\n                        <div class=\"image-glow\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Featured Feature: Business Hours -->\n            <div class=\"featured-feature-row animate-on-scroll\">\n                <div class=\"featured-feature-content\">\n                    <div class=\"featured-badge featured-badge-purple\">\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 6v6l4 2\"\/>\n                        <\/svg>\n                        <span>Online\/Offline<\/span>\n                    <\/div>\n                    <h3 class=\"featured-title\">Business Hours<\/h3>\n                    <p class=\"featured-description\">\n                        Set clear business hours with flexible time ranges, and the widget will automatically show online or offline so customers know when we&#8217;re available.\n                    <\/p>\n                    <ul class=\"featured-highlights\">\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>Week-wise scheduling with day-specific hours<\/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>Multiple time slots per day (morning, afternoon, evening)<\/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>Offline behavior: Hide widget or show alternate number<\/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>Custom offline call-to-action messages<\/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>Real-time automatic status updates<\/span>\n                        <\/li>\n                    <\/ul>\n                    <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/business-hours-online-offline\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        <span>Explore More<\/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>\n                <div class=\"featured-feature-image\">\n                    <div class=\"business-hours-mockup\">\n                        <div class=\"mockup-header\">\n                            <div class=\"mockup-title\">Business Hours Control<\/div>\n                            <div class=\"mockup-status\">\n                                <span class=\"status-dot-live\"><\/span>\n                                <span>Live Status<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mockup-body\">\n                            <div class=\"schedule-row\">\n                                <div class=\"day-label\">Monday<\/div>\n                                <div class=\"time-slots\">\n                                    <div class=\"time-slot active\">9:00 AM &#8211; 1:00 PM<\/div>\n                                    <div class=\"time-slot active\">2:00 PM &#8211; 6:00 PM<\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"schedule-row\">\n                                <div class=\"day-label\">Tuesday<\/div>\n                                <div class=\"time-slots\">\n                                    <div class=\"time-slot active\">9:00 AM &#8211; 1:00 PM<\/div>\n                                    <div class=\"time-slot active\">2:00 PM &#8211; 6:00 PM<\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"schedule-row\">\n                                <div class=\"day-label\">Wednesday<\/div>\n                                <div class=\"time-slots\">\n                                    <div class=\"time-slot active\">9:00 AM &#8211; 5:00 PM<\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"schedule-divider\"><\/div>\n                            \n                            <!-- Offline Behavior Section -->\n                            <div class=\"behavior-section\">\n                                <div class=\"behavior-content\">\n                                    <div class=\"setting-item\">\n                                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                            <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24\"\/>\n                                            <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"\/>\n                                        <\/svg>\n                                        <span>Hide widget when offline<\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"behavior-mockup\">\n                                    <div class=\"widget-state offline-state\">\n                                        <div class=\"state-indicator\">\n                                            <span class=\"state-dot offline\"><\/span>\n                                            <span>Offline<\/span>\n                                        <\/div>\n                                        <div class=\"widget-icon-mini hidden-icon\">\n                                            <svg viewBox=\"0 0 24 24\" fill=\"none\" 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                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"schedule-divider\"><\/div>\n\n                            <!-- Online Behavior Section -->\n                            <div class=\"behavior-section\">\n                                <div class=\"behavior-content\">\n                                    <div class=\"setting-item\">\n                                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\n                                        <\/svg>\n                                        <span>Alternate offline number<\/span>\n                                    <\/div>\n                                    <div class=\"setting-item\">\n                                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                            <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>\n                                        <\/svg>\n                                        <span>Custom Call to Action message<\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"behavior-mockup\">\n                                    <div class=\"widget-state online-state\">\n                                        <div class=\"state-indicator\">\n                                            <span class=\"state-dot online\"><\/span>\n                                            <span>Alternate<\/span>\n                                        <\/div>\n                                        <div class=\"widget-icon-mini\">\n                                            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                                <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\n                                            <\/svg>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- All Pro Features Grid -->\n    <section class=\"pro-features-section\" style=\"margin-top: -40px;\">\n        <div class=\"container\">\n            <div class=\"section-header animate-on-scroll\">\n                <h2 class=\"section-title\">\n                    Everything we need to <span class=\"gradient-text\">Elevate<\/span>\n                <\/h2>\n                <p class=\"section-subtitle\">\n                    Powerful features that help us to capture more leads, automate workflows, and deliver exceptional customer experiences.\n                <\/p>\n            <\/div>\n\n            <div class=\"pro-features-grid\">\n                \n\n                <!-- Random Number -->\n                <div class=\"pro-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=\"M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z\"\/>\n                            <path d=\"M3.27 6.96L12 12.01l8.73-5.05M12 22.08V12\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">Random Number<\/h3>\n                    <p class=\"feature-description\">\n                        Distribute incoming chats evenly across the team. A random chat number is selected each time a user clicks to chat, ensuring balanced workload distribution.\n                    <\/p>\n                    <ul class=\"feature-highlights\">\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>Load balancing<\/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>Fair distribution<\/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>Multiple number support<\/span>\n                        <\/li>\n                    <\/ul>\n                    <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/random-number\" class=\"feature-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        <span>Explore More<\/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                <!-- Google Ads Conversion -->\n                <div class=\"pro-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                            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                            <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">Google Ads Conversion<\/h3>\n                    <p class=\"feature-description\">\n                        Track chat interactions as Google Ads conversions. Optimize campaigns, and understand which ads drive the most valuable conversations.\n                    <\/p>\n                    <ul class=\"feature-highlights\">\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>Conversion tracking<\/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>Campaign optimization<\/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>Track WhatsApp Button Conversions<\/span>\n                        <\/li>\n                    <\/ul>\n                    <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/google-ads-conversion\" class=\"feature-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        <span>Explore More<\/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                <!-- Absolute Position -->\n                <div class=\"pro-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                            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\n                            <path d=\"M9 3v18M15 3v18M3 9h18M3 15h18\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">Absolute Position<\/h3>\n                    <p class=\"feature-description\">\n                        Position the chat widget anywhere on the page with pixel-perfect precision. Use absolute positioning to place the widget exactly where we want it for optimal visibility and user experience.\n                    <\/p>\n                    <ul class=\"feature-highlights\">\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>Pixel-perfect positioning<\/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>Custom X &#038; Y coordinates<\/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>Responsive positioning options<\/span>\n                        <\/li>\n                    <\/ul>\n                    <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/position-to-place\/\" class=\"feature-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        <span>Explore More<\/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                <!-- Greeting Action -->\n                <div class=\"pro-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 d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n                            <path d=\"M9 12l2 2 4-4\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">Greeting Actions<\/h3>\n                    <p class=\"feature-description\">\n                        Define custom actions when users interact with greetings. Trigger specific behaviors, redirect to pages, or execute custom JavaScript based on user choices.\n                    <\/p>\n                    <ul class=\"feature-highlights\">\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>Click Trigger (ctc_greetings)<\/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>Scroll Trigger (ctc_greetings_now)<\/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>Time Delay (show after x seconds)<\/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>Scroll Delay (show after y seconds)<\/span>\n                        <\/li>\n                    <\/ul>\n                    <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-actions\" class=\"feature-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        <span>Explore More<\/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                \n                \n\n                <!-- Display Settings -->\n                <div class=\"pro-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                            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                            <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">Display Settings<\/h3>\n                    <p class=\"feature-description\">\n                        Control chat widget visibility with advanced display rules. Show or hide widgets based on visitor&#8217;s geographic location and login status for personalized experiences.\n                    <\/p>\n                    <ul class=\"feature-highlights\">\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 Based on Country<\/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>Display Based on Login Status<\/span>\n                        <\/li>\n                        \n                    <\/ul>\n                    <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/show-hide-styles\" class=\"feature-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        <span>Explore More<\/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                <!-- Advanced Analytics -->\n                <div class=\"pro-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                            <path d=\"M3 3v18h18\"\/>\n                            <path d=\"M18.7 8l-5.1 5.2-2.8-2.7L7 14.3\"\/>\n                            <circle cx=\"18\" cy=\"8\" r=\"2\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">Advanced Analytics<\/h3>\n                    <p class=\"feature-description\">\n                        Access advanced variables to get data from triggered-page data, cookie values, and URL parameters for more accurate insights.\n                    <\/p>\n                    <ul class=\"feature-highlights\">\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>Variables: {url}, {number}, {time}, {title}<\/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>Cookie values: [[_ga]]<\/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>URL parameters: [utm_source] &#038; [gclid]<\/span>\n                        <\/li>\n                    <\/ul>\n                    <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/analytics\" class=\"feature-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        <span>Explore More<\/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                <!-- WooCommerce Template -->\n                <div class=\"pro-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=\"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                    <\/div>\n                    <h3 class=\"feature-title\">Greetings in WooCommerce<\/h3>\n                    <p class=\"feature-description\">\n                        Customize the greeting dialog content specifically for shop pages and single product pages, and pre-fill product details, cart information, and customer data for smoother e-commerce support.                    <\/p>\n                    <ul class=\"feature-highlights\">\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>Product-specific Greetings<\/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>Greeting content for shop pages<\/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>Product inquiry through WhatsApp <\/span>\n                        <\/li>\n                    <\/ul>\n                    <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/woocommerce\" class=\"feature-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        <span>Explore More<\/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                <!-- Page Level Settings -->\n                <div class=\"pro-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 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n                            <polyline points=\"14 2 14 8 20 8\"\/>\n                            <circle cx=\"12\" cy=\"15\" r=\"3\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">Page Level Settings<\/h3>\n                    <p class=\"feature-description\">\n                        Override global settings with page-specific configurations. Perfect for creating targeted experiences. We can customize the following options at the page level for specific pages:\n                    <\/p>\n                    <ul class=\"feature-highlights\">\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>Widget Style for Mobile and Desktop<\/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>Custom URL<\/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>Time and Scroll Delay<\/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>Page Level Greetings Content<\/span>\n                        <\/li>\n                    <\/ul>\n                    <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/change-values-at-page-level\/#pro\" class=\"feature-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        <span>Explore More<\/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\n\n    <!-- CTA Section -->\n    <section 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 <span class=\"gradient-text\">Upgrade<\/span> the chat experience?\n                <\/h2>\n                <p class=\"cta-subtitle\">\n                    Get access to all pro features and take the customer engagement to the next level.\n                <\/p>\n                <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\/\" class=\"btn btn-primary btn-large\">\n                    <span>View Pricing Plans<\/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                <p class=\"cta-note\">All this features included in Pro plan<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/main>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pro Features Unlock Advanced Click to Chat Features Take the chat integration to the next level with Advanced Pro features designed for businesses that demand more. Explore Pro Features View Pricing Premium Features That Drive Results Discover our most Advanced features designed to transform the customer engagement and boost conversions. Most Popular Greetings &#8211; Form [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"enabled","header-above-stick-meta":"disabled","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":["pro.min__20251211_074426.css"],"js":["pro.min__20251210_065941.js"],"callbacks":["dequeue_astra"],"js_attr":{"pro.min__20251210_065941.js":{"attr":"","footer":"1"}}}},"class_list":["post-2388","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/pages\/2388","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/comments?post=2388"}],"version-history":[{"count":2,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/pages\/2388\/revisions"}],"predecessor-version":[{"id":7262,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/pages\/2388\/revisions\/7262"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=2388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}