{"id":4298,"date":"2023-03-28T16:07:56","date_gmt":"2023-03-28T10:37:56","guid":{"rendered":"https:\/\/holithemes.com\/plugins\/click-to-chat\/?p=4298"},"modified":"2025-05-19T09:34:16","modified_gmt":"2025-05-19T04:04:16","slug":"notification-badge","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/notification-badge\/","title":{"rendered":"Notification Badge"},"content":{"rendered":"\n<p>Display a Notification Badge to highlight new activity and attract user attention. This feature displays a <strong>small badge<\/strong> with a count near the chat icon, prompting quicker interaction. <\/p>\n\n\n\n<p>Navigate to<strong> \u2018Click to Chat\u2019<\/strong> \u2014&gt;<strong> \u2018Other Settings\u2019<\/strong> &#8211; Notification Badge<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"159\" height=\"154\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2023\/03\/Other-Settings-nav.webp\" alt=\"\" class=\"wp-image-6281\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"527\" height=\"680\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2023\/03\/notification-badge.webp\" alt=\"\" class=\"wp-image-4315\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2023\/03\/notification-badge.webp 527w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2023\/03\/notification-badge-233x300.webp 233w\" sizes=\"(max-width: 527px) 100vw, 527px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Check <strong>\u201cAdd Notification Badge\u201d<\/strong> to enable it.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"301\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2023\/03\/notification-badge-1-1024x301.webp\" alt=\"\" class=\"wp-image-4324\" style=\"width:768px;height:226px\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2023\/03\/notification-badge-1-1024x301.webp 1024w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2023\/03\/notification-badge-1-300x88.webp 300w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2023\/03\/notification-badge-1-768x225.webp 768w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2023\/03\/notification-badge-1.webp 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Notification Count:<\/strong> Number to display at the notification badge.<\/p>\n\n\n\n<p><strong>Badge Background Color:<\/strong> Color of the notification badge.<\/p>\n\n\n\n<p><strong>Text Color:<\/strong> Color of the number, text inside the notification badge.<\/p>\n\n\n\n<p><strong>Add Border Color:<\/strong> Border color, which is around the notification badge. To get a curve shape, add the website\u2019s background color to the notification badge border.<\/p>\n\n\n\n<p><strong>Badge Time Delay:<\/strong> Display the notification badge after given number of seconds<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>Note:<\/strong> The notification badge will display until the user clicks the WhatsApp icon to chat or displays the greetings dialog.<\/p>\n\n\n\n<p>If the greetings dialog is enabled, set the greetings dialog <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-initial-stage\/\">initial stage<\/a> to <strong>&#8220;close.\u201d<\/strong>.<\/p>\n\n\n\n<p>For testing purposes, check the webpage in browser incognito mode. (i.e. visit website as a new user.)<\/p>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Boost with Animations<\/strong><\/h4>\n\n\n\n<p>Pair Notification Badges with Animations to Grab Attention<\/p>\n\n\n\n<p><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/animations\/\">Animations Documentation<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Display a Notification Badge to highlight new activity and attract user attention. This feature displays a small badge with a count near the chat icon, prompting quicker interaction. Navigate to \u2018Click to Chat\u2019 \u2014&gt; \u2018Other Settings\u2019 &#8211; Notification Badge Check \u201cAdd Notification Badge\u201d to enable it. Notification Count: Number to display at the notification badge. [&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":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","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":"","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":[]},"categories":[53],"tags":[],"class_list":["post-4298","post","type-post","status-publish","format-standard","hentry","category-features"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/4298","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=4298"}],"version-history":[{"count":0,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/4298\/revisions"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=4298"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/categories?post=4298"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/tags?post=4298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}