{"id":4246,"date":"2023-03-20T12:54:04","date_gmt":"2023-03-20T07:24:04","guid":{"rendered":"https:\/\/holithemes.com\/plugins\/click-to-chat\/?p=4246"},"modified":"2026-02-04T15:58:12","modified_gmt":"2026-02-04T10:28:12","slug":"custom-url","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/custom-url\/","title":{"rendered":"Custom URL"},"content":{"rendered":"\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200\" rel=\"stylesheet\" \/>\n\n\n\n<main class=\"customurl-wrapper\">\n        <!-- Hero Section -->\n        <section class=\"hero-section\" aria-labelledby=\"hero-title\">\n            <div class=\"container hero-content\">\n                <h1 id=\"hero-title\" class=\"hero-title\">\n                    Perfect\n                    <span class=\"text-gradient-purple-pink\">Custom URLs<\/span>\n                <\/h1>\n                <p class=\"hero-description\">\n                    Configure device\u2011specific Custom URLs with smart targeting and a seamless experience for your visitors.\n                <\/p>\n                <div class=\"hero-actions\">\n                    <button type=\"button\" id=\"configure-test-button\" class=\"btn btn-secondary btn-large btn-rounded\" aria-label=\"Get started with custom URL configuration\">\n                        Get Started <span class=\"icon icon-chevron-down\" aria-hidden=\"true\"><\/span>\n                    <\/button>\n                    <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\" class=\"btn btn-primary btn-large btn-rounded\" rel=\"noopener\">\n                        <span class=\"icon icon-crown mr-2\" aria-hidden=\"true\"><\/span>View Pricing\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Features Section -->\n        <section class=\"section-padding section-border-top\" aria-labelledby=\"features-title\">\n            <div class=\"container section-container\">\n                <header class=\"section-header\">\n                    <h2 id=\"features-title\" class=\"section-title\">How Custom URLs Work<\/h2>\n                    <p class=\"section-description\">Smart device detection for optimal WhatsApp experience<\/p>\n                <\/header>\n\n                <div class=\"feature-grid\">\n                    <article class=\"card feature-card\">\n                        <div class=\"card-body\">\n                            <div class=\"feature-icon-wrapper gradient-bg-purple-pink\" aria-hidden=\"true\">\n                                <span class=\"icon icon-target\"><\/span>\n                            <\/div>\n                            <h3 class=\"card-heading\">Device Detection<\/h3>\n                            <p class=\"card-text\">\n                                Automatically detects the device and redirects to the most suitable URL\n                            <\/p>\n                        <\/div>\n                    <\/article>\n\n                    <article class=\"card feature-card\">\n                        <div class=\"card-body\">\n                            <div class=\"feature-icon-wrapper gradient-bg-blue-cyan\" aria-hidden=\"true\">\n                                <span class=\"icon icon-globe\"><\/span>\n                            <\/div>\n                            <h3 class=\"card-heading\">Global Settings<\/h3>\n                            <p class=\"card-text\">\n                                Set custom URLs that work across your entire website with one configuration\n                            <\/p>\n                        <\/div>\n                    <\/article>\n\n                    <article class=\"card feature-card feature-card-pro\">\n                        <span class=\"badge badge-pro badge-absolute\" aria-label=\"Pro feature\">PRO<\/span>\n                        <div class=\"card-body\">\n                            <div class=\"feature-icon-wrapper gradient-bg-yellow-orange\" aria-hidden=\"true\">\n                                <span class=\"icon icon-crown\"><\/span>\n                            <\/div>\n                            <h3 class=\"card-heading\">Page-Level Control<\/h3>\n                            <p class=\"card-text\">\n                                Set different custom URLs for specific pages &#8211; perfect for targeted campaigns\n                            <\/p>\n                        <\/div>\n                    <\/article>\n                <\/div>\n\n                <!-- Version Comparison -->\n                <div class=\"version-comparison-grid\">\n                    <article class=\"card version-card\">\n                        <header class=\"card-header\">\n                            <h3 class=\"card-title\">\n                                <span class=\"icon icon-settings icon-purple\" aria-hidden=\"true\"><\/span>\n                                Main Version\n                            <\/h3>\n                            <p class=\"card-description\">\n                                Global custom URL settings for your entire website\n                            <\/p>\n                        <\/header>\n                        <div class=\"card-content\">\n                            <ul class=\"feature-list\">\n                                <li>\n                                    <div class=\"list-bullet list-bullet-purple\" aria-hidden=\"true\"><\/div>\n                                    Global settings for entire website\n                                <\/li>\n                                <li>\n                                    <div class=\"list-bullet list-bullet-purple\" aria-hidden=\"true\"><\/div>\n                                    Desktop and mobile URL targeting\n                                <\/li>\n                                <li>\n                                    <div class=\"list-bullet list-bullet-purple\" aria-hidden=\"true\"><\/div>\n                                    Easy setup and configuration\n                                <\/li>\n                            <\/ul>\n                            <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/\" class=\"btn btn-primary btn-main\" rel=\"noopener\">Main plugin<\/a>\n                        <\/div>\n                    <\/article>\n\n                    <article class=\"card version-card version-card-pro\">\n                        <header class=\"card-header\">\n                            <h3 class=\"card-title\">\n                                <span class=\"icon icon-crown icon-yellow\" aria-hidden=\"true\"><\/span>\n                                Pro Version\n                                <span class=\"badge badge-upgrade\" aria-label=\"Upgrade available\">UPGRADE<\/span>\n                            <\/h3>\n                            <p class=\"card-description\">\n                                Advanced page-level custom URL control\n                            <\/p>\n                        <\/header>\n                        <div class=\"card-content\">\n                            <ul class=\"feature-list\">\n                                <li>\n                                    <div class=\"list-bullet list-bullet-yellow\" aria-hidden=\"true\"><\/div>\n                                    Everything in Main Version\n                                <\/li>\n                                <li>\n                                    <div class=\"list-bullet list-bullet-yellow\" aria-hidden=\"true\"><\/div>\n                                    Different URLs for different pages\n                                <\/li>\n                                <li>\n                                    <div class=\"list-bullet list-bullet-yellow\" aria-hidden=\"true\"><\/div>\n                                    Perfect for targeted campaigns\n                                <\/li>\n                            <\/ul>\n                            <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\" class=\"btn btn-primary btn-upgrade\" rel=\"noopener\">Upgrade to Pro<\/a>\n                        <\/div>\n                    <\/article>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Why Custom URLs Section -->\n        <section class=\"section-padding section-border-top\" aria-labelledby=\"why-custom-urls-title\">\n            <div class=\"container section-container\">\n                <header class=\"section-header\">\n                    <h2 id=\"why-custom-urls-title\" class=\"section-title\">Why Use Custom URLs?<\/h2>\n                    <p class=\"section-description\">Unlock powerful benefits for your website and business<\/p>\n                <\/header>\n\n                <div class=\"feature-grid\">\n                    <article class=\"card feature-card\">\n                        <div class=\"card-body\">\n                            <div class=\"feature-icon-wrapper gradient-bg-blue-cyan\" aria-hidden=\"true\">\n                                <span class=\"icon icon-target\"><\/span>\n                            <\/div>\n                            <h3 class=\"card-heading\">Advanced Tracking<\/h3>\n                            <p class=\"card-text\">\n                                Track clicks, analyze user behavior, and measure conversion rates with your analytics tools\n                            <\/p>\n                        <\/div>\n                    <\/article>\n\n                    <article class=\"card feature-card\">\n                        <div class=\"card-body\">\n                            <div class=\"feature-icon-wrapper gradient-bg-yellow-orange\" aria-hidden=\"true\">\n                                <span class=\"icon icon-globe\"><\/span>\n                            <\/div>\n                            <h3 class=\"card-heading\">WhatsApp Channel<\/h3>\n                            <p class=\"card-text\">\n                                Redirect users to join your WhatsApp Channel directly via a custom URL feature\n                            <\/p>\n                        <\/div>\n                    <\/article>\n\n                    <article class=\"card feature-card\">\n                        <div class=\"card-body\">\n                            <div class=\"feature-icon-wrapper gradient-bg-purple-pink\" aria-hidden=\"true\">\n                                <span class=\"icon icon-external-link\"><\/span>\n                            <\/div>\n                            <h3 class=\"card-heading\">Flexible Redirects<\/h3>\n                            <p class=\"card-text\">\n                                Redirect to any destination &#8211; your product pages, announcements, or promotional content\n                            <\/p>\n                        <\/div>\n                    <\/article>\n                <\/div>\n\n                <!-- Use Cases -->\n                <aside class=\"card key-rules-card\">\n                    <div class=\"card-content\">\n                        <h3 class=\"key-rules-title\">\n                            <span class=\"icon icon-purple\" aria-hidden=\"true\"><\/span>\n                            Popular Use Cases\n                        <\/h3>\n                        <ul class=\"rule-list\">\n                            <li>\n                                <div class=\"list-bullet list-bullet-blue\" aria-hidden=\"true\"><\/div>\n                                <span>\n                                    <strong class=\"text-highlight-blue\">Link Promotion:<\/strong> Redirect users to any announcements, or WhatsApp channels\n                                <\/span>\n                            <\/li>\n                            <li>\n                                <div class=\"list-bullet list-bullet-purple\" aria-hidden=\"true\"><\/div>\n                                <span>\n                                    <strong class=\"text-highlight-purple\">Marketing Campaigns:<\/strong> Use different URLs for different campaigns to measure effectiveness\n                                <\/span>\n                            <\/li>\n                            <li>\n                                <div class=\"list-bullet list-bullet-yellow\" aria-hidden=\"true\"><\/div>\n                                <span>\n                                    <strong class=\"text-highlight-yellow\">E-commerce:<\/strong> Route users to different WhatsApp numbers on each page based on language. (page level settings)\n                                <\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/aside>\n            <\/div>\n        <\/section>\n\n        <!-- Priority Logic Section -->\n        <section class=\"section-padding section-border-top\" aria-labelledby=\"priority-logic-title\">\n            <div class=\"container section-container\">\n                <header class=\"section-header\">\n                    <h2 id=\"priority-logic-title\" class=\"section-title\">Priority Logic<\/h2>\n                    <p class=\"section-description\">Understanding how the plugin decides which URL to use<\/p>\n                <\/header>\n\n                <!-- Priority Flow -->\n                <div class=\"priority-flow-container\">\n                    <h3 class=\"flow-title\">How Priority Works<\/h3>\n                    <div class=\"flow-steps\">\n                        <div class=\"flow-step\">\n                            <div class=\"flow-icon-wrapper gradient-bg-yellow-orange\" aria-hidden=\"true\">\n                                <span class=\"icon icon-crown\"><\/span>\n                            <\/div>\n                            <h4 class=\"flow-step-title\">1. Page-Level Custom URL<\/h4>\n                            <p class=\"flow-step-description\">Highest Priority<\/p>\n                            <span class=\"badge badge-pro badge-flow\" aria-label=\"Pro feature\">PRO<\/span>\n                        <\/div>\n\n                        <div class=\"flow-arrow\" aria-hidden=\"true\">\n                            <span class=\"icon icon-arrow-right arrow-desktop\"><\/span>\n                            <span class=\"icon icon-arrow-down arrow-mobile\"><\/span>\n                        <\/div>\n\n                        <div class=\"flow-step\">\n                            <div class=\"flow-icon-wrapper gradient-bg-blue-cyan\" aria-hidden=\"true\">\n                                <span class=\"icon icon-smartphone\"><\/span>\n                            <\/div>\n                            <h4 class=\"flow-step-title\">2. Page-Level WhatsApp Number<\/h4>\n                            <p class=\"flow-step-description\">Second Priority<\/p>\n                            <span class=\"badge badge-main badge-flow\" aria-label=\"Main feature\">MAIN<\/span>\n                        <\/div>\n\n                        <div class=\"flow-arrow\" aria-hidden=\"true\">\n                            <span class=\"icon icon-arrow-right arrow-desktop\"><\/span>\n                            <span class=\"icon icon-arrow-down arrow-mobile\"><\/span>\n                        <\/div>\n\n                        <div class=\"flow-step\">\n                            <div class=\"flow-icon-wrapper gradient-bg-purple-pink\" aria-hidden=\"true\">\n                                <span class=\"icon icon-globe\"><\/span>\n                            <\/div>\n                            <h4 class=\"flow-step-title\">3. Global Custom URL<\/h4>\n                            <p class=\"flow-step-description\">Third Priority<\/p>\n                            <span class=\"badge badge-main badge-flow\" aria-label=\"Main feature\">MAIN<\/span>\n                        <\/div>\n\n                        <div class=\"flow-arrow\" aria-hidden=\"true\">\n                            <span class=\"icon icon-arrow-right arrow-desktop\"><\/span>\n                            <span class=\"icon icon-arrow-down arrow-mobile\"><\/span>\n                        <\/div>\n\n                        <div class=\"flow-step\">\n                            <div class=\"flow-icon-wrapper gradient-bg-gray-600-gray-700\" aria-hidden=\"true\">\n                                <span class=\"icon icon-settings\"><\/span>\n                            <\/div>\n                            <h4 class=\"flow-step-title\">4. Global WhatsApp Number<\/h4>\n                            <p class=\"flow-step-description\">Lowest Priority<\/p>\n                            <span class=\"badge badge-main badge-flow badge-gray\" aria-label=\"Main feature\">MAIN<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Priority Table -->\n                <div class=\"priority-table-container\">\n                    <h3 class=\"flow-title\">Priority Decision Table<\/h3>\n                    <div class=\"card priority-table-card\">\n                        <div class=\"card-content table-responsive\">\n                            <table class=\"priority-table\">\n                                <thead>\n                                    <tr class=\"table-header-row\">\n                                        <th class=\"table-header-cell\" scope=\"col\">\n                                            Page-level Custom URL\n                                            <span class=\"badge badge-pro badge-table\" aria-label=\"Pro feature\">PRO<\/span>\n                                        <\/th>\n                                        <th class=\"table-header-cell\" scope=\"col\">\n                                            Page-level WhatsApp Number\n                                            <span class=\"badge badge-main badge-table\" aria-label=\"Main feature\">MAIN<\/span>\n                                        <\/th>\n                                        <th class=\"table-header-cell\" scope=\"col\">\n                                            Global Custom URL\n                                            <span class=\"badge badge-main badge-table\" aria-label=\"Main feature\">MAIN<\/span>\n                                        <\/th>\n                                        <th class=\"table-header-cell\" scope=\"col\">\n                                            Global WhatsApp Number\n                                            <span class=\"badge badge-main badge-table badge-gray\" aria-label=\"Main feature\">MAIN<\/span>\n                                        <\/th>\n                                        <th class=\"table-header-cell final-outcome-header\" scope=\"col\">\n                                            Final Outcome\n                                        <\/th>\n                                    <\/tr>\n                                <\/thead>\n                                <tbody>\n                                    <tr class=\"table-row\">\n                                        <td class=\"table-cell\">\n                                            <div class=\"status-indicator\">\n                                                <div class=\"status-icon-wrapper status-icon-success\" aria-hidden=\"true\">\n                                                    <span class=\"icon-Priority icon-check\"><\/span>\n                                                <\/div>\n                                                <span class=\"status-text\">Yes<\/span>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"table-cell\">\n                                            <div class=\"status-indicator\">\n                                                <div class=\"status-icon-wrapper status-icon-success\" aria-hidden=\"true\">\n                                                    <span class=\"icon-Priority icon-check\"><\/span>\n                                                <\/div>\n                                                <span class=\"status-text\">Yes<\/span>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"table-cell\">\n                                            <div class=\"status-indicator\">\n                                                <div class=\"status-icon-wrapper status-icon-success\" aria-hidden=\"true\">\n                                                    <span class=\"icon-Priority icon-check\"><\/span>\n                                                <\/div>\n                                                <span class=\"status-text\">Yes<\/span>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"table-cell\">\n                                            <div class=\"status-indicator\">\n                                                <div class=\"status-icon-wrapper status-icon-success\" aria-hidden=\"true\">\n                                                    <span class=\"icon-Priority icon-check\"><\/span>\n                                                <\/div>\n                                                <span class=\"status-text\">Yes<\/span>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"table-cell\">\n                                            <div class=\"outcome-badge gradient-text-yellow-orange\">\n                                                Page-level Custom URL\n                                            <\/div>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr class=\"table-row\">\n                                        <td class=\"table-cell\">\n                                            <div class=\"status-indicator\">\n                                                <div class=\"status-icon-wrapper status-icon-fail\" aria-hidden=\"true\">\n                                                    <span class=\"status-text-fail\">\u2715<\/span>\n                                                <\/div>\n                                                <span class=\"status-text\">No<\/span>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"table-cell\">\n                                            <div class=\"status-indicator\">\n                                                <div class=\"status-icon-wrapper status-icon-success\" aria-hidden=\"true\">\n                                                    <span class=\"icon-Priority icon-check\"><\/span>\n                                                <\/div>\n                                                <span class=\"status-text\">Yes<\/span>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"table-cell\">\n                                            <div class=\"status-indicator\">\n                                                <div class=\"status-icon-wrapper status-icon-success\" aria-hidden=\"true\">\n                                                    <span class=\"icon-Priority icon-check\"><\/span>\n                                                <\/div>\n                                                <span class=\"status-text\">Yes<\/span>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"table-cell\">\n                                            <div class=\"status-indicator\">\n                                                <div class=\"status-icon-wrapper status-icon-success\" aria-hidden=\"true\">\n                                                    <span class=\"icon-Priority icon-check\"><\/span>\n                                                <\/div>\n                                                <span class=\"status-text\">Yes<\/span>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"table-cell\">\n                                            <div class=\"outcome-badge gradient-text-blue-cyan\">\n                                                Page-level WhatsApp Number\n                                            <\/div>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr class=\"table-row\">\n                                        <td class=\"table-cell\">\n                                            <div class=\"status-indicator\">\n                                                <div class=\"status-icon-wrapper status-icon-fail\" aria-hidden=\"true\">\n                                                    <span class=\"status-text-fail\">\u2715<\/span>\n                                                <\/div>\n                                                <span class=\"status-text\">No<\/span>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"table-cell\">\n                                            <div class=\"status-indicator\">\n                                                <div class=\"status-icon-wrapper status-icon-fail\" aria-hidden=\"true\">\n                                                    <span class=\"status-text-fail\">\u2715<\/span>\n                                                <\/div>\n                                                <span class=\"status-text\">No<\/span>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"table-cell\">\n                                            <div class=\"status-indicator\">\n                                                <div class=\"status-icon-wrapper status-icon-success\" aria-hidden=\"true\">\n                                                    <span class=\"icon-Priority icon-check\"><\/span>\n                                                <\/div>\n                                                <span class=\"status-text\">Yes<\/span>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"table-cell\">\n                                            <div class=\"status-indicator\">\n                                                <div class=\"status-icon-wrapper status-icon-success\" aria-hidden=\"true\">\n                                                    <span class=\"icon-Priority icon-check\"><\/span>\n                                                <\/div>\n                                                <span class=\"status-text\">Yes<\/span>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"table-cell\">\n                                            <div class=\"outcome-badge gradient-text-purple-pink\">\n                                                Global Custom URL\n                                            <\/div>\n                                        <\/td>\n                                    <\/tr>\n                                    <tr class=\"table-row\">\n                                        <td class=\"table-cell\">\n                                            <div class=\"status-indicator\">\n                                                <div class=\"status-icon-wrapper status-icon-fail\" aria-hidden=\"true\">\n                                                    <span class=\"status-text-fail\">\u2715<\/span>\n                                                <\/div>\n                                                <span class=\"status-text\">No<\/span>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"table-cell\">\n                                            <div class=\"status-indicator\">\n                                                <div class=\"status-icon-wrapper status-icon-fail\" aria-hidden=\"true\">\n                                                    <span class=\"status-text-fail\">\u2715<\/span>\n                                                <\/div>\n                                                <span class=\"status-text\">No<\/span>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"table-cell\">\n                                            <div class=\"status-indicator\">\n                                                <div class=\"status-icon-wrapper status-icon-fail\" aria-hidden=\"true\">\n                                                    <span class=\"status-text-fail\">\u2715<\/span>\n                                                <\/div>\n                                                <span class=\"status-text\">No<\/span>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"table-cell\">\n                                            <div class=\"status-indicator\">\n                                                <div class=\"status-icon-wrapper status-icon-success\" aria-hidden=\"true\">\n                                                    <span class=\"icon-Priority icon-check\"><\/span>\n                                                <\/div>\n                                                <span class=\"status-text\">Yes<\/span>\n                                            <\/div>\n                                        <\/td>\n                                        <td class=\"table-cell\">\n                                            <div class=\"outcome-badge gradient-text-gray\">\n                                                Global WhatsApp Number\n                                            <\/div>\n                                        <\/td>\n                                    <\/tr>\n                                <\/tbody>\n                            <\/table>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Key Points -->\n                <aside class=\"card key-rules-card\">\n                    <div class=\"card-content\">\n                        <h3 class=\"key-rules-title\">\n                            <span class=\"icon-Priority icon-target icon-purple\" aria-hidden=\"true\"><\/span>\n                            Key Priority Rules\n                        <\/h3>\n                        <ul class=\"rule-list\">\n                            <li>\n                                <div class=\"list-bullet list-bullet-yellow\" aria-hidden=\"true\"><\/div>\n                                <span>\n                                    <strong class=\"text-highlight-yellow\">Page-level settings<\/strong> always override global settings\n                                <\/span>\n                            <\/li>\n                            <li>\n                                <div class=\"list-bullet list-bullet-purple\" aria-hidden=\"true\"><\/div>\n                                <span>\n                                    <strong class=\"text-highlight-purple\">Custom URLs<\/strong> take priority over WhatsApp numbers\n                                <\/span>\n                            <\/li>\n                            <li>\n                                <div class=\"list-bullet list-bullet-blue\" aria-hidden=\"true\"><\/div>\n                                <span>\n                                    The plugin checks from <strong class=\"text-highlight-blue\">highest to lowest priority<\/strong> until it finds a valid setting\n                                <\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/aside>\n            <\/div>\n        <\/section>\n\n        <!-- Invalid URL Handling Section -->\n        <section class=\"section-padding section-bg-dark\" aria-labelledby=\"fallback-title\">\n            <div class=\"container section-container\">\n                <header class=\"section-header\">\n                    <h2 id=\"fallback-title\" class=\"section-title\">Smart Fallback System<\/h2>\n                    <p class=\"section-description\">Automatic handling of invalid or misconfigured URLs<\/p>\n                <\/header>\n\n                <!-- Fallback Flow -->\n                <article class=\"card fallback-process-card\">\n                    <header class=\"card-header\">\n                        <h3 class=\"card-title text-center\">Fallback Process<\/h3>\n                        <p class=\"card-description text-center\">\n                            What happens when a custom URL is invalid\n                        <\/p>\n                    <\/header>\n                    <div class=\"card-content\">\n                        <div class=\"fallback-flow-steps\">\n                            <div class=\"flow-step\">\n                                <div class=\"fallback-icon-wrapper fallback-icon-error\" aria-hidden=\"true\">\n                                    <span class=\"icon icon-globe icon-red\"><\/span>\n                                <\/div>\n                                <h4 class=\"flow-step-title\">Invalid Custom URL<\/h4>\n                            <\/div>\n\n                            <div class=\"flow-arrow\" aria-hidden=\"true\">\n                                <span class=\"icon icon-arrow-right arrow-desktop\"><\/span>\n                                <span class=\"icon icon-arrow-down arrow-mobile\"><\/span>\n                            <\/div>\n\n                            <div class=\"flow-step\">\n                                <div class=\"fallback-icon-wrapper fallback-icon-warning\" aria-hidden=\"true\">\n                                    <span class=\"icon icon-settings icon-yellow\"><\/span>\n                                <\/div>\n                                <h4 class=\"flow-step-title\">Plugin Detects Issue<\/h4>\n                            <\/div>\n\n                            <div class=\"flow-arrow\" aria-hidden=\"true\">\n                                <span class=\"icon icon-arrow-right arrow-desktop\"><\/span>\n                                <span class=\"icon icon-arrow-down arrow-mobile\"><\/span>\n                            <\/div>\n\n                            <div class=\"flow-step\">\n                                <div class=\"fallback-icon-wrapper fallback-icon-success\" aria-hidden=\"true\">\n                                    <span class=\"icon icon-smartphone icon-green\"><\/span>\n                                <\/div>\n                                <h4 class=\"flow-step-title\">Uses WhatsApp Number<\/h4>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/article>\n            <\/div>\n        <\/section>\n\n        <!-- Demo Section -->\n        <section id=\"demo\" class=\"section-padding section-bg-dark\" aria-labelledby=\"demo-title\">\n            <div class=\"container section-container\">\n                <header class=\"section-header\">\n                    <h2 id=\"demo-title\" class=\"section-title\">See It In Action<\/h2>\n                    <p class=\"section-description\">\n                        Configure your URLs and see how they work on different devices\n                    <\/p>\n                <\/header>\n\n                <!-- URL Configuration & Preview -->\n                <div class=\"demo-config-wrapper\">\n                    <article class=\"card demo-card\">\n                        <header class=\"card-header\">\n                            <h3 class=\"card-title\">URL Settings &#038; Preview<\/h3>\n                            <p class=\"card-description\">\n                                Enter a secure https:\/\/ Custom URL. If it&#8217;s empty or invalid, the WhatsApp number below is used automatically.\n                            <\/p>\n                        <\/header>\n                        <div class=\"card-content\">\n                            <form class=\"form-group-stack\">\n                                <div>\n                                    <label for=\"desktop-custom-url\" class=\"form-label\">\n                                        Custom URL (Highest Priority)\n                                    <\/label>\n                                    <input\n                                        type=\"url\"\n                                        id=\"desktop-custom-url\"\n                                        value=\"\"\n                                        placeholder=\"https:\/\/whatsapp.com\/channel\/0029Vb8uNsdJENy349xlE83j\"\n                                        class=\"form-input input-focus-purple\"\n                                        aria-describedby=\"desktop-custom-url-hint\"\n                                    \/>\n                                    <p id=\"desktop-custom-url-hint\" class=\"input-hint\">Must start with `https:\/\/`<\/p>\n                                <\/div>\n                                <div>\n                                    <label for=\"desktop-whatsapp-number\" class=\"form-label\">\n                                        WhatsApp Number (Lower Priority)\n                                    <\/label>\n                                    <input\n                                        type=\"tel\"\n                                        id=\"desktop-whatsapp-number\"\n                                        value=\"\"\n                                        placeholder=\"e.g., +91-8123456789. (include country code)\"\n                                        class=\"form-input input-focus-purple\"\n                                        aria-describedby=\"desktop-whatsapp-hint\"\n                                    \/>\n                                    <p id=\"desktop-whatsapp-hint\" class=\"input-hint\">Used if Custom URL is invalid or empty.<\/p>\n                                <\/div>\n\n                                <div>\n                                    <label for=\"test-message-desktop\" class=\"form-label\">\n                                        Pre-Filled Message (Optional)\n                                    <\/label>\n                                    <input\n                                        type=\"text\"\n                                        id=\"test-message-desktop\"\n                                        value=\"\"\n                                        placeholder=\"Enter a test message...\"\n                                        class=\"form-input input-focus-purple\"\n                                    \/>\n                                <\/div>\n\n                                <div class=\"demo-actions\">\n                                    <button type=\"button\" id=\"test-desktop-button\" class=\"btn btn-primary btn-flex\">\n                                        <span class=\"icon icon-play mr-2\" aria-hidden=\"true\"><\/span>\n                                        Test\n                                    <\/button>\n                                <\/div>\n                            <\/form>\n                        <\/div>\n                    <\/article>\n                <\/div>\n\n\n            <\/div>\n        <\/section>\n\n        <!-- Bottom CTA Section -->\n        <section class=\"section-padding section-bg-dark section-border-top\" aria-labelledby=\"cta-title\">\n            <div class=\"container section-container\">\n                <div class=\"cta-content\">\n                    <h2 id=\"cta-title\" class=\"section-title text-center\">Ready to Get Started?<\/h2>\n                    <p class=\"section-description text-center\">\n                        Configure custom URLs for your website and enhance your WhatsApp integration\n                    <\/p>\n                    <div class=\"hero-actions\" style=\"justify-content: center; margin-top: 2rem;\">\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/docs\/custom-url\" class=\"btn btn-secondary btn-large btn-rounded\" rel=\"noopener\" target=\"_blank\">\n                            View Docs\n                        <\/a>\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\" class=\"btn btn-primary btn-large btn-rounded\" rel=\"noopener\">\n                            <span class=\"icon icon-crown mr-2\" aria-hidden=\"true\"><\/span>View Pricing\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Toast Notification Area -->\n        <div id=\"toast-container\" class=\"toast-container\" role=\"region\" aria-live=\"polite\" aria-label=\"Notifications\"><\/div>\n    <\/main>\n","protected":false},"excerpt":{"rendered":"<p>Perfect Custom URLs Configure device\u2011specific Custom URLs with smart targeting and a seamless experience for your visitors. Get Started View Pricing How Custom URLs Work Smart device detection for optimal WhatsApp experience Device Detection Automatically detects the device and redirects to the most suitable URL Global Settings Set custom URLs that work across your entire [&hellip;]<\/p>\n","protected":false},"author":1,"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":["customurl.min__20251127_113518.css"],"js":["customurl.min__20251127_113518.js"],"callbacks":["dequeue_astra"],"js_attr":{"customurl.min__20251127_113518.js":{"attr":"","footer":"1"}}}},"categories":[63,65],"tags":[],"class_list":["post-4246","post","type-post","status-publish","format-standard","hentry","category-display-settings","category-page-by-ht-design"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/4246","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/comments?post=4246"}],"version-history":[{"count":2,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/4246\/revisions"}],"predecessor-version":[{"id":7216,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/4246\/revisions\/7216"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=4246"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/categories?post=4246"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/tags?post=4246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}