{"id":1678,"date":"2021-08-11T19:31:49","date_gmt":"2021-08-11T14:01:49","guid":{"rendered":"http:\/\/holithemes.com\/plugins\/click-to-chat\/?p=1678"},"modified":"2025-11-19T12:13:23","modified_gmt":"2025-11-19T06:43:23","slug":"woocommerce","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/woocommerce\/","title":{"rendered":"WooCommerce"},"content":{"rendered":"\n<div class=\"woo-page-wrapper\">\n        <!-- Hero Section -->\n        <header class=\"hero\" role=\"banner\">\n            <div class=\"hero-content\">\n                <h1>Boost Your WooCommerce Store with WhatsApp<\/h1>\n                <p>Seamlessly integrate WhatsApp chat into product, cart, and checkout pages to engage customers, drive conversions, and deliver real-time support<\/p>\n                <button onclick=\"document.querySelector('.shop-page-section').scrollIntoView({ behavior: 'smooth' });\" class=\"hero-cta-btn\" aria-label=\"Get started with WhatsApp integration\">\n                    Get Started \u2192\n                <\/button>\n            <\/div>\n            <div class=\"hero-image\">\n                <div class=\"chat-badge\" aria-label=\"WhatsApp chat indicator\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                        d=\"M8 10h.01M12 10h.01M16 10h.01M21 12c0 4.418-4.03 8-9 8a9.862 9.862 0 01-4-.8L3 20l1.8-4.2A8.963 8.963 0 013 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"\/>\n                    <\/svg>\n                <\/div>\n                <img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/09\/WooCommerce-Hero-Image.webp\" \n                     alt=\"WooCommerce WhatsApp integration dashboard showing chat buttons on product pages\" \n                     loading=\"lazy\"\n                     width=\"700\" \n                     height=\"400\">\n            <\/div>\n        <\/header>\n\n        <!-- Section 1: WhatsApp on Shop Page -->\n        <section class=\"section shop-page-section\" id=\"shop-page\">\n            <div class=\"container\">\n                <header class=\"section-header\">\n                    <h2 class=\"section-title gradient-text-green-blue\">WhatsApp Buttons on Shop Page<\/h2>\n                    <p class=\"section-description\">\n                        Enable WhatsApp buttons directly on the product grid. Let customers connect before even opening a product page.\n                    <\/p>\n                <\/header>\n\n                <div class=\"two-column-layout\">\n                    <div class=\"column animate-left\">\n                        <div class=\"before-after-slider\" id=\"beforeAfterSlider\">\n                            <div class=\"before-state\">\n                                <article class=\"product-card\">\n                                    <div class=\"product-image\" aria-label=\"Headphones product image\">\ud83c\udfa7<\/div>\n                                    <h3 class=\"product-title\">Premium Wireless Headphones<\/h3>\n                                    <div class=\"product-rating\">\n                                        <div class=\"stars\" aria-label=\"5 star rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                                        <span class=\"review-count\">(24 reviews)<\/span>\n                                    <\/div>\n                                    <div class=\"product-price\">$199.99<\/div>\n                                    <button class=\"add-to-cart-btn\" aria-label=\"Add Premium Wireless Headphones to cart\">Add to Cart<\/button>\n                                <\/article>\n                                <div class=\"state-label before-label\">BEFORE<\/div>\n                            <\/div>\n\n                            <div class=\"after-state\">\n                                <article class=\"product-card\">\n                                    <div class=\"product-image\" aria-label=\"Headphones product image\">\ud83c\udfa7<\/div>\n                                    <h3 class=\"product-title\">Premium Wireless Headphones<\/h3>\n                                    <div class=\"product-rating\">\n                                        <div class=\"stars\" aria-label=\"5 star rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                                        <span class=\"review-count\">(24 reviews)<\/span>\n                                    <\/div>\n                                    <div class=\"product-price\">$199.99<\/div>\n                                    <button class=\"add-to-cart-btn\" aria-label=\"Add Premium Wireless Headphones to cart\">Add to Cart<\/button>\n                                    <button class=\"WhatsApp-Button-Preview\" aria-label=\"Buy headphones via WhatsApp\">Buy Headphones via WhatsApp<\/button>\n                                <\/article>\n                                <div class=\"state-label after-label\">AFTER<\/div>\n                            <\/div>\n\n                            <div class=\"slider-handle\" id=\"sliderHandle\" role=\"slider\" aria-label=\"Compare before and after states\">\n                                <div class=\"handle-circle\">\n                                    <div class=\"handle-line\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"column animate-right\">\n                        <article class=\"feature-card\">\n                            <h3>Seamless Shopping Conversations<\/h3>\n                            <p>Transform your product grid into an interactive communication hub. Customers can instantly connect with you about any product without leaving the shop page, creating a more engaging shopping experience.<\/p>\n                        <\/article>\n                        <div class=\"feature-highlight\">\n                            <svg class=\"feature-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                                <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/>\n                            <\/svg>\n                            <span>Instant customer engagement<\/span>\n                        <\/div>\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/whatsapp-chat-in-woocommerce-shop-page\/\" \n                            target=\"_blank\" \n                            rel=\"noopener\"\n                            class=\"docs-button\"\n                            aria-label=\"View documentation for WhatsApp shop page integration\">\n                                View Documentation \u2192\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Section 2: Single Product Page -->\n        <section class=\"section single-product-section\">\n            <div class=\"container\">\n                <header class=\"section-header\">\n                    <h2 class=\"section-title gradient-text-purple-pink\">Talk from Product Page<\/h2>\n                    <p class=\"section-description\">\n                        Add a floating WhatsApp button on single product pages \u2014 choose positions like After Cart Button, after the title or Before Product Summary.\n                    <\/p>\n                <\/header>\n\n                <div class=\"two-column-layout\">\n                    <div class=\"column animate-left\">\n                        <article class=\"feature-card purple-theme\">\n                            <h3>Flexible Positioning<\/h3>\n                            <p>Demonstrate flexibility with the perfect style and position that matches your theme and provides the best user experience for your customers.<\/p>\n                        <\/article>\n                        <div class=\"feature-highlight purple\">\n                            <svg class=\"feature-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                                <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/>\n                                <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\n                            <\/svg>\n                            <span>Multiple positioning options<\/span>\n                        <\/div>\n                        <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/add-whatsapp-in-woocommerce-single-product-pages\/\" \n                            target=\"_blank\" \n                            rel=\"noopener\"\n                            class=\"docs-button\"\n                            aria-label=\"View documentation for single product page integration\">\n                                View Documentation \u2192\n                        <\/a>\n                    <\/div>\n\n                    <div class=\"column animate-right\">\n                        <article class=\"product-preview\">\n                            <div class=\"product-badge\">Best Seller<\/div>\n                            <h3 class=\"product-preview-title\">Lamb Doll<\/h3>\n                            <div class=\"product-preview-rating\">\n                                <span aria-label=\"4 out of 5 stars\">\u2605\u2605\u2605\u2605\u2606<\/span> <span class=\"rating-score\">(4.0)<\/span>\n                            <\/div>\n                            <div class=\"product-preview-price\">$8.50<\/div>\n                            <p class=\"product-preview-description\">\n                                Lightweight, safe, and super cuddly \u2014 ideal for everyday play.\n                            <\/p>\n                            <div class=\"product-preview-image\" aria-label=\"Lamb doll product image\">\ud83e\uddf8<\/div>\n                            <div class=\"button-row\">\n                                <button class=\"product-preview-cart\" aria-label=\"Add Lamb Doll to cart\">Add to Cart<\/button>\n                                <button class=\"WhatsApp-Button-Preview\" aria-label=\"Buy Lamb Doll via WhatsApp\">Buy Lambdoll<\/button>\n                            <\/div>\n                        <\/article>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Section 3: Custom Greeting -->\n        <section class=\"section custom-greeting-section\">\n            <div class=\"container\">\n                <header class=\"section-header\">\n                    <h2 class=\"section-title gradient-text-blue-cyan\">Override Global Settings for WooCommerce Pages<\/h2>\n                    <p class=\"section-description\">\n                        Customize Greetings Dialogs, Call to Action, and Pre-filled Messages per product to personalize customer experiences and override global Click to Chat settings across WooCommerce pages.                \n                    <\/p>\n                <\/header>\n                <article class=\"message-composer-card\">\n                    <div class=\"composer-layout\">\n                        <div class=\"message-composer\">\n                            <h3>Interactive Field Focus<\/h3>\n                            <div class=\"input-container\">\n                                <input type=\"text\" \n                                       id=\"messageInput\" \n                                       value=\"Grab the discount on this {product}, Only {sku} Left \" \n                                       class=\"message-input\"\n                                       aria-label=\"Customize WhatsApp message template\">\n                                <div class=\"input-glow\"><\/div>\n                            <\/div>\n                            <div class=\"preview-container\" id=\"previewContainer\">\n                                <div class=\"preview-label\">Preview:<\/div>\n                                <div class=\"preview-message\" id=\"previewMessage\">\n                                Hi! I&#8217;m interested in Wireless Headphones priced at $199.99\n                                <\/div>\n                            <\/div>\n                            <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/woocommerce-single-product-pages\/\" \n                                target=\"_blank\" \n                                rel=\"noopener\"\n                                class=\"docs-button\"\n                                aria-label=\"View documentation for custom greetings\">\n                                    View Documentation \u2192\n                            <\/a>\n                        <\/div>\n\n                        <div class=\"composer-image\">\n                            <img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/Woocommerce-Greetings.webp\" \n                                 alt=\"WooCommerce greetings customization interface showing message templates and variables\" \n                                 loading=\"lazy\"\n                                 width=\"400\" \n                                 height=\"300\">\n                        <\/div>\n                    <\/div>\n                <\/article>\n            <\/div>\n        <\/section>\n\n        <!-- Section 4: Dynamic Variables -->\n        <section class=\"section dynamic-variables-section\">\n            <div class=\"container\">\n                <header class=\"section-header\">\n                    <h2 class=\"section-title gradient-text-cyan-blue\">Smart WhatsApp Messages<\/h2>\n                    <p class=\"section-description\">\n                        Customize WhatsApp messages with dynamic placeholders like {product}, {price}, {sku}, {url}, {title}, {site}.\n                    <\/p>\n                <\/header>\n\n                <div class=\"two-column-layout\">\n                    <div class=\"column animate-left\">\n                        <article class=\"variables-card\">\n                            <h3>Available Variables<\/h3>\n                            <div class=\"variables-list\">\n                                <div class=\"variable-item\">\n                                    <code>{product}<\/code>\n                                    <span>Product name<\/span>\n                                <\/div>\n                                <div class=\"variable-item\">\n                                    <code>{price}<\/code>\n                                    <span>Product price<\/span>\n                                <\/div>\n                                <div class=\"variable-item\">\n                                    <code>{sku}<\/code>\n                                    <span>Product SKU<\/span>\n                                <\/div>\n                                <div class=\"variable-item\">\n                                    <code>{url}<\/code>\n                                    <span>Product URL<\/span>\n                                <\/div>\n                                <div class=\"variable-item\">\n                                    <code>{title}<\/code>\n                                    <span>Product title<\/span>\n                                <\/div>\n                                <div class=\"variable-item\">\n                                    <code>{site}<\/code>\n                                    <span>Site name<\/span>\n                                <\/div>\n                                <div class=\"variable-item\">\n                                    <code>{{price}}<\/code>\n                                    <span>Formatted Price<\/span>\n                                <\/div>\n                                <div class=\"variable-item\">\n                                    <code>{regular Price}<\/code>\n                                    <span>Product Original Price<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/article>\n                    <\/div>\n\n                    <div class=\"column animate-right\">\n                        <div class=\"template-demo\">\n                            <div class=\"template-box\">\n                                <div class=\"template-label\">Template:<\/div>\n                                <div class=\"template-text\">&#8220;Hi! I&#8217;m interested in {product} priced at {price}&#8221;<\/div>\n                            <\/div>\n                            <div class=\"result-box\">\n                                <div class=\"result-label\">Result:<\/div>\n                                <div class=\"result-text\">&#8220;Hi! I&#8217;m interested in Wireless Headphones priced at $199.99&#8221;<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Section 5: Business Hours -->\n        <section class=\"section business-hours-section\">\n            <div class=\"container\">\n                <header class=\"section-header\">\n                    <h2 class=\"section-title gradient-text-orange-red\">Show Button Only When Available<\/h2>\n                    <p class=\"section-description\">\n                        Set business hours to control WhatsApp button visibility \u2014 ensure it shows only when you&#8217;re available.\n                    <\/p>\n                    <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/business-hours-for-woocommerce-products\/\"\n                       target=\"_blank\"\n                       rel=\"noopener\"\n                       class=\"docs-button\"\n                       aria-label=\"View documentation for business hours settings\">\n                        View Documentation \u2192\n                    <\/a>\n                <\/header>\n\n                <div class=\"two-column-layout\">\n                    <div class=\"column animate-left\">\n                        <article class=\"business-hours-card\">\n                            <h3>Business Hours Settings<\/h3>\n                            <div class=\"hours-list\">\n                                <div class=\"hours-item\">\n                                    <span>Monday &#8211; Friday<\/span>\n                                    <span class=\"hours-time open\">9:00 AM &#8211; 6:00 PM<\/span>\n                                <\/div>\n                                <div class=\"hours-item\">\n                                    <span>Saturday<\/span>\n                                    <span class=\"hours-time open\">10:00 AM &#8211; 4:00 PM<\/span>\n                                <\/div>\n                                <div class=\"hours-item\">\n                                    <span>Sunday<\/span>\n                                    <span class=\"hours-time closed\">Closed<\/span>\n                                <\/div>\n                                <div class=\"hours-item toggle-item\">\n                                    <span>Currently Open<\/span>\n                                    <div class=\"toggle-switch\" id=\"businessToggle\" role=\"switch\" aria-checked=\"true\" aria-label=\"Toggle business hours\">\n                                        <div class=\"toggle-slider\"><\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/article>\n                    <\/div>\n\n                    <div class=\"column animate-right\">\n                        <div class=\"business-preview\">\n                            <div class=\"preview-title\">Product Page Preview<\/div>\n                            <div class=\"preview-image\" aria-label=\"Product preview placeholder\"><\/div>\n                            <div class=\"preview-price\">$299.99<\/div>\n                            <button class=\"business-whatsapp-btn\" id=\"businessWhatsAppBtn\" aria-label=\"Contact via WhatsApp\">WhatsApp Us<\/button>\n                            <div class=\"offline-message\" id=\"offlineMessage\">Button Preview Unavailable<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Section 6: Position Selector -->\n        <section class=\"section position-selector-section\">\n            <div class=\"container\">\n                <header class=\"section-header\">\n                    <h2 class=\"section-title gradient-text-green-teal\">Choose Where It Appears in Product Page<\/h2>\n                    <p class=\"section-description\">\n                        Choose from predefined positions: After Product title, After Add to Cart and more. Each Position fits based on your theme and layout.\n                    <\/p>\n                <\/header>\n\n                <div class=\"position-selector\">\n                    <div class=\"position-buttons\">\n                        <button class=\"position-btn active\" data-position=\"after-cart\" aria-pressed=\"true\">\n                            <div class=\"btn-title\">After Add to Cart<\/div>\n                            <div class=\"btn-description\">Appears right after the Add to Cart button<\/div>\n                        <\/button>\n                        <button class=\"position-btn\" data-position=\"below-title\" aria-pressed=\"false\">\n                            <div class=\"btn-title\">After Product Title<\/div>\n                            <div class=\"btn-description\">Positioned under the product name<\/div>\n                        <\/button>\n                    <\/div>\n\n                    <div class=\"position-preview\">\n                        <h3>Live Position Preview<\/h3>\n                        <div class=\"product-page-mockup\">\n                            <div class=\"mockup-left\">\n                                <div class=\"mockup-image\" aria-label=\"Lamb doll product mockup\">\ud83e\uddf8<\/div>\n                            <\/div>\n                            <div class=\"mockup-right\">\n                                <nav class=\"breadcrumb\" aria-label=\"Breadcrumb\">Home \/ Toys \/ Lamb Doll<\/nav>\n                                <div class=\"category\">Toys<\/div>\n                                <h1 class=\"product-name\">Lamb Doll<\/h1>\n                                \n                                <button class=\"position-whatsapp-btn below-title\" id=\"belowTitleBtn\" aria-label=\"Buy Lamb Doll via WhatsApp\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                                        <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>\n                                    <\/svg>\n                                    Buy Lamb Doll\n                                <\/button>\n\n                                <div class=\"product-price-display\">$8.50 <span class=\"shipping\">&#038; Free Shipping<\/span><\/div>\n                                <p class=\"product-description\">\n                                    Soft, cuddly, and perfect for all ages. This adorable lamb doll makes a sweet gift or a cozy companion for play and bedtime.\n                                <\/p>\n                                \n                                <div class=\"quantity-selector\">\n                                    <button class=\"qty-btn\" aria-label=\"Decrease quantity\">&#8211;<\/button>\n                                    <span class=\"qty-display\">1<\/span>\n                                    <button class=\"qty-btn\" aria-label=\"Increase quantity\">+<\/button>\n                                <\/div>\n\n                                <button class=\"add-to-cart-main\" aria-label=\"Add Lamb Doll to cart\">ADD TO CART<\/button>\n\n                                <button class=\"position-whatsapp-btn after-cart active\" id=\"afterCartBtn\" aria-label=\"Buy Lamb Doll via WhatsApp\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                                        <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>\n                                    <\/svg>\n                                    Buy Lamb Doll\n                                <\/button>\n\n                                <div class=\"product-meta\" id=\"productMeta\">\n                                    <div class=\"meta-text\">\n                                        <span class=\"meta-label\">Category:<\/span> Toys &nbsp;&nbsp;\n                                        <span class=\"meta-label\">Tags:<\/span> animal, doll, lamb, toy\n                                    <\/div>\n                                    <button class=\"position-whatsapp-btn inline-meta\" id=\"inlineMetaBtn\" aria-label=\"Chat about this product\">\n                                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                                            <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>\n                                        <\/svg>\n                                        Chat\n                                    <\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <button class=\"position-whatsapp-btn bottom-right\" id=\"bottomRightBtn\" aria-label=\"WhatsApp floating button\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                                <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <div class=\"more-positions-note\">\n                    <p>\n                        <span class=\"note\"><strong>More Positions:<\/strong> After Product Summary, Before Main Content, Before Product, Before Product Summary, Product Summary, Before Cart Button, After Product, After Cart Button.<\/span>\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Final CTA Section -->\n        <section class=\"section final-cta-section\">\n            <div class=\"cta-background\"><\/div>\n            <div class=\"animated-particles\" id=\"ctaParticles\"><\/div>\n            \n            <div class=\"container\">\n                <div class=\"cta-content\">\n                    <h2 class=\"cta-title\">\ud83d\ude80Ready to Chat Smarter?<\/h2>\n                    <p class=\"cta-description\">Give your customers the fastest way to connect.<\/p>\n                    <div class=\"cta-note\">\n                        <p>\n                        \u26a1 Before integrating WhatsApp with your store, please make sure \n                        both <strong>WooCommerce<\/strong> and <strong>Click to Chat<\/strong> \n                        plugins are installed and active in your WordPress site.\n                        <\/p>\n                    <\/div>\n                    <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/docs\/woocommerce\/\" \n                        target=\"_blank\" \n                        rel=\"noopener\"\n                        class=\"docs-button\"\n                        aria-label=\"Download WooCommerce Chat integration\">\n                            Download WooCommerce Chat \u2192\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n\n\n\n<style>\n.navigation.post-navigation {\n    display: none !important;\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Boost Your WooCommerce Store with WhatsApp Seamlessly integrate WhatsApp chat into product, cart, and checkout pages to engage customers, drive conversions, and deliver real-time support Get Started \u2192 WhatsApp Buttons on Shop Page Enable WhatsApp buttons directly on the product grid. Let customers connect before even opening a product page. \ud83c\udfa7 Premium Wireless Headphones \u2605\u2605\u2605\u2605\u2605 [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"default","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","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":"disabled","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":{"css":["woocommerce.min__20251119_064104.css"],"js":["woocommerce.min__20251119_064104.js"],"callbacks":["dequeue_astra"],"js_attr":{"woocommerce.min__20251119_064104.js":{"attr":"","footer":"1"}}}},"categories":[47,65],"tags":[],"class_list":["post-1678","post","type-post","status-publish","format-standard","hentry","category-woocommerce","category-page-by-ht-design"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/1678","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\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/comments?post=1678"}],"version-history":[{"count":0,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/1678\/revisions"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=1678"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/categories?post=1678"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/tags?post=1678"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}