{"id":362,"date":"2019-12-10T14:27:46","date_gmt":"2019-12-10T08:57:46","guid":{"rendered":"http:\/\/holithemes.com\/plugins\/click-to-chat\/?p=362"},"modified":"2025-05-12T16:06:23","modified_gmt":"2025-05-12T10:36:23","slug":"style-5","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/style-5\/","title":{"rendered":"Style-5"},"content":{"rendered":"\n<h5 class=\"wp-block-heading\">An Advanced widget with Image and content-box<\/h5>\n\n\n\n<p>Style 5 offers advanced customization with full control over text, image, and content box properties. Perfect for users who want a highly tailored WhatsApp button that stands out.<\/p>\n\n\n\n<p><\/p>\n\n\n<div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;Style-5&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/style-5\/\" data-style=\"5\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-5 ht-ctc-inline\"><style>.ht-ctc-style-5 .s5_content{display:none}.ht-ctc-style-5 .s5_cta:hover .s5_content{display:flex}\n.ht-ctc-style-5 .s5_img{box-shadow:2px 5px 10px rgba(0,0,0,.5)}.ht-ctc-style-5 .s5_content{box-shadow:2px 5px 10px rgba(0,0,0,.5);border-radius:5px}.ht-ctc-style-5 .s5_content span{padding:5px;overflow:hidden}.ht-ctc-style-5 .s5_content .heading{font-size:20px}.ht-ctc-style-5 .s5_content .description{font-size:12px}.ht-ctc-style-5 .s5_content.right{animation:1s s5_translate_right}.ht-ctc-style-5 .s5_content.left{animation:1s s5_translate_left}@keyframes s5_translate_right{0%{transform:translateX(55px)}100%{transform:translateX(0)}}@keyframes s5_translate_left{0%{transform:translateX(-55px)}100%{transform:translateX(0)}}\n<\/style>\n    <div class=\"ht-ctc-style-5 ctc-analytics\" style=\"display: inline-block; cursor: pointer; z-index: 99999999;\" >\n        <div class=\"s5_cta ctc-analytics\" style=\"display: -ms-flexbox; display: -webkit-flex; display: flex;\"   >\n            <img decoding=\"async\" class=\"s5_img ctc-analytics\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/plugins\/click-to-chat-for-whatsapp\/.\/new\/inc\/assets\/img\/new_style8.jpg\" style=\"height: 70px; width: 70px; z-index: 999999;  \" alt=\"WhatsApp us\">\n            <div class=\"s5_content left\" style=\"flex-direction: column; justify-content: center; align-items: center;     background-color: #ffffff; border: 1px solid #dddddd; height: 70px; width: 270px;  margin-left: -4px;\" >\n                <span class=\"heading ctc-analytics ctc_cta\" style=\"color: #000000\">WhatsApp us<\/span>\n                <span class=\"description ctc-analytics\" style=\"color: #000000\">We will respond as soon as possible<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">To Apply Style 5<\/h5>\n\n\n\n<p>Navigate to\u00a0<strong>Click to Chat<\/strong>\u00a0\u2013\u00a0<strong>Style, Position<\/strong>, Select\u00a0<strong>Style 5<\/strong>, and click Save.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/12\/Style-5-1024x584.webp\" alt=\"\" class=\"wp-image-5924\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/12\/Style-5-1024x584.webp 1024w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/12\/Style-5-300x171.webp 300w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/12\/Style-5-768x438.webp 768w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/12\/Style-5.webp 1152w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Customization<\/h3>\n\n\n\n<p>Navigate to&nbsp;<strong>\u201cClick to Chat<\/strong>\u201d -&gt; \u201c<strong>Customize<\/strong>\u201d &#8211; &#8220;<strong>Style-5<\/strong>&#8221; to personalize the widget\u2019s appearance.<\/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=\"493\" height=\"1024\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/12\/Style-5-1-493x1024.webp\" alt=\"\" class=\"wp-image-5470\" style=\"width:497px;height:auto\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/12\/Style-5-1-493x1024.webp 493w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/12\/Style-5-1-144x300.webp 144w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/12\/Style-5-1-768x1595.webp 768w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/12\/Style-5-1-740x1536.webp 740w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/12\/Style-5-1-986x2048.webp 986w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2019\/12\/Style-5-1.webp 1080w\" sizes=\"(max-width: 493px) 100vw, 493px\" \/><figcaption class=\"wp-element-caption\">Style-5 Customization<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Key Features<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Line 1 and Line 2 Customization<\/strong>: Change the text and colors for both lines.<\/li>\n\n\n\n<li><strong>Content Box Background &amp; Border Color<\/strong>: Set colors for the content box background and border.<\/li>\n\n\n\n<li><strong>Custom Image URL<\/strong>: Upload your own image for the button.<\/li>\n\n\n\n<li><strong>Adjustable Image Size<\/strong>: Modify the height and width of the image.<\/li>\n\n\n\n<li><strong>Content Box Dimensions<\/strong>: Set the height and width of the content box to fit your design.<\/li>\n\n\n\n<li><strong>Image Position<\/strong>: Control the image\u2019s position relative to the text.<\/li>\n<\/ul>\n\n\n\n<p>Style 5 provides in-depth customization, giving you full control over the button\u2019s text, image, and content box for a unique, professional design.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>An Advanced widget with Image and content-box Style 5 offers advanced customization with full control over text, image, and content box properties. Perfect for users who want a highly tailored WhatsApp button that stands out. To Apply Style 5 Navigate to\u00a0Click to Chat\u00a0\u2013\u00a0Style, Position, Select\u00a0Style 5, and click Save. Customization Navigate to&nbsp;\u201cClick to Chat\u201d -&gt; [&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":"right-sidebar","site-content-layout":"default","ast-site-content-layout":"normal-width-container","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],"tags":[],"class_list":["post-362","post","type-post","status-publish","format-standard","hentry","category-styles"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/362","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=362"}],"version-history":[{"count":0,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/362\/revisions"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/categories?post=362"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/tags?post=362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}