{"id":2792,"date":"2022-03-28T11:22:24","date_gmt":"2022-03-28T05:52:24","guid":{"rendered":"http:\/\/holithemes.com\/plugins\/click-to-chat\/?p=2792"},"modified":"2026-03-16T18:01:59","modified_gmt":"2026-03-16T12:31:59","slug":"greetings","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings\/","title":{"rendered":"Greetings"},"content":{"rendered":"\n<div class=\"cursor-glow\" id=\"cursorGlow\" aria-hidden=\"true\"><\/div>\n    <!-- <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\"> -->\n\n    <main class=\"greetings-wrapper\">\n\n        <!-- Hero Section -->\n        <section class=\"hero-section\" id=\"hero\" aria-labelledby=\"hero-title\">\n            <div class=\"hero-bg-animation\" aria-hidden=\"true\">\n                <div class=\"gradient-orb orb-2\"><\/div>\n                <div class=\"gradient-orb orb-3\"><\/div>\n            <\/div>\n\n            <div class=\"hero-container\">\n                <div class=\"hero-content\">\n                    <div class=\"hero-badge\">\n                        <span>Elevate Every Hello\ud83d\udc4b\ud83c\udffb<\/span>\n                    <\/div>\n\n                    <h1 id=\"hero-title\" class=\"hero-title\">\n                        Engage Visitors at the Perfect Moment\n                    <\/h1>\n\n                    <p class=\"hero-subtitle\">\n                        Trigger personalized WhatsApp greetings using smart behavior-based logic, fully customizable to\n                        match your brand and business goals.\n                    <\/p>\n\n                    <nav class=\"hero-buttons\" aria-label=\"Primary navigation\">\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\/\" class=\"glow-button primary\">\n                            View Pricing\n                        <\/a>\n                        <button class=\"glow-button glass\"\n                            onclick=\"document.getElementById('greeting-types').scrollIntoView({ behavior: 'smooth' });\">\n                            Explore Greetings\n                        <\/button>\n\n                    <\/nav>\n                <\/div>\n\n                <!-- Mockup Section -->\n                <div class=\"hero-mockup\">\n                    <div class=\"browser-window\">\n                        <div class=\"window-header\">\n                            <div class=\"window-dots\">\n                                <span class=\"dot red\"><\/span>\n                                <span class=\"dot yellow\"><\/span>\n                                <span class=\"dot green\"><\/span>\n                            <\/div>\n                            <div class=\"window-address\">yourwebsite.com<\/div>\n                        <\/div>\n                        <div class=\"window-body\">\n                            <!-- Skeleton Content -->\n                            <div class=\"skeleton-hero\"><\/div>\n                            <div class=\"skeleton-lines\">\n                                <div class=\"line long\"><\/div>\n                                <div class=\"line medium\"><\/div>\n                                <div class=\"line short\"><\/div>\n                            <\/div>\n                            <div class=\"skeleton-cards\">\n                                <div class=\"card\"><\/div>\n                                <div class=\"card\"><\/div>\n                                <div class=\"card\"><\/div>\n                            <\/div>\n\n                            <!-- WhatsApp Button Mockup -->\n                            <div class=\"mockup-wa-wrapper\">\n                                <!-- <div class=\"wa-pill\">WhatsApp us<\/div> -->\n                                <div class=\"wa-circle\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\"\n                                        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                            <!-- Animated Greetings Images -->\n                            <div class=\"mockup-greetings-container\">\n                                <!-- Greeting 1 -->\n                                <img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2026\/02\/Customizable-Design-Demo.webp\"\n                                    alt=\"Customizable Design Greeting\" class=\"mockup-greeting-img greeting-1 active\">\n\n                                <!-- Greeting 2 -->\n                                <img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2026\/02\/Content-Specific-Demo.webp\"\n                                    alt=\"Content Specific Greeting\" class=\"mockup-greeting-img greeting-2\">\n\n                                <!-- Greeting 3 (Form) -->\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\" class=\"mockup-greeting-img greeting-3\">\n\n                                <!-- Greeting 4 (Multi Agent) -->\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 Greeting\" class=\"mockup-greeting-img greeting-4\">\n                            <\/div>\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"floating-particles\" id=\"particles\" aria-hidden=\"true\"><\/div>\n        <\/section>\n\n        <!-- Greeting Type 1 -->\n        <section class=\"greeting-section\" id=\"greeting-types\" aria-labelledby=\"customizable-title\">\n            <div class=\"container\">\n                <article class=\"greeting-grid\">\n                    <div class=\"greeting-content content-left\">\n                        <div class=\"icon-wrapper purple-pink\" aria-hidden=\"true\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\">\n                                <path d=\"M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <h2 id=\"customizable-title\" class=\"section-title purple-pink-gradient\">Customize the Chat Experience to Match Your Brand<\/h2>\n                        <p class=\"section-description\">\n                            Fully customize the greeting dialog to match your brand identity and create a\n                            seamless experience that increases user engagement.\n                        <\/p>\n\n                        <ul class=\"feature-list\">\n                            <li><span class=\"bullet purple\"><\/span>Customize the WhatsApp button appearance<\/li>\n                            <li><span class=\"bullet pink\"><\/span>Apply different background colors to each section<\/li>\n                            <li><span class=\"bullet purple\"><\/span>Use dynamic variables like {site}, {title}, and {url}\n                            <\/li>\n                        <\/ul>\n\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-1\/\"\n                            class=\"greeting-cta-btn btn-purple\">\n                            View Greetings 1\n                        <\/a>\n                    <\/div>\n\n                    <div class=\"greeting-image image-right\">\n                        <div class=\"wax-card purple-pink-bg\">\n                            <div class=\"glowing-blobs\" aria-hidden=\"true\">\n                                <div class=\"glow-blob blob-2\"><\/div>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2026\/02\/Customizable-Design-Demo.webp\"\n                                alt=\"Customizable WhatsApp greeting design interface showing button and color customization options\"\n                                class=\"dialog-img\" loading=\"lazy\" width=\"280\" \/>\n                        <\/div>\n                    <\/div>\n                <\/article>\n            <\/div>\n        <\/section>\n\n        <!-- Greeting Type 2 -->\n        <section class=\"greeting-section\" aria-labelledby=\"content-specific-title\">\n            <div class=\"container\">\n                <article class=\"greeting-grid\">\n                    <div class=\"greeting-image image-left\">\n                        <div class=\"wax-card blue-cyan-bg\">\n                            <div class=\"glowing-blobs\" aria-hidden=\"true\">\n                                <div class=\"glow-blob blob-2\"><\/div>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2026\/02\/Content-Specific-Demo.webp\"\n                                alt=\"Content-specific WhatsApp greeting showing detailed message with text styling and emojis\"\n                                class=\"dialog-img\" loading=\"lazy\" width=\"280\" \/>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"greeting-content content-right\">\n                        <div class=\"icon-wrapper blue-cyan\" aria-hidden=\"true\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\">\n                                <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\n                                <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n                            <\/svg>\n                        <\/div>\n\n                        <h2 id=\"content-specific-title\" class=\"section-title blue-cyan-gradient\">\n                            Engage Visitors with Personalized Messages\n                        <\/h2>\n\n                        <p class=\"section-description\">\n                            Display personalized welcome messages, special offers, or important announcements to encourage visitors and increase engagement.\n                        <\/p>\n\n                        <ul class=\"feature-list\">\n                            <li><span class=\"bullet blue\"><\/span>Fully customizable text with emojis, links, and\n                                variables<\/li>\n                            <li><span class=\"bullet cyan\"><\/span>Suitable for both quick notes and longer messages.<\/li>\n                            <li><span class=\"bullet blue\"><\/span>Adjust fonts, colors, and spacing effortlessly<\/li>\n                        <\/ul>\n\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-2\/\"\n                            class=\"greeting-cta-btn btn-blue\">\n                            View Greetings 2\n                        <\/a>\n                    <\/div>\n                <\/article>\n            <\/div>\n        <\/section>\n\n        <!-- Greeting Type 3 - Greetings Form -->\n        <section class=\"greeting-section\" aria-labelledby=\"greetings-form-title\">\n            <div class=\"container\">\n                <article class=\"greeting-grid\">\n                    <div class=\"greeting-content content-left\">\n                        <div class=\"icon-wrapper green-emerald\" aria-hidden=\"true\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\">\n                                <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n                                <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n                                <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n                                <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n                                <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                        <span class=\"pro-badge emerald-badge\">Pro Feature<\/span>\n                        <h2 id=\"greetings-form-title\" class=\"section-title green-emerald-gradient\">Capture Leads Before\n                            the Conversation Starts<\/h2>\n                        <p class=\"section-description\">\n                            Collect important visitor details before opening WhatsApp \u2014 perfect for lead qualification,\n                            support tickets, and high-quality conversations.\n                        <\/p>\n                        <ul class=\"feature-list\">\n                            <li><span class=\"bullet green\" aria-hidden=\"true\"><\/span>Add custom fields like text, email,\n                                dropdown, checkbox, textarea and more<\/li>\n                            <li><span class=\"bullet emerald\" aria-hidden=\"true\"><\/span>Include opt-in for user consent\n                            <\/li>\n                            <li><span class=\"bullet green\" aria-hidden=\"true\"><\/span>Collect key details upfront for\n                                better conversations<\/li>\n                        <\/ul>\n                        <div class=\"greeting-buttons\">\n                            <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-form\/\"\n                                class=\"greeting-cta-btn btn-green\">\n                                View Form\n                            <\/a>\n                            <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\/\"\n                                class=\"greeting-cta-btn btn-green\">\n                                View Pricing\n                            <\/a>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"greeting-image image-right\">\n                        <div class=\"wax-card green-emerald-bg\">\n                            <img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/09\/Greetings-Form-Greetings.webp\"\n                                alt=\"WhatsApp greeting form with custom fields for lead generation and user information collection\"\n                                class=\"dialog-img\" loading=\"lazy\" width=\"280\" \/>\n                        <\/div>\n                    <\/div>\n                <\/article>\n            <\/div>\n        <\/section>\n\n        <!-- Greeting Type 4 - Multi-Agent Chat -->\n        <section class=\"greeting-section\" aria-labelledby=\"multi-agent-title\">\n            <div class=\"container\">\n                <article class=\"greeting-grid\">\n                    <div class=\"greeting-image image-left\">\n                        <div class=\"wax-card orange-red-bg\">\n                            <div class=\"glowing-blobs\" aria-hidden=\"true\">\n                                <div class=\"glow-blob blob-2\"><\/div>\n                            <\/div>\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 WhatsApp greeting showing multiple team members from different departments\"\n                                class=\"dialog-img\" loading=\"lazy\" width=\"280\" \/>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"greeting-content content-right\">\n                        <div class=\"icon-wrapper orange-red\" aria-hidden=\"true\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\">\n                                <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                                <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                                <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                                <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <span class=\"pro-badge\">Pro Feature<\/span>\n                        <h2 id=\"multi-agent-title\" class=\"section-title orange-red-gradient\">Route Visitors to the Right\n                            Team Instantly<\/h2>\n                        <p class=\"section-description\">\n                            Automatically connect visitors to Sales, Support, or specific team members. Faster replies\n                            increase trust, conversions, and customer satisfaction.\n                        <\/p>\n                        <ul class=\"feature-list\">\n                            <li><span class=\"bullet orange\" aria-hidden=\"true\"><\/span>Assign agents from different\n                                departments (e.g., Sales, Support, etc.)<\/li>\n                            <li><span class=\"bullet red\" aria-hidden=\"true\"><\/span>Display next availability or\n                                alternate contact when offline<\/li>\n                            <li><span class=\"bullet orange\" aria-hidden=\"true\"><\/span>Smart routing ensures faster and\n                                more relevant responses<\/li>\n                        <\/ul>\n                        <div class=\"greeting-buttons\">\n                            <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/Multi-agent\/\"\n                                class=\"greeting-cta-btn btn-orange\">\n                                View Multi Agent\n                            <\/a>\n                            <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\/\"\n                                class=\"greeting-cta-btn btn-orange\">\n                                View Pricing\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/article>\n            <\/div>\n        <\/section>\n\n        <!-- Opt-in Section -->\n        <section class=\"greeting-section\" aria-labelledby=\"opt-in-title\">\n            <div class=\"container\">\n                <article class=\"greeting-grid\">\n                    <div class=\"greeting-content content-left\">\n                        <div class=\"icon-wrapper purple-pink\" aria-hidden=\"true\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\">\n                                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <h2 id=\"opt-in-title\" class=\"section-title purple-pink-gradient\">Built-in GDPR &#038; Privacy\n                            Compliance<\/h2>\n                        <p class=\"section-description\">\n                            Ensure users accept your privacy policy before starting a chat. Protect your business while\n                            staying fully compliant.\n                        <\/p>\n                        <ul class=\"feature-list\">\n                            <li><span class=\"bullet purple\" aria-hidden=\"true\"><\/span>Ensure GDPR and privacy compliance\n                            <\/li>\n                            <li><span class=\"bullet pink\" aria-hidden=\"true\"><\/span>Once accepted, it won\u2019t ask again\n                                for that user<\/li>\n                            <li><span class=\"bullet purple\" aria-hidden=\"true\"><\/span>Available in all greeting types\n                            <\/li>\n                        <\/ul>\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/opt-in\/\"\n                            class=\"greeting-cta-btn btn-purple\">\n                            View Docs\n                        <\/a>\n                    <\/div>\n\n                    <div class=\"greeting-image image-right\">\n                        <div class=\"wax-card purple-pink-bg\">\n                            <div class=\"glowing-blobs\" aria-hidden=\"true\">\n                                <div class=\"glow-blob blob-2\"><\/div>\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/09\/Optin-Greetings.webp\"\n                                alt=\"Privacy opt-in consent checkbox for GDPR compliance in WhatsApp greeting\"\n                                class=\"dialog-img\" loading=\"lazy\" width=\"280\" \/>\n                        <\/div>\n                    <\/div>\n                <\/article>\n            <\/div>\n        <\/section>\n\n        <!-- Greeting Triggers Section -->\n        <section class=\"triggers-section\" aria-labelledby=\"triggers-title\">\n            <div class=\"container\">\n                <header class=\"section-header\">\n                    <h2 id=\"triggers-title\" class=\"section-title blue-cyan-gradient\">\n                        Trigger Greetings at the Perfect Moment\n                    <\/h2>\n                    <p class=\"section-subtitle\">\n                        Smart ways to launch greetings based on user interaction or behavior.\n                    <\/p>\n                <\/header>\n\n                <div class=\"triggers-container\">\n                    <article class=\"trigger-blob\" data-color=\"blue\">\n                        <div class=\"blob-content\" aria-hidden=\"true\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"trigger-name\">Time Delay<\/h3>\n                        <p class=\"trigger-description\">Automatically show a greeting after a few seconds. Perfect for\n                            offering help or highlighting special offers.<\/p>\n                    <\/article>\n                    <article class=\"trigger-blob\" data-color=\"green\">\n                        <div class=\"blob-content\" aria-hidden=\"true\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\">\n                                <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\n                                <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"trigger-name\">Scroll Trigger<\/h3>\n                        <p class=\"trigger-description\">Engage visitors as they scroll through your content. Ideal for\n                            capturing users who show real interest.\n                        <\/p>\n                    <\/article>\n                    <article class=\"trigger-blob\" data-color=\"purple\">\n                        <div class=\"blob-content\" aria-hidden=\"true\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\">\n                                <path d=\"M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z\"><\/path>\n                                <path d=\"M13 13l6 6\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"trigger-name\">Click Trigger<\/h3>\n                        <p class=\"trigger-description\">Trigger a greeting when users click buttons or key elements to\n                            guide actions and boost engagement.\n                    <\/article>\n                    <article class=\"trigger-blob\" data-color=\"orange\">\n                        <div class=\"blob-content\" aria-hidden=\"true\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\">\n                                <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"trigger-name\">ViewPort Trigger<\/h3>\n                        <p class=\"trigger-description\">Trigger greetings when key sections of your page become visible.\n                            Ensures engagement at the right moment.<\/p>\n                    <\/article>\n                <\/div>\n\n                <div class=\"triggers-action\">\n                    <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-actions\/\"\n                        class=\"glow-button hover-glass\" target=\"_blank\">\n                        Explore Greeting Actions <i class=\"fas fa-arrow-right\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Dialog UI Preview Section -->\n        <section class=\"dialog-section\" aria-labelledby=\"dialog-styles-title\">\n            <div class=\"container\">\n                <header class=\"section-header\">\n                    <h2 id=\"dialog-styles-title\" class=\"section-title green-emerald-gradient\">Choose the Greeting\n                        Position\n                    <\/h2>\n                    <p class=\"section-subtitle\">Choose how greetings appear &#8211; beside the WhatsApp button or as a\n                        centered modal with background blur.<\/p>\n                <\/header>\n                <div class=\"dialog-grid\">\n                    <article class=\"dialog-card green-emerald-bg\">\n                        <h3>Beside WhatsApp Button<\/h3>\n                        <img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/09\/Next-to-WA-Button-Position.webp\"\n                            alt=\"WhatsApp greeting positioned beside the chat button for seamless interaction\"\n                            class=\"dialog-position-img\" loading=\"lazy\" width=\"400\" height=\"220\" \/>\n                        <p>Positioned next to the WhatsApp button for seamless user interaction.<\/p>\n                    <\/article>\n                    <article class=\"dialog-card blue-cyan-bg\">\n                        <h3>Center Modal<\/h3>\n                        <img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/09\/Modal-Greetings-Position.webp\"\n                            alt=\"WhatsApp greeting displayed as centered modal with background blur for focused attention\"\n                            class=\"dialog-position-img\" loading=\"lazy\" width=\"400\" height=\"220\" \/>\n                        <p>Appears as a modal with background blur for focused user attention.<\/p>\n                    <\/article>\n                <\/div>\n\n                <div class=\"triggers-action\" style=\"margin-top: 3rem;\">\n                    <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-position\/\"\n                        class=\"greeting-cta-btn btn-green\">\n                        View Greeting Position <i class=\"fas fa-arrow-right\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Final CTA -->\n        <section class=\"cta-section\" aria-labelledby=\"cta-title\">\n            <div class=\"container\">\n                <div class=\"cta-content\">\n                    <h2 id=\"cta-title\">\ud83d\ude80 Start Converting More Visitors with Smart WhatsApp Greetings<\/h2>\n                    <p>\n                        Unlock advanced greeting triggers, lead forms, and multi-agent routing. Join <strong>700,000+\n                            WordPress websites already using Click to Chat.<\/strong>\n                    <\/p>\n\n                    <div class=\"cta-buttons\">\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\/\" class=\"glow-button primary\">\n                            Upgrade to Pro \ud83c\udf1f\n                        <\/a>\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/multi-agent\/\" class=\"glow-button glass\">\n                            Create Your First Greeting\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Image Modal -->\n        <div id=\"imageModal\" class=\"image-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-title\">\n            <div class=\"image-modal-overlay\" aria-hidden=\"true\"><\/div>\n            <div class=\"image-modal-content\">\n                <button class=\"image-modal-close\" aria-label=\"Close modal\">&times;<\/button>\n                <img decoding=\"async\" id=\"modalImage\" class=\"image-modal-image\" src=\"\" alt=\"\" \/>\n            <\/div>\n        <\/div>\n    <\/main>\n","protected":false},"excerpt":{"rendered":"<p>Elevate Every Hello\ud83d\udc4b\ud83c\udffb Engage Visitors at the Perfect Moment Trigger personalized WhatsApp greetings using smart behavior-based logic, fully customizable to match your brand and business goals. View Pricing Explore Greetings yourwebsite.com Customize the Chat Experience to Match Your Brand Fully customize the greeting dialog to match your brand identity and create a seamless experience that [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","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":["greetings-XZJhUiV9_20260316_122835.css"],"js":["greetings-D64DMdlk_20260316_122835.js","greetings-modal-DEypBbi-_20260316_122835.js"],"callbacks":["dequeue_astra"],"js_attr":{"greetings-D64DMdlk_20260316_122835.js":{"attr":"","footer":"1"},"greetings-modal-DEypBbi-_20260316_122835.js":{"attr":"","footer":"1"}}}},"categories":[45,65],"tags":[],"class_list":["post-2792","post","type-post","status-publish","format-standard","hentry","category-greetings","category-page-by-ht-design"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/2792","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/comments?post=2792"}],"version-history":[{"count":1,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/2792\/revisions"}],"predecessor-version":[{"id":7322,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/2792\/revisions\/7322"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=2792"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/categories?post=2792"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/tags?post=2792"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}