{"id":774,"date":"2020-09-24T10:26:58","date_gmt":"2020-09-24T04:56:58","guid":{"rendered":"http:\/\/holithemes.com\/plugins\/click-to-chat\/?p=774"},"modified":"2026-09-29T15:42:26","modified_gmt":"2026-09-29T10:12:26","slug":"select-styles","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/select-styles\/","title":{"rendered":"Select Styles(Widgets)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">We can select different styles for Mobile, and Desktop devices. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Navigate to\u00a0<strong>Click to Chat \u2192 General \u2192 Widget Style &amp; Position<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Style for Desktop<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" width=\"746\" height=\"682\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/09\/style-2.webp\" alt=\"\" class=\"wp-image-7566\" style=\"width:991px;height:auto\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/09\/style-2.webp 746w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/09\/style-2-300x274.webp 300w\" sizes=\"(max-width: 746px) 100vw, 746px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Use the Same Settings on Desktop and Mobile<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Under <strong>Widget Style &amp; Position<\/strong>, select <strong>Mobile<\/strong> and enable <strong>Mobile and Desktop same settings<\/strong> to use the desktop style and position on both devices.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"742\" height=\"334\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/09\/same_setting_on.webp\" alt=\"\" class=\"wp-image-7567\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/09\/same_setting_on.webp 742w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/09\/same_setting_on-300x135.webp 300w\" sizes=\"(max-width: 742px) 100vw, 742px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To use a different style or position on mobile, select <strong>Mobile<\/strong>, turn off <strong>Mobile and Desktop same settings<\/strong>, and configure the mobile options.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Style for Mobile<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" width=\"832\" height=\"857\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/09\/mobile-style-select.webp\" alt=\"\" class=\"wp-image-7568\" style=\"width:744px;height:auto\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/09\/mobile-style-select.webp 832w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/09\/mobile-style-select-291x300.webp 291w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/09\/mobile-style-select-768x791.webp 768w\" sizes=\"(max-width: 832px) 100vw, 832px\" \/><\/figure>\n\n\n\n<h4 id=\"styles-not-applied\" class=\"wp-block-heading has-ast-global-color-8-color has-text-color\">Different styles: not displaying as expected?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">If Styles for desktop, and mobile are not selected as expected, it might be due to a cache issue. Some of the Caches(cache plugin, server-side cache) create only one static file per page, and the same page loading for desktop, and mobile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Try the following methods:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Method 1: <\/strong>If there is an option to enable to detect devices (separate for mobile) on cache plugins installed on your website, enable it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Method 2:<\/strong> Navigate to <strong>Click to Chat \u2192 General \u2192 Widget Style &amp; Position<\/strong> and select <strong>Mobile<\/strong>. At the bottom of the Mobile settings, click <strong>Check this<\/strong> to expand the cache compatibility option. Select the checkbox, save the changes, and clear all caches.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note:<\/strong> Enable this checkbox only when different desktop and mobile styles are not being applied as expected because of caching.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" width=\"1226\" height=\"832\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/09\/Cache-Settings.gif\" alt=\"\" class=\"wp-image-5284\" style=\"width:819px;height:auto\"\/><figcaption class=\"wp-element-caption\">If styles did not appear as expected due to cache<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Greetings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Greetings widget can be added at the top of the &#8220;Click to Chat&#8221; icon, offering customizable options.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Greeting 1<\/strong>: Provides a customizable design with a message and a WhatsApp button.<\/li>\n\n\n\n<li> <strong>Greeting 2<\/strong>: Elegantly displays content alongside a WhatsApp button. <\/li>\n\n\n\n<li><strong>Greeting 3 (PRO):<\/strong> Collects necessary visitor data through a form before starting the chat. <\/li>\n\n\n\n<li><strong>Greeting 4 (PRO)<\/strong>: Enables the setup of multiple agents with unique time ranges, ensuring effective customer service management. Each greeting has documentation for easy setup and configuration<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>We can select different styles for Mobile, and Desktop devices. Navigate to\u00a0Click to Chat \u2192 General \u2192 Widget Style &amp; Position. Style for Desktop Use the Same Settings on Desktop and Mobile Under Widget Style &amp; Position, select Mobile and enable Mobile and Desktop same settings to use the desktop style and position on both [&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":[44,63],"tags":[],"class_list":["post-774","post","type-post","status-publish","format-standard","hentry","category-styles","category-display-settings"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/774","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=774"}],"version-history":[{"count":1,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/774\/revisions"}],"predecessor-version":[{"id":7569,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/774\/revisions\/7569"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=774"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/categories?post=774"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/tags?post=774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}