{"id":908,"date":"2020-11-06T23:52:43","date_gmt":"2020-11-06T18:22:43","guid":{"rendered":"http:\/\/holithemes.com\/plugins\/click-to-chat\/?p=908"},"modified":"2025-05-12T16:05:46","modified_gmt":"2025-05-12T10:35:46","slug":"style-3-extend","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/style-3-extend\/","title":{"rendered":"Style-3 Extend"},"content":{"rendered":"\n<h5 class=\"wp-block-heading\">A WhatsApp Icon with padding.<\/h5>\n\n\n\n<p>Style 3 Extend builds on the simplicity of Style 3 while offering additional customization options. This version allows for more control over the button\u2019s appearance<\/p>\n\n\n<div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;Style-3 Extend&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/style-3-extend\/\" data-style=\"3_1\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-3_1 ht-ctc-inline\"><style id=\"ht-ctc-sc-s8\">.ht-ctc-sc:hover svg stop{stop-color:#25D366;}.ht-ctc-sc:hover .ht_ctc_padding{background-color:#25D366 !important;box-shadow: 0px 0px 11px rgba(0,0,0,.5);}<\/style>\n<div title=\"WhatsApp us\" class=\"ctc-analytics ht_ctc_padding\" style=\"background-color: #25D366; padding: 14px; border-radius: 50%; box-shadow: 0px 0px 11px rgba(0,0,0,.5); display:inline-flex;\">\n    <svg style=\"pointer-events:none; display:block; height:40px; width:40px;\" width=\"40px\" height=\"40px\" viewBox=\"0 0 1219.547 1225.016\">\n            <path style=\"fill: #E0E0E0;\" fill=\"#E0E0E0\" d=\"M1041.858 178.02C927.206 63.289 774.753.07 612.325 0 277.617 0 5.232 272.298 5.098 606.991c-.039 106.986 27.915 211.42 81.048 303.476L0 1225.016l321.898-84.406c88.689 48.368 188.547 73.855 290.166 73.896h.258.003c334.654 0 607.08-272.346 607.222-607.023.056-162.208-63.052-314.724-177.689-429.463zm-429.533 933.963h-.197c-90.578-.048-179.402-24.366-256.878-70.339l-18.438-10.93-191.021 50.083 51-186.176-12.013-19.087c-50.525-80.336-77.198-173.175-77.16-268.504.111-278.186 226.507-504.503 504.898-504.503 134.812.056 261.519 52.604 356.814 147.965 95.289 95.36 147.728 222.128 147.688 356.948-.118 278.195-226.522 504.543-504.693 504.543z\"\/>\n            <linearGradient id=\"htwaicona-chat-sc\" gradientUnits=\"userSpaceOnUse\" x1=\"609.77\" y1=\"1190.114\" x2=\"609.77\" y2=\"21.084\">\n                <stop id=\"s3_1_offset_1\" offset=\"0\" stop-color=\"#25D366\"\/>\n                <stop id=\"s3_1_offset_2\" offset=\"1\" stop-color=\"#25D366\"\/>\n            <\/linearGradient>\n            <path style=\"fill: url(#htwaicona-chat-sc);\" fill=\"url(#htwaicona-chat-sc)\" d=\"M27.875 1190.114l82.211-300.18c-50.719-87.852-77.391-187.523-77.359-289.602.133-319.398 260.078-579.25 579.469-579.25 155.016.07 300.508 60.398 409.898 169.891 109.414 109.492 169.633 255.031 169.57 409.812-.133 319.406-260.094 579.281-579.445 579.281-.023 0 .016 0 0 0h-.258c-96.977-.031-192.266-24.375-276.898-70.5l-307.188 80.548z\"\/>\n            <image overflow=\"visible\" opacity=\".08\" width=\"682\" height=\"639\" transform=\"translate(270.984 291.372)\"\/>\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" style=\"fill: #FFF;\" fill=\"#FFF\" d=\"M462.273 349.294c-11.234-24.977-23.062-25.477-33.75-25.914-8.742-.375-18.75-.352-28.742-.352-10 0-26.25 3.758-39.992 18.766-13.75 15.008-52.5 51.289-52.5 125.078 0 73.797 53.75 145.102 61.242 155.117 7.5 10 103.758 166.266 256.203 226.383 126.695 49.961 152.477 40.023 179.977 37.523s88.734-36.273 101.234-71.297c12.5-35.016 12.5-65.031 8.75-71.305-3.75-6.25-13.75-10-28.75-17.5s-88.734-43.789-102.484-48.789-23.75-7.5-33.75 7.516c-10 15-38.727 48.773-47.477 58.773-8.75 10.023-17.5 11.273-32.5 3.773-15-7.523-63.305-23.344-120.609-74.438-44.586-39.75-74.688-88.844-83.438-103.859-8.75-15-.938-23.125 6.586-30.602 6.734-6.719 15-17.508 22.5-26.266 7.484-8.758 9.984-15.008 14.984-25.008 5-10.016 2.5-18.773-1.25-26.273s-32.898-81.67-46.234-111.326z\"\/>\n            <path style=\"fill: #FFFFFF;\" fill=\"#FFF\" d=\"M1036.898 176.091C923.562 62.677 772.859.185 612.297.114 281.43.114 12.172 269.286 12.039 600.137 12 705.896 39.633 809.13 92.156 900.13L7 1211.067l318.203-83.438c87.672 47.812 186.383 73.008 286.836 73.047h.255.003c330.812 0 600.109-269.219 600.25-600.055.055-160.343-62.328-311.108-175.649-424.53zm-424.601 923.242h-.195c-89.539-.047-177.344-24.086-253.93-69.531l-18.227-10.805-188.828 49.508 50.414-184.039-11.875-18.867c-49.945-79.414-76.312-171.188-76.273-265.422.109-274.992 223.906-498.711 499.102-498.711 133.266.055 258.516 52 352.719 146.266 94.195 94.266 146.031 219.578 145.992 352.852-.118 274.999-223.923 498.749-498.899 498.749z\"\/>\n        <\/svg>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">To Apply Style 3 Extended<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigate to\u00a0<strong>Click to Chat<\/strong>\u00a0\u2013\u00a0<strong>Style, Position<\/strong>, Select\u00a0<strong>Style-3 Extend<\/strong>, and click Save.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"599\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/11\/Style-3_1-1024x599.webp\" alt=\"\" class=\"wp-image-5914\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/11\/Style-3_1-1024x599.webp 1024w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/11\/Style-3_1-300x175.webp 300w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/11\/Style-3_1-768x449.webp 768w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/11\/Style-3_1.webp 1136w\" 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>Then navigate to \u201c<strong>Click to Chat&nbsp;<\/strong>\u201c-&gt; \u201c<strong>Customize<\/strong>\u201d \u2013 \u201c<strong>Style-3_1<\/strong>\u201d 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=\"1024\" height=\"681\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/11\/STYLE-3-EXTEND-1024x681.webp\" alt=\"\" class=\"wp-image-4969\" style=\"width:901px;height:auto\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/11\/STYLE-3-EXTEND-1024x681.webp 1024w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/11\/STYLE-3-EXTEND-300x200.webp 300w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/11\/STYLE-3-EXTEND-768x511.webp 768w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/11\/STYLE-3-EXTEND.webp 1186w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Style-3 Extend 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>Customizable Image Size:<\/strong> Resize the button\u2019s image to match the layout of your website.<\/li>\n\n\n\n<li><strong>Padding Adjustments: <\/strong>Fine-tune the padding around the icon and widget to ensure perfect spacing.<\/li>\n\n\n\n<li><strong>Background Color Customization:<\/strong> Set a solid background color for the button and modify it on hover.<\/li>\n\n\n\n<li><strong>Hover Effects: <\/strong>Make the button more interactive by changing the background color when the user hovers over it.<\/li>\n\n\n\n<li><strong>Add Shadow Effects:<\/strong> Enhance the button&#8217;s visual appeal by adding a subtle shadow effect.<\/li>\n\n\n\n<li><strong>Call to Action Options: <\/strong>Control the visibility of the CTA\u2014show it on hover, permanently, or hide it entirely.<\/li>\n<\/ul>\n\n\n\n<p>Style 3 Extended offers more design control with features like padding, shadow effects, and hover color changes, perfect for a dynamic yet simple WhatsApp button.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A WhatsApp Icon with padding. Style 3 Extend builds on the simplicity of Style 3 while offering additional customization options. This version allows for more control over the button\u2019s appearance To Apply Style 3 Extended Customization Then navigate to \u201cClick to Chat&nbsp;\u201c-&gt; \u201cCustomize\u201d \u2013 \u201cStyle-3_1\u201d to personalize the widget\u2019s appearance. Key Features Style 3 Extended [&hellip;]<\/p>\n","protected":false},"author":3,"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-908","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\/908","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/comments?post=908"}],"version-history":[{"count":0,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/908\/revisions"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=908"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/categories?post=908"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/tags?post=908"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}