{"id":911,"date":"2020-11-06T23:52:32","date_gmt":"2020-11-06T18:22:32","guid":{"rendered":"http:\/\/holithemes.com\/plugins\/click-to-chat\/?p=911"},"modified":"2025-06-20T14:11:48","modified_gmt":"2025-06-20T08:41:48","slug":"style-7-extend","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/style-7-extend\/","title":{"rendered":"Style-7 Extend"},"content":{"rendered":"\n<h5 class=\"wp-block-heading\">An Enhanced Icon with Padding and Call to Action<\/h5>\n\n\n\n<p>Style 7 Extended offers even more customization for the WhatsApp button, providing full control over the icon, text, and call-to-action (CTA) elements for a more personalized design.<\/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-7 Extend&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/style-7-extend\/\" data-style=\"7_1\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-7_1 ht-ctc-inline\"><style id=\"ht-ctc-sc-s7_1\">.ht-ctc-sc.sc-style-7_1:hover .ctc_s_7_1{background-color:#00d34d !important;}.ht-ctc-sc.sc-style-7_1:hover .ctc_s_7_1_cta{color:#f4f4f4 !important;}.ht-ctc-sc.sc-style-7_1:hover svg g path{fill:#f4f4f4 !important;}<\/style>\n    <div class=\"ctc_s_7_1 ctc-analytics\" style=\"display:inline-flex;justify-content:center;align-items:center;padding:5px 25px; background-color:#25D366;border-radius:25px;\">\n        <p class=\"ctc_s_7_1_cta ctc-analytics ctc_cta ht-ctc-cta \" style=\"padding: 1px 16px; color: #ffffff; border-radius:10px; margin:0 10px; order: 1; \">WhatsApp us<\/p>\n        <div class=\"ctc_s_7_icon_padding ctc-analytics \" style=\"display:inline-flex; \">\n            <svg style=\"pointer-events:none; display:block; height:20px; width:20px;\" height=\"20px\" version=\"1.1\" viewBox=\"0 0 509 512\" width=\"20px\">\n        <g fill=\"none\" fill-rule=\"evenodd\" id=\"Page-1\" stroke=\"none\" stroke-width=\"1\">\n            <path style=\"fill: #ffffff;\" d=\"M259.253137,0.00180389396 C121.502859,0.00180389396 9.83730687,111.662896 9.83730687,249.413175 C9.83730687,296.530232 22.9142299,340.597122 45.6254897,378.191325 L0.613226597,512.001804 L138.700183,467.787757 C174.430395,487.549184 215.522926,498.811168 259.253137,498.811168 C396.994498,498.811168 508.660049,387.154535 508.660049,249.415405 C508.662279,111.662896 396.996727,0.00180389396 259.253137,0.00180389396 L259.253137,0.00180389396 Z M259.253137,459.089875 C216.65782,459.089875 176.998957,446.313956 143.886359,424.41206 L63.3044195,450.21808 L89.4939401,372.345171 C64.3924908,337.776609 49.5608297,295.299463 49.5608297,249.406486 C49.5608297,133.783298 143.627719,39.7186378 259.253137,39.7186378 C374.871867,39.7186378 468.940986,133.783298 468.940986,249.406486 C468.940986,365.025215 374.874096,459.089875 259.253137,459.089875 Z M200.755924,146.247066 C196.715791,136.510165 193.62103,136.180176 187.380228,135.883632 C185.239759,135.781068 182.918689,135.682963 180.379113,135.682963 C172.338979,135.682963 164.002301,138.050856 158.97889,143.19021 C152.865178,149.44439 137.578667,164.09322 137.578667,194.171258 C137.578667,224.253755 159.487251,253.321759 162.539648,257.402027 C165.600963,261.477835 205.268745,324.111057 266.985579,349.682963 C315.157262,369.636141 329.460495,367.859106 340.450462,365.455539 C356.441543,361.9639 376.521811,350.186865 381.616571,335.917077 C386.711331,321.63837 386.711331,309.399797 385.184018,306.857991 C383.654475,304.305037 379.578667,302.782183 373.464955,299.716408 C367.351242,296.659552 337.288812,281.870254 331.68569,279.83458 C326.080339,277.796676 320.898622,278.418749 316.5887,284.378615 C310.639982,292.612729 304.918689,301.074268 300.180674,306.09099 C296.46161,310.02856 290.477218,310.577055 285.331175,308.389764 C278.564174,305.506821 259.516237,298.869139 236.160607,278.048627 C217.988923,261.847958 205.716906,241.83458 202.149458,235.711949 C198.582011,229.598236 201.835077,225.948292 204.584241,222.621648 C207.719135,218.824546 210.610997,216.097679 213.667853,212.532462 C216.724709,208.960555 218.432625,207.05866 220.470529,202.973933 C222.508433,198.898125 221.137195,194.690767 219.607652,191.629452 C218.07588,188.568136 205.835077,158.494558 200.755924,146.247066 Z\" \n            fill=\"#ffffff\" id=\"htwaicon-chat-sc\"\/>\n        <\/g>\n        <\/svg>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">To Apply Style 7 Extended<\/h5>\n\n\n\n<p>Navigate to&nbsp;<strong>Click to Chat<\/strong>&nbsp;\u2013&nbsp;<strong>Style, Position<\/strong>, Select&nbsp;<strong>Style 7 Extend<\/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=\"591\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/11\/Style-7_1-1024x591.webp\" alt=\"\" class=\"wp-image-5935\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/11\/Style-7_1-1024x591.webp 1024w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/11\/Style-7_1-300x173.webp 300w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/11\/Style-7_1-768x444.webp 768w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/11\/Style-7_1.webp 1129w\" 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-7_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\"><img decoding=\"async\" width=\"1024\" height=\"720\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/11\/style-7-extend-1024x720.webp\" alt=\"\" class=\"wp-image-4972\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/11\/style-7-extend-1024x720.webp 1024w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/11\/style-7-extend-300x211.webp 300w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/11\/style-7-extend-768x540.webp 768w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/11\/style-7-extend.webp 1279w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Style-7 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>Display Call to Action<\/strong>: Control the visibility of the CTA\u2014show it on hover, permanently, or hide it entirely.<\/li>\n\n\n\n<li><strong>Icon Size<\/strong>: Adjust the size of the WhatsApp icon to fit your design.<\/li>\n\n\n\n<li><strong>Icon Border Padding<\/strong>: Set the padding around the icon for balanced spacing.<\/li>\n\n\n\n<li><strong>Icon Text Color<\/strong>: Choose the color for the icon&#8217;s text.<\/li>\n\n\n\n<li><strong>Icon Text Color on Hover<\/strong>: Set a different color for the icon&#8217;s text when hovered over.<\/li>\n\n\n\n<li><strong>Hover Direction Based on Position<\/strong>: The hover content opens on the opposite side of the button.<br>\u2013 If the button is on the right, the hover content appears to the left.<br>\u2013 If the button is on the left, the hover content appears to the right.<br>\u2013 If the button is at the center, the hover direction depends on whether it&#8217;s aligned slightly to the left or right.<\/li>\n\n\n\n<li><strong>Background Color<\/strong>: Select a background color for the button.<\/li>\n\n\n\n<li><strong>Background Color on Hover<\/strong>: Change the background color when the button is hovered over.<\/li>\n\n\n\n<li><strong>Font Size<\/strong>: Adjust the font size of the CTA text for better readability.<\/li>\n<\/ul>\n\n\n\n<p>Style 7 Extended is ideal for users who want to fully customize their WhatsApp button, offering flexibility in icon size, text color, background, and call-to-action options for a unique design.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>An Enhanced Icon with Padding and Call to Action Style 7 Extended offers even more customization for the WhatsApp button, providing full control over the icon, text, and call-to-action (CTA) elements for a more personalized design. To Apply Style 7 Extended Navigate to&nbsp;Click to Chat&nbsp;\u2013&nbsp;Style, Position, Select&nbsp;Style 7 Extend, and click Save. Customization Then navigate [&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-911","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\/911","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=911"}],"version-history":[{"count":0,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/911\/revisions"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=911"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/categories?post=911"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/tags?post=911"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}