<h2><b>Allow Customers to Chat on Their Preferred Platform</b></h2>
<p>Modern shoppers expect fast, familiar communication, not contact forms and delayed email replies. Chat Buttons for WooCommerce lets your customers reach you on the platforms they already use and trust. From WhatsApp and Instagram to Facebook Messenger, Telegram, SMS, and beyond, your store becomes instantly accessible across 12 integrated channels.</p>
<p>Whether it’s a quick product question or a time-sensitive support request, customers can connect with you in a single click. By unifying all your communication options into one sleek widget, you make conversations faster, easier to manage, and far more likely to convert.</p>
<h2><b>Features of Chat Buttons for WooCommerce</b></h2>
<ul>
<li>Support 12 integrated chat platforms:
<ul>
<li>WhatsApp</li>
<li>Instagram</li>
<li>Facebook</li>
<li>Messenger</li>
<li>Telegram</li>
<li>Viber</li>
<li>Line</li>
<li>WeChat</li>
<li>TikTok</li>
<li>SMS</li>
<li>Phone Call</li>
<li>Email</li>
<li>Contact Form</li>
</ul>
</li>
<li>Display the chat widget on specific pages, products, or URLs for targeted customer engagement</li>
<li>Choose widget placement from four screen positions:
<ul>
<li>Bottom right</li>
<li>Bottom left</li>
<li>Top right</li>
<li>Top left</li>
</ul>
</li>
<li>Adjust placement with horizontal and vertical pixel offsets from screen edges</li>
<li>Enable drag-and-drop repositioning so visitors can move the widget to their preferred spot</li>
<li>Select from built-in icon libraries (Lucide, Dashicons) or upload a fully custom icon</li>
<li>Choose from solid, glass, or transparent panel styles to match your store branding</li>
<li>Display chat options as icon only, text only, or icon with description</li>
<li>Arrange chat buttons in list, grid, or mobile app tile layouts</li>
<li>Customize all chat panel colors, including background, title, description, and widget text</li>
<li>Add multi-agent support for WhatsApp with individual avatars, names, titles, and availability hours</li>
<li>Set pre-filled messages for WhatsApp, Telegram, Viber, Line, and SMS</li>
<li>Include a built-in contact form with custom email templates and field labels</li>
</ul>
<h2><b>Connect with Customers Across 12 Chat Platforms</b></h2>
<p>Every customer has a preferred way to communicate. Some rely on WhatsApp, others use Instagram or Telegram, and many simply prefer a quick SMS or phone call. Chat Buttons for WooCommerce gives you all of these channels in one place, so you never miss a conversation, regardless of where your customers are most active.</p>
<p><img class="alignnone size-medium wp-image-18734006559988" src="https://woocommerce.com/wp-content/uploads/2026/04/Connect-with-Customers-Across-12-Chat-Platforms.png?w=896" alt="Connect with Customers Across 12 Chat Platforms" width="896" height="421" /></p>
<h3><b>WhatsApp</b></h3>
<p>The world’s most popular messaging app, now directly accessible from your store. Set a phone number, add a pre-filled message, and configure multi-agent support with individual availability hours so customers always know who they’re reaching.</p>
<h3><b>Instagram & Facebook Messenger</b></h3>
<p>Connect your Instagram username or Facebook Business Page to give social-first shoppers a direct line to your team. Ideal for brands where customers already discover and engage with products through social channels.</p>
<h3><b>Telegram & Viber</b></h3>
<p>Reach customers who prefer privacy-focused or regional platforms. Add pre-filled messages to start conversations with context already in place, reducing back-and-forth and speeding up resolution times.</p>
<h3><b>SMS & Phone Call</b></h3>
<p>Some customers simply want to call or text. Provide a direct phone number for SMS or voice calls, with optional pre-filled message templates for SMS to ensure every conversation starts with the right information.</p>
<h3><b>Line, WeChat & TikTok</b></h3>
<p>Serve global and regional audiences by enabling Line (popular in Japan and Southeast Asia), WeChat (dominant in China), and TikTok for stores active on short-form video platforms. WeChat also supports a fallback URL for environments where the native app link may not be supported.</p>
<h3><b>Built-In Contact Form</b></h3>
<p>Not everyone prefers messaging apps. The built-in contact form gives customers a familiar, email-based option without leaving your site. Customize every field label, placeholder, subject line, email header, and footer to keep your brand voice consistent from form submission to inbox delivery.</p>
<p><img class="alignnone size-medium wp-image-18734006559989" src="https://woocommerce.com/wp-content/uploads/2026/04/12-Chat-Platforms.png?w=896" alt="12 Chat Platforms" width="896" height="762" /></p>
<h2><b>Control Where and How Your Widget Appears</b></h2>
<p>A chat widget is only as useful as the pages it appears on. Chat Buttons for WooCommerce lets you display the widget on all pages or display it on specific pages: specific products, key landing pages, or cart and checkout. You can target specific pages or URL groups, stack multiple rules together, and keep the widget only on pages where it is needed.</p>
<p><img class="alignnone size-medium wp-image-18734006559987" src="https://woocommerce.com/wp-content/uploads/2026/04/Control-Where-and-How-Your-Widget-Appears.png?w=896" alt="Control Where and How Your Widget Appears" width="896" height="365" /></p>
<h2><b>Fully Customize the Chat Widget to Match Your Brand</b></h2>
<p>A great chat experience should feel like a natural part of your store, not a third-party add-on. Chat Buttons for WooCommerce gives you full control over the widget’s appearance and behavior to keep your brand consistent across every customer touchpoint.</p>
<h3><b>Widget Positioning</b></h3>
<p>Place the floating chat button in any of the four screen corners and fine-tune its position with horizontal and vertical pixel offsets. Enable drag-and-drop so visitors can reposition the widget to their liking, with their preference saved in the browser across sessions.</p>
<p><img class="alignnone size-medium wp-image-18734006559991" src="https://woocommerce.com/wp-content/uploads/2026/04/Customize-the-Chat-Widget-Positioning.png?w=896" alt="Customize the Chat - Widget Positioning" width="896" height="317" /></p>
<h3><b>Icon and Panel Design</b></h3>
<p>Select from Lucide or Dashicons icon libraries, or upload your own custom icon. Choose from solid, glass, or transparent panel styles to match your site’s aesthetic. Set your primary brand color for the chat button and hover states to create a seamless visual experience.</p>
<p><img class="alignnone size-medium wp-image-18734006559985" src="https://woocommerce.com/wp-content/uploads/2026/04/Customize-the-Chat-Icon-and-Panel-Design.png?w=779" alt="Customize the Chat - Icon and Panel Design" width="779" height="335" /></p>
<h3><b>Reveal Animations</b></h3>
<p>Choose from 14 animation styles, including stagger, bounce, elastic in, zoom in, and more, to control how your chat buttons appear when the panel opens. Set a panel title and optional subtitle to guide customers and give the widget a polished, purposeful feel.</p>
<p><img class="alignnone size-medium wp-image-18734006559986" src="https://woocommerce.com/wp-content/uploads/2026/04/Customize-the-Chat-Icon-and-Reveal-Animations.png?w=896" alt="Customize the Chat - Icon and Reveal Animations" width="896" height="271" /></p>
<h3><b>Button Layout and Content</b></h3>
<p>Display each chat option as an icon only, text only, or an icon with a description. Organize buttons in a list, grid, or mobile app tile layout. Customize panel background color, title color, description color, and all widget text colors to create a fully branded chat interface.</p>
<p><img class="alignnone size-medium wp-image-18734006559990" src="https://woocommerce.com/wp-content/uploads/2026/04/Customize-the-Chat-Button-Layout-and-Content.png?w=896" alt="Customize the Chat - Button Layout and Content" width="896" height="511" /></p>

Chat Buttons

<h2><b>Let customers reach you instantly on WhatsApp, Instagram, Facebook, Telegram, SMS, and more across a single, fully customizable chat widget.</b></h2>

<div class="twocol-one" style="margin-bottom: 0">
<h2>Improve your conversion rate with Shipping Countdown</h2>
<p>Add urgency to your customers purchasing decisions with the Shipping Countdown extension for WooCommerce. Displays a countdown on product pages so customers know when they need to order a product by to receive it or have it shipped on a specific date. e.g. “Order within 27 minutes for delivery tomorrow”.</p>
<p>You can configure cut off times and shipping days for each day of the week, set disabled dates for holidays and set custom messaging.</p>
<p>Shipping Countdown includes various settings to configure the display of the countdown and it can be set to appear for a products that are assigned specific shipping classes or stock statuses.</p>
<p>Read on to find out why you should use Shipping Countdown and the great features included.</p>
</div>
<div class="twocol-one last" style="margin-bottom: 0">
<p><a href="https://woocommerce.com/wp-content/uploads/2023/02/shipping-countdown-product-page.jpg"><img src="https://woocommerce.com/wp-content/uploads/2023/02/shipping-countdown-product-page.jpg" /></a></p>
<div class="woo-sc-box info">
<p><strong>Martin, an ecommerce store owner said:</strong></p>
<p><i>“Using Shipping Countdown on our store lets our customers know exactly when they can expect a product to be delivered, it has reduced questions to our customer support team and creates urgency to order a product.”</i></p>
</div>
</div>
<hr style="clear: both" />
<h2>Features</h2>
<ul class="wccom-tick-list-secondary" style="line-height: 1.8em;margin-bottom: 18px">
<li><strong>Informs customers of expected delivery/shipping date</strong></li>
<li><strong>Motivates customers to place an order immediately</strong></li>
<li><strong>Reduces “when will I get my order?” customer queries</strong></li>
<li><strong>Creates urgency to place an order immediately</strong></li>
<li><strong>Customizable display settings include colors and fonts, or you can change styles with custom CSS</strong></li>
<li><strong>Display shipping countdown based on product shipping classes, including when no shipping class</strong></li>
<li><strong>Display shipping countdown based on product stock status</strong></li>
<li><strong>Set cut off and shipping days for each day of the week</strong></li>
<li><strong>Shows days, hours, minutes and seconds to cut off time, including option to disable seconds</strong></li>
<li>Set a date/time offset, useful if your visitors are from different time zones</li>
<li>Set different messaging for each shipping class/stock status</li>
<li>Set fallback messaging used when shipping countdown has expired</li>
<li>Disable the shipping countdown on specific dates e.g. holidays</li>
<li>Block and shortcode included to display the shipping countdown in any position on your product page</li>
<li>Set a custom date format for dates shown in the shipping countdown</li>
<li>Hide the countdown if customer has more than 1 product in cart</li>
<li>Various CSS classes for custom styling of the countdown</li>
<li>Works with most WooCommerce product types</li>
<li>Compatible with WooCommerce Subscriptions</li>
</ul>
<p><a class="wccom-button is-primary" style="font-weight: 400;text-decoration: none;width: 130px" href="https://woocommerce.com/?add-to-cart=18734001523454" target="_blank" rel="noopener"><span class="wccom-button__text">Buy now</span></a></p>
<div class="woo-sc-box alert">
<p><strong>This extension does not support the ability to set different shipping countdowns dependent on warehouse location.</strong> If you ship from multiple warehouses in different countries and require a unique shipping countdown for each, consider using an alternative extension.</p>
</div>
<hr style="clear: both" />
<h2>Highlights</h2>
<p>Get these great features for your store.</p>
<div class="twocol-one" style="margin-bottom: 0">
<h3>Product page</h3>
<p>The shipping countdown is displayed on the product page, creating urgency for the customer to order if they wish to receive it/have it shipped on a specific date.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2023/02/shipping-countdown-product-page.jpg"><img src="https://woocommerce.com/wp-content/uploads/2023/02/shipping-countdown-product-page.jpg" /></a></p>
</div>
<div class="twocol-one last" style="margin-bottom: 0">
<h3>Display settings</h3>
<p>Includes lots of display settings allowing you to display the shipping countdown as you wish, for more control you can disable the styling and use custom CSS.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2023/02/countdown-display.jpg"><img src="https://woocommerce.com/wp-content/uploads/2023/02/countdown-display.jpg" /></a></p>
</div>
<div class="twocol-one" style="margin-bottom: 0">
<h3>Shipping class/stock status settings</h3>
<p>Configure the shipping countdown to display for products which have a specific shipping classes/stock statuses and set cut off times, shipping days and disabled dates.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2023/02/shipping-status-settings.jpg"><img src="https://woocommerce.com/wp-content/uploads/2023/02/shipping-status-settings.jpg" /></a></p>
</div>
<div class="twocol-one last" style="margin-bottom: 0">
<h3>Block and shortcode</h3>
<p>The shipping countdown is displayed automatically, but if you wish you can use the included block or shortcode to position it within your product page template.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2023/02/shipping-countdown-block.jpg"><img src="https://woocommerce.com/wp-content/uploads/2023/02/shipping-countdown-block.jpg" /></a></p>
</div>
<hr style="clear: both" />
<h2>Screenshots</h2>
<p>See the extension in action…</p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-3-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2023\/02\/shipping-countdown-product-page.jpg","id":"18734001530853","title":"shipping-countdown-product-page","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2023\/02\/countdown-display.jpg","id":"18734003152296","title":"countdown-display","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2023\/02\/shipping-status-settings.jpg","id":"18734003748325","title":"shipping-status-settings","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2023\/02\/shipping-countdown-block.jpg","id":"18734001530902","title":"shipping-countdown-block","alt":"","caption":"","itemprop":"image"}]"></div>
<hr style="clear: both" />
<h2>Example usage</h2>
<p>Clive manages a WooCommerce store selling party equipment, generally his customers leave ordering until near the party date and they often want to know exactly when a product will arrive. Each product displays the time the customer must order by to receive their party equipment by a specific date. This results in less questions sent to his customer service team and customers know exactly when to expect their products to be delivered.</p>
<hr style="clear: both" />
<h2>More information</h2>
<ul>
<li><a href="https://woocommerce.com/document/shipping-countdown/">Read documentation</a> for an overview of the settings, options, frequently asked questions and more</li>
<li><a href="https://woocommerce.com/contact-us/">Contact us</a> if you have any questions and we’ll be happy to help</li>
</ul>
<hr style="clear: both" />
<p><a class="wccom-button is-primary" style="font-weight: 400;text-decoration: none;width: 130px" href="https://woocommerce.com/?add-to-cart=18734001523454"><span class="wccom-button__text">Buy now</span></a></p>

Shipping Countdown

<p>Show shoppers exactly how long they have to order for same-day dispatch or next-day delivery, creating urgency and setting clear expectations.</p>

Chat Buttons vs Shipping Countdown