{"id":6925,"date":"2025-09-24T09:30:16","date_gmt":"2025-09-24T04:00:16","guid":{"rendered":"https:\/\/holithemes.com\/plugins\/click-to-chat\/?post_type=docs&#038;p=6925"},"modified":"2025-09-24T09:30:19","modified_gmt":"2025-09-24T04:00:19","slug":"show-hide-styles","status":"publish","type":"docs","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/docs\/show-hide-styles\/","title":{"rendered":"Show\/Hide Styles"},"content":{"rendered":"\n<p>The <strong>Click to Chat<\/strong> plugin provides various options to control the visibility of the WhatsApp button or icon based on specific criteria. You can configure these settings in the <strong>Display Settings<\/strong> section.<\/p>\n\n\n\n<p>Navigate to \u2018<strong>Click to Chat<\/strong>\u2019 and Scroll down to \u2019<strong>Display settings<\/strong>\u2019.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"159\" height=\"188\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/CTC-Nav.webp\" alt=\"\" class=\"wp-image-5228\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Visibility Options<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Device Type<\/strong><\/h4>\n\n\n\n<p>Show or hide the icon on:<\/p>\n\n\n\n<ul id=\"block-0d389b53-a686-4892-b056-9b5d3e910a89\" class=\"wp-block-list\">\n<li>Both Desktop and Mobile devices<\/li>\n\n\n\n<li>Only Mobile devices<\/li>\n\n\n\n<li>Only Desktop devices<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1007\" height=\"217\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Display-Settings.webp\" alt=\"\" class=\"wp-image-5229\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Display-Settings.webp 1007w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Display-Settings-300x65.webp 300w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Display-Settings-768x165.webp 768w\" sizes=\"(max-width: 1007px) 100vw, 1007px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/show-hide-on-mobile-desktop\/\" data-type=\"link\" data-id=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/show-hide-on-mobile-desktop\/\">Show\/Hide on Mobile\/Desktop<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Post Type<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Show or hide the icon on:\n<ul class=\"wp-block-list\">\n<li>Posts<\/li>\n\n\n\n<li>Pages<\/li>\n\n\n\n<li>Custom post types<\/li>\n\n\n\n<li>Archive pages<\/li>\n\n\n\n<li>Category pages<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"634\" height=\"471\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Post-Type-Display.webp\" alt=\"\" class=\"wp-image-5203\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Post-Type-Display.webp 634w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Post-Type-Display-300x223.webp 300w\" sizes=\"(max-width: 634px) 100vw, 634px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Post ID<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Specify the visibility for individual posts by adding their corresponding Post IDs.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"523\" height=\"127\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Post-ID.webp\" alt=\"\" class=\"wp-image-5204\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Post-ID.webp 523w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Post-ID-300x73.webp 300w\" sizes=\"(max-width: 523px) 100vw, 523px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Category Names<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Control visibility for pages with specific category names.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"506\" height=\"149\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Category-.webp\" alt=\"\" class=\"wp-image-5205\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Category-.webp 506w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Category--300x88.webp 300w\" sizes=\"(max-width: 506px) 100vw, 506px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>WooCommerce Pages<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose to display the icon on WooCommerce-specific pages, such as:\n<ul class=\"wp-block-list\">\n<li>Single product pages<\/li>\n\n\n\n<li>Shop pages<\/li>\n\n\n\n<li>Cart pages<\/li>\n\n\n\n<li>Checkout pages<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"535\" height=\"453\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Woocomerce-View.webp\" alt=\"\" class=\"wp-image-5206\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Woocomerce-View.webp 535w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Woocomerce-View-300x254.webp 300w\" sizes=\"(max-width: 535px) 100vw, 535px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/display-settings-for-woocommerce-pages\/\">Display settings for WooCommerce pages<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>User Login Status (<a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\/\">PRO<\/a>)<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Display the WhatsApp icon for:\n<ul class=\"wp-block-list\">\n<li>Logged-in users only<\/li>\n\n\n\n<li>Logged-out users only<\/li>\n\n\n\n<li>Both logged-in and logged-out users<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"859\" height=\"114\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Login-Status-View.webp\" alt=\"\" class=\"wp-image-5207\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Login-Status-View.webp 859w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Login-Status-View-300x40.webp 300w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Login-Status-View-768x102.webp 768w\" sizes=\"(max-width: 859px) 100vw, 859px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/display-based-on-user-login-status\/\">Display based on Website Visitor Login Status<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Time Delay and Scroll (<a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\/\">PRO<\/a>)<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Configure the icon to appear after:\n<ul class=\"wp-block-list\">\n<li>A specific time delay (in seconds)<\/li>\n\n\n\n<li>A certain percentage of page scroll<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"841\" height=\"280\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/TimeDelay-Scroll.webp\" alt=\"\" class=\"wp-image-5208\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/TimeDelay-Scroll.webp 841w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/TimeDelay-Scroll-300x100.webp 300w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/TimeDelay-Scroll-768x256.webp 768w\" sizes=\"(max-width: 841px) 100vw, 841px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/time-delay-scroll\/\">Time delay, Scroll<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Business Hours (<a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\/\">PRO<\/a>)<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set online and offline hours:\n<ul class=\"wp-block-list\">\n<li>Display the WhatsApp icon during online hours with a specific WhatsApp number and Call to Action (CTA).<\/li>\n\n\n\n<li>During offline hours, show a different WhatsApp number and CTA.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"892\" height=\"281\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Business-Hours.webp\" alt=\"\" class=\"wp-image-5209\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Business-Hours.webp 892w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Business-Hours-300x95.webp 300w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/07\/Business-Hours-768x242.webp 768w\" sizes=\"(max-width: 892px) 100vw, 892px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/business-hours-online-offline\/\">Business Hours \u2013 Online\/Offline<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Display Based on Country(<a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\/\">PRO<\/a>)<\/strong><\/h4>\n\n\n\n<p>Display the WhatsApp chat widget only for visitors from selected countries using the <strong>Country-Based Display<\/strong> feature in the PRO version.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>All Countries<\/strong>: Show the widget everywhere.<\/li>\n\n\n\n<li><strong>Only Selected Countries<\/strong>: Choose specific countries where the chat widget should appear.<\/li>\n\n\n\n<li>After selection, save changes to apply the settings.<\/li>\n<\/ul>\n\n\n\n<p><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/display-based-on-country\/\">Display Based on Country<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Greetings Actions(<a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\/\">PRO<\/a>)<\/strong><\/h4>\n\n\n\n<p>Use <strong>Actions<\/strong> to trigger personalized greetings based on specific user behaviors, such as time, scroll, click, or when elements enter the viewport. This feature boosts user engagement and interaction.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Click<\/strong>: Display the greeting when users click on an element (Add <code>ctc_greetings<\/code> class to any element).<\/li>\n\n\n\n<li><strong>Viewport (PRO)<\/strong>: Show greetings when an element with the <code>ctc_greetings_now<\/code> class enters the viewport.<\/li>\n\n\n\n<li><strong>Time Action<\/strong>: Display greetings after a set time delay.<\/li>\n\n\n\n<li><strong>Scroll Action<\/strong>: Trigger greetings when users scroll to a certain part of the page.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-actions\/\">Greetings Actions \u2013 Time, Scroll, Click, Viewport<\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Default Settings<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>By default, the WhatsApp icon is visible globally on all pages for both Desktop and Mobile devices.<\/li>\n\n\n\n<li>You can override these global settings by navigating to the <strong>&#8220;Override Global Settings&#8221;<\/strong> section.<\/li>\n<\/ul>\n\n\n\n<p>We can Adjust the options as needed to control where and how the WhatsApp icon appears on your website.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity aligncenter\"\/>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Related Links<\/strong><\/h4>\n\n\n\n<p><a href=\"https:\/\/holithemes.com\/how-to-find-post-id-in-wordpress-for-posts-pages-media-files\/\">Find WordPress Post ID<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/show-only-on-selected-pages\/\">Show only on selected pages<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/hide-only-on-selected-pages\/\">Hide only on selected pages<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/show-hide-on-mobile-desktop\/\">Show\/Hide on Mobile\/Desktop<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Click to Chat plugin provides various options to control the visibility of the WhatsApp button or icon based on specific criteria. You can configure these settings in the Display Settings section. Navigate to \u2018Click to Chat\u2019 and Scroll down to \u2019Display settings\u2019. Visibility Options Device Type Show or hide the icon on: Show\/Hide on [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":0,"menu_order":0,"template":"","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":""}},"_htd2_assets":[]},"class_list":["post-6925","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/docs\/6925","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/types\/docs"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=6925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}