{"id":103,"date":"2019-07-23T09:47:55","date_gmt":"2019-07-23T09:47:55","guid":{"rendered":"http:\/\/holithemes.com\/plugins\/click-to-chat\/?p=103"},"modified":"2025-11-20T17:40:04","modified_gmt":"2025-11-20T12:10:04","slug":"show-hide-styles","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/show-hide-styles\/","title":{"rendered":"Show\/Hide Styles"},"content":{"rendered":"\n
\n \n
\n
<\/div>\n \n \n
\n \n <\/div>\n\n
\n
\n

\n Where<\/span>,\n When<\/span> &\n For Whom<\/span>\n <\/h1>\n \n

\n Customize the Click-to-Chat widget visibility with advanced targeting. Show the right message to the right people at the right time.\n <\/p>\n\n

\n \n Discover Smart Targeting\n <\/a>\n <\/div>\n\n \n <\/div>\n <\/div>\n <\/header>\n\n \n
\n
\n
\n

See It In Action<\/h2>\n

\n Watch how the widget automatically shows\/hides based on device, user status, time, location and more.\n <\/p>\n <\/div>\n \n

\n
\n
\n
\n
\n
<\/div>\n
<\/div>\n
<\/div>\n <\/div>\n <\/div>\n \n
\n

Home Page<\/h3>\n

Welcome to our website. Explore our content and services.<\/p>\n \n \n \n \n \n \n \n <\/svg>\n<\/a>\n\n \n

\n Widget Shows\/Hides<\/span>\n <\/div>\n <\/div>\n \n \n
\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n <\/div>\n \n
\n \ud83d\udc46 Click dots to see widget show\/hide on different pages<\/span>\n <\/div>\n \n \n
\n
\n
<\/div>\n Widget Active<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n
\n
\n
\n
\n
\n

Device Type Targeting<\/h2>\n <\/div>\n \n

\n Show or hide the widget based on device type – mobile or desktop. Perfect for mobile-first strategies that adapt to any screen size.\n <\/p>\n

\n \n \ud83d\udcf1 Device Targeting Docs\n <\/a>\n <\/div>\n <\/div>\n\n
\n
\n
\n
\n

Smart Device Detection<\/h3>\n

Widget adapts to every device type<\/p>\n <\/div>\n \n

\n \n
\n
\n \n \n \n <\/svg>\n
\n \n \n <\/svg>\n <\/div>\n <\/div>\n
\n
Mobile<\/div>\n
\u2713 Widget Visible<\/div>\n <\/div>\n <\/div>\n\n \n \n\n \n
\n
\n \n \n \n \n <\/svg>\n
\n \u00d7<\/span>\n <\/div>\n <\/div>\n
\n
Desktop<\/div>\n
\u00d7 Widget Hidden<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n
\n
\n
\n
\n
\n
\n
\n

Content-Aware Display<\/h3>\n

Show widgets based on post types<\/p>\n <\/div>\n \n

\n \n
\n \n \n \n <\/svg>\n
\n
\ud83d\udcdd Blog Post<\/div>\n
Article content detected<\/div>\n <\/div>\n \n \n <\/svg>\n <\/div>\n\n \n
\n \n \n \n \n <\/svg>\n
\n
\ud83d\udecd\ufe0f Product Page<\/div>\n
E-commerce content<\/div>\n <\/div>\n
\n \u00d7<\/span>\n <\/div>\n <\/div>\n\n \n
\n \n \n \n <\/svg>\n
\n
\ud83c\udfa8 Custom Post Type<\/div>\n
Portfolio item detected<\/div>\n <\/div>\n \n \n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n
\n
\n

Post Type Control<\/h2>\n <\/div>\n \n

\n Target specific post types like blog posts, pages, or custom post types. Tailor your chat experience by content type for maximum relevance.\n <\/p>\n

\n \n \ud83d\udcdd Post Type Docs\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n
\n
\n
\n
\n
\n

User Login Status<\/h2>\n <\/div>\n \n

\n Show different chat experiences for logged-in users vs. guests. Personalize interactions based on user authentication and history.\n <\/p>\n

\n \n \ud83d\udc64 User Status Docs\n <\/a>\n <\/div>\n <\/div>\n\n
\n
\n
\n
\n

Personalized Experience<\/h3>\n

Different widgets for different users<\/p>\n <\/div>\n \n

\n \n
\n
\n
\n \n \n \n \n \n <\/svg>\n <\/div>\n
\n \u2713<\/span>\n <\/div>\n
\n
\n \ud83d\udcac Need help?<\/span>\n <\/div>\n <\/div>\n <\/div>\n
\n
\ud83d\udc64 Logged In User<\/div>\n
\u2705 Widget Shows<\/div>\n <\/div>\n <\/div>\n\n \n
\n
\n
\n \n \n \n \n \n <\/svg>\n <\/div>\n
\n \u00d7<\/span>\n <\/div>\n <\/div>\n
\n
\ud83d\udc64 Guest User<\/div>\n
\u274c Widget Hidden<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n
\n
\n
\n
\n
\n

Post ID Targeting<\/h2>\n <\/div>\n \n

\n Show or hide the widget on specific posts by their ID numbers. Perfect for targeting individual pages like homepage, contact, or checkout pages.\n <\/p>\n

\n \n \ud83c\udfaf Post ID Docs\n <\/a>\n <\/div>\n <\/div>\n
\n
\n
\n
\n

Specific Post Control<\/h3>\n

Target individual posts by ID<\/p>\n <\/div>\n \n

\n \n
\n \n \n \n \n <\/svg>\n
\n
\ud83d\udcc4 Post ID: 123<\/div>\n
Homepage content<\/div>\n <\/div>\n \n \n <\/svg>\n <\/div>\n\n \n
\n \n \n \n \n <\/svg>\n
\n
\ud83d\udcc4 Post ID: 456<\/div>\n
Contact page<\/div>\n <\/div>\n \n \n <\/svg>\n <\/div>\n\n \n
\n \n \n \n \n <\/svg>\n
\n
\ud83d\udcc4 Post ID: 789<\/div>\n
Checkout page<\/div>\n <\/div>\n
\n \u00d7<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n
\n
\n
\n
\n
\n

Category Targeting<\/h2>\n <\/div>\n \n

\n Control widget visibility based on post categories. Show different chat experiences for different content categories like news, tutorials, or products.\n <\/p>\n

\n \n \ud83d\udcc2 Category Docs\n <\/a>\n <\/div>\n <\/div>\n\n
\n
\n
\n
\n

Category-Based Control<\/h3>\n

Target by content categories<\/p>\n <\/div>\n \n

\n \n
\n \n \n <\/svg>\n
\n
\ud83d\udcbb Technology<\/div>\n
Tech articles & tutorials<\/div>\n <\/div>\n \n \n <\/svg>\n <\/div>\n\n \n
\n \n \n <\/svg>\n
\n
\ud83d\udcbc Business<\/div>\n
Business & marketing content<\/div>\n <\/div>\n \n \n <\/svg>\n <\/div>\n\n \n
\n \n \n <\/svg>\n
\n
\ud83d\udc64 Personal<\/div>\n
Personal blog posts<\/div>\n <\/div>\n
\n \u00d7<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n\n \n
\n
\n
\n
\n
\n
\n
\n

Perfect Timing<\/h3>\n

Engage visitors at the right moment<\/p>\n <\/div>\n \n

\n
\n \n \n \n <\/svg>\n \n
\n
\n
\u23f1\ufe0f Visitor Activity Timer<\/div>\n
00:10<\/div>\n
\ud83d\udc40 10 seconds on page<\/div>\n <\/div>\n \n
\n
<\/div>\n \u26a1 TRIGGER<\/span>\n
<\/div>\n <\/div>\n \n
\n \n \n <\/svg>\n
\n \ud83d\udc4b Hello! Need help?<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n
\n
\n

Time & Scroll Delays<\/h2>\n <\/div>\n \n

\n Control when the widget appears based on time spent on page or scroll percentage. Reduce bounce rates and engage at the perfect moment.\n <\/p>\n

\n \n \u23f1\ufe0f Time & Scroll Delay Docs\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n
\n
\n
\n
\n
\n

Business Hours<\/h2>\n <\/div>\n \n

\n Automatically show or hide the widget based on your business hours and timezone. Never miss a customer during open hours.\n <\/p>\n

\n \n \ud83d\udd70\ufe0f Business Hours Docs\n <\/a>\n <\/div>\n <\/div>\n\n
\n
\n
\n
\n

Business Hours Control<\/h3>\n

Automatic scheduling for optimal coverage<\/p>\n <\/div>\n \n

\n
\n \n
\n
\ud83c\udfe2 Current Status<\/div>\n
\n
<\/div>\n OPEN<\/span>\n <\/div>\n
\ud83d\udd70\ufe0f 9:00 AM – 6:00 PM<\/div>\n
\ud83d\udcc5 Monday – Friday<\/div>\n <\/div>\n <\/div>\n \n
\n \n \n <\/svg>\n
\u2705 Widget Available only on business hours<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n
\n
\n
\n
\n
\n
\n
\n

Global Targeting<\/h3>\n

Location-based widget display<\/p>\n <\/div>\n \n

\n \n \n
\n
\n
\n
\ud83c\uddfa\ud83c\uddf8<\/div>\n
United States<\/div>\n
\u2705 Widget Active<\/div>\n <\/div>\n <\/div>\n \n
\n
\n
\ud83c\udde6\ud83c\uddf7<\/div>\n
Argentina<\/div>\n
\u2705 Widget Active<\/div>\n <\/div>\n <\/div>\n \n
\n
\n
\ud83c\uddee\ud83c\udde9<\/div>\n
Indonesia<\/div>\n
\u274c Widget Hidden<\/div>\n <\/div>\n <\/div>\n \n
\n
\n
\ud83c\udde9\ud83c\uddea<\/div>\n
Germany<\/div>\n
\u274c Widget Hidden<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n
\n \n \n <\/svg>\n
\ud83c\udf0d Showing for US & Argentina visitors<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n
\n
\n

Country-Based Display<\/h2>\n <\/div>\n \n

\n Target visitors from specific countries or regions. Perfect for location-specific support or regional campaigns.\n <\/p>\n

\n \n \ud83c\udf0d Country Targeting Docs\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n
\n
\n
\n
\n
\n

Page-Level Settings<\/h2>\n <\/div>\n \n

\n Show or hide the widget on individual pages using page-level settings. Perfect for controlling widget visibility on specific pages.\n <\/p>\n

\n \n \u2699\ufe0f Page Settings Docs\n <\/a>\n <\/div>\n <\/div>\n
\n
\n
\n
\n

Individual Page Control<\/h3>\n

Override settings per page<\/p>\n <\/div>\n \n

\n \n
\n \n
\n
\n \ud83c\udfe0\n <\/div>\n
Home Page<\/div>\n
\u2713 Widget ON<\/div>\n
\n \n \n <\/svg>\n <\/div>\n <\/div>\n\n\n \n \n\n
\n
\n \u2699\ufe0f\n <\/div>\n
About Page<\/div>\n
\u00d7 Widget OFF<\/div>\n
\n \u00d7<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n
\n \n \n <\/svg>\n
\u2699\ufe0f Control widget visibility on each page individually<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n
\n
\n
\n
\n \n
<\/div>\n \n
\n \n
\n
\n \n \n <\/svg>\n <\/div>\n <\/div>\n\n \n

\n Ready to Supercharge<\/span> Your Chat?\n <\/h2>\n\n \n

\n Stop showing chat widgets to everyone. Start targeting the right visitors \n with the right message at the right time.\n <\/p>\n\n \n

\n \n Get Started Now\n \n \n \n <\/svg>\n <\/a>\n \n \n Upgrade to Pro \ud83c\udf1f\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n<\/main>\n","protected":false},"excerpt":{"rendered":"

Where, When & For Whom Customize the Click-to-Chat widget visibility with advanced targeting. Show the right message to the right people at the right time. Discover Smart Targeting See It In Action Watch how the widget automatically shows\/hides based on device, user status, time, location and more. Home Page Welcome to our website. Explore our […]<\/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":"default","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":"default","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":["displaysettings.min__20251119_065030.css"],"js":["displaysettings.min__20251119_065030.js"],"callbacks":["dequeue_astra"],"js_attr":{"displaysettings.min__20251119_065030.js":{"attr":"","footer":"1"}}}},"categories":[63,65],"tags":[],"class_list":["post-103","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\/103","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=103"}],"version-history":[{"count":0,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/103\/revisions"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=103"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/categories?post=103"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/tags?post=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}