{"id":576,"date":"2020-06-28T21:44:33","date_gmt":"2020-06-28T16:14:33","guid":{"rendered":"http:\/\/holithemes.com\/plugins\/click-to-chat\/?p=576"},"modified":"2025-05-30T09:24:15","modified_gmt":"2025-05-30T03:54:15","slug":"show-only-on-selected-pages","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/show-only-on-selected-pages\/","title":{"rendered":"Show Only on Selected Pages"},"content":{"rendered":"\n<p>We can manage where the styles appear by configuring the Display Settings and Override Settings. This guide explains how to show styles only on specific pages, posts, or categories.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Global Display Settings<\/h4>\n\n\n\n<p>First, configure the base setting:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigate to <strong>Click to Chat<\/strong> &#8211;  <strong>Display Settings &#8211; Global<\/strong> and select <strong>&#8220;Hide on all pages&#8221;<\/strong>. <\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"159\" height=\"153\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/06\/CTC-nav-1.webp\" alt=\"\" class=\"wp-image-6381\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This ensures styles are hidden everywhere by default unless specified otherwise.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"588\" height=\"1024\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/06\/Show-only-on-selected-pages-588x1024.png\" alt=\"\" class=\"wp-image-1477\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/06\/Show-only-on-selected-pages-588x1024.png 588w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/06\/Show-only-on-selected-pages-172x300.png 172w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/06\/Show-only-on-selected-pages.png 760w\" sizes=\"(max-width: 588px) 100vw, 588px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"post-id\">Show on Selected Pages (Using Post IDs)<\/h4>\n\n\n\n<p>To display styles only on selected posts or pages:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In Override Settings, locate the Post IDs section.<\/li>\n\n\n\n<li>Add the IDs of the posts or pages where we want to show the styles.<\/li>\n\n\n\n<li>Separate multiple IDs with commas (e.g., <code>1, 20, 35<\/code>). &#8211; <a href=\"https:\/\/holithemes.com\/blog\/how-to-find-post-id-in-wordpress-for-posts-pages-media-files\/\">How to Find Post ID<\/a><\/li>\n<\/ul>\n\n\n\n<p><em>Example<\/em>:<\/p>\n\n\n\n<p>Styles will be shown only for posts with IDs <code>1<\/code> and <code>20<\/code>.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img decoding=\"async\" width=\"577\" height=\"1024\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/06\/To-show-only-on-selected-pages-post-ids-577x1024.png\" alt=\"\" class=\"wp-image-1478\" style=\"width:585px;height:1039px\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/06\/To-show-only-on-selected-pages-post-ids-577x1024.png 577w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/06\/To-show-only-on-selected-pages-post-ids-169x300.png 169w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/06\/To-show-only-on-selected-pages-post-ids.png 753w\" sizes=\"(max-width: 577px) 100vw, 577px\" \/><figcaption class=\"wp-element-caption\"><br><\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Need more detailed steps on showing the widget based on Post ID?&nbsp;<a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/how-to-show-or-hide-the-chat-widget-based-on-post-id\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/how-to-show-or-hide-the-chat-widget-based-on-post-id\/\" rel=\"noreferrer noopener\">Check out this Documentation<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Show Only on a Specific Post Type<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">To show styles only on blog posts:<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In <strong>Global Settings<\/strong>, select <strong>&#8220;Hide on all pages&#8221;<\/strong>.<\/li>\n\n\n\n<li>In <strong>Override Settings \u2192 Posts<\/strong>, select <strong>&#8220;Show&#8221;<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"599\" height=\"1024\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/06\/show-only-on-posts-599x1024.png\" alt=\"\" class=\"wp-image-1481\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/06\/show-only-on-posts-599x1024.png 599w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/06\/show-only-on-posts-175x300.png 175w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/06\/show-only-on-posts.png 767w\" sizes=\"(max-width: 599px) 100vw, 599px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">To show styles only on pages:<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In <strong>Override Settings \u2192 Pages<\/strong>, select <strong>&#8220;Show&#8221;<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p><em>This ensures styles appear only on posts or pages based on our selection.<\/em><\/p>\n\n\n\n<h4 class=\"wp-block-heading has-ast-global-color-8-color has-text-color\">Show Only on the Home Page<\/h4>\n\n\n\n<p>To display styles exclusively on the home page:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In <strong>Global Settings<\/strong>, select <strong>&#8220;Hide on all pages&#8221;<\/strong>.<\/li>\n\n\n\n<li>In <strong>Override Settings \u2192 Home Page<\/strong>, select <strong>&#8220;Show&#8221;<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p><em>Styles will be shown only on the home page and hidden elsewhere.<\/em><\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"566\" height=\"1024\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/06\/Show-only-on-Home-page-566x1024.png\" alt=\"\" class=\"wp-image-1482\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/06\/Show-only-on-Home-page-566x1024.png 566w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/06\/Show-only-on-Home-page-166x300.png 166w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/06\/Show-only-on-Home-page.png 744w\" sizes=\"(max-width: 566px) 100vw, 566px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading has-ast-global-color-8-color has-text-color\">Show Based on Category<\/h4>\n\n\n\n<p>To show styles for posts in specific categories:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In <strong>Global Settings<\/strong>, select <strong>&#8220;Hide on all pages&#8221;<\/strong>.<\/li>\n\n\n\n<li>In <strong>Override Settings \u2192 Category Name<\/strong>, add the category names where we want to display the styles.<\/li>\n\n\n\n<li>Separate multiple category names with commas (e.g., <code>news, updates<\/code>).<\/li>\n<\/ul>\n\n\n\n<p><em>Example:<\/em><\/p>\n\n\n\n<p>Styles will be shown on all posts under the categories: <code>news<\/code>, <code>updates<\/code>.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"580\" height=\"1024\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2021\/05\/show-based-on-category-580x1024.png\" alt=\"\" class=\"wp-image-1484\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2021\/05\/show-based-on-category-580x1024.png 580w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2021\/05\/show-based-on-category-170x300.png 170w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2021\/05\/show-based-on-category.png 763w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><figcaption class=\"wp-element-caption\">Add&nbsp;category&nbsp;name&nbsp;<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading has-ast-global-color-8-color has-text-color\">Show on Cart and Checkout Pages<\/h4>\n\n\n\n<p>To show styles on WooCommerce\u2019s <strong>Cart<\/strong> and <strong>Checkout<\/strong> pages:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Identify the <strong>post IDs<\/strong> of those pages.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add those post IDs to the <strong>&#8220;ID\u2019s list to show&#8221;<\/strong> field in Override Settings.<\/li>\n<\/ul>\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>Related Links<\/strong><\/h4>\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\n\n\n<p><a href=\"https:\/\/holithemes.com\/how-to-find-post-id-in-wordpress-for-posts-pages-media-files\/\" target=\"_blank\" rel=\"noreferrer noopener\">Find Post ID for WordPress Posts, Pages<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We can manage where the styles appear by configuring the Display Settings and Override Settings. This guide explains how to show styles only on specific pages, posts, or categories. Global Display Settings First, configure the base setting: Show on Selected Pages (Using Post IDs) To display styles only on selected posts or pages: Example: Styles [&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":"default","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":"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":[]},"categories":[63],"tags":[],"class_list":["post-576","post","type-post","status-publish","format-standard","hentry","category-display-settings"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/576","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=576"}],"version-history":[{"count":0,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/576\/revisions"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=576"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/categories?post=576"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/tags?post=576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}